');
const $closeBtn = createButton({
children: "\u5173\u95EDEsc",
className: "v2p-modal-close-btn",
});
const $title = $(`
${title ?? ""}
`);
const $actions = $('').append($closeBtn);
const $header = $('
').append($title, $actions);
const $main2 = $('
')
.append($header, $content)
.on("click", (ev) => {
ev.stopPropagation();
});
const $container = $mask.append($main2).hide();
const modalElements = {
$mask,
$main: $main2,
$header,
$container,
$title,
$actions,
$content,
};
let boundEvent = false;
let mouseDownTarget;
const mouseDownHandler = (ev) => {
mouseDownTarget = ev.target;
};
const mouseUpHandler = (ev) => {
if (
mouseDownTarget === $mask.get(0) &&
ev.target === $mask.get(0) &&
ev.currentTarget === ev.target
) {
handleModalClose();
}
};
const keyupHandler = (ev) => {
if (ev.key === "Escape") {
handleModalClose();
}
};
const handleModalClose = () => {
$mask.off("mousedown", mouseDownHandler);
$mask.off("mouseup", mouseUpHandler);
$(document).off("keydown", keyupHandler);
boundEvent = false;
$container.fadeOut("fast");
document.body.classList.remove("v2p-modal-open");
onClose?.(modalElements);
};
const handleModalOpen = () => {
if (root && !$container.parent().length) {
root.append($container);
$closeBtn.on("click", handleModalClose);
onMount?.(modalElements);
}
setTimeout(() => {
if (!boundEvent) {
$mask.on("mousedown", mouseDownHandler);
$mask.on("mouseup", mouseUpHandler);
$(document).on("keydown", keyupHandler);
boundEvent = true;
}
});
$container.fadeIn("fast");
document.body.classList.add("v2p-modal-open");
onOpen?.(modalElements);
};
return { ...modalElements, open: handleModalOpen, close: handleModalClose };
}
var init_modal = __esm({
"src/components/modal.ts"() {
"use strict";
init_button();
},
});
// src/contents/topic/content.ts
function handleTopicImgHeight() {
const $topicContentImgs = $topicContentBox.find(
".topic_content .embedded_image",
);
$topicContentImgs.each((_, img) => {
const $img = $(img);
const height = $img.height() ?? 0;
const shouldWrap = height > 600;
if (shouldWrap) {
const collapsedCSS = {
maxHeight: `${READABLE_CONTENT_HEIGHT}px`,
overflow: "hidden",
paddingBottom: "0",
"--bg-reply": "var(--v2p-color-bg-content)",
};
const $contentBox = $(
'
',
).css(collapsedCSS);
const $expandBtn = createButton({
children: "\u5C55\u5F00\u56FE\u7247",
className: "v2p-expand-btn",
});
const toggleContent = () => {
const collapsed = $contentBox.hasClass("v2p-collapsed");
$contentBox
.toggleClass("v2p-collapsed")
.css(
collapsed
? { maxHeight: "none", overflow: "auto", paddingBottom: "40px" }
: collapsedCSS,
);
$expandBtn.html(
collapsed ? "\u6536\u8D77\u56FE\u7247" : "\u5C55\u5F00\u56FE\u7247",
);
};
$expandBtn.on("click", () => {
toggleContent();
});
$contentBox.append($img.clone()).replaceAll($img).append($expandBtn);
}
});
}
function handleContent() {
const storage = getStorageSync();
const options = storage["options" /* Options */];
if (options.openInNewTab) {
$topicContentBox
.find(".topic_content a[href]")
.prop("target", "_blank")
.prop("rel", "noopener noreferrer");
}
{
const $topicContents = $topicContentBox.find(".subtle > .topic_content");
const textLength = $topicContents.text().length;
if (textLength >= 200) {
$topicContents.each((_, topicContent) => {
if (textLength >= 400) {
topicContent.style.fontSize = "14px";
}
topicContent.style.fontSize = "14.5px";
});
}
}
{
const $topicBtns = $(".topic_buttons");
const $topicBtn = $topicBtns.find(".tb").addClass("v2p-tb v2p-hover-btn");
const $favoriteBtn = $topicBtn.eq(0);
$favoriteBtn.append(
'',
);
$topicBtn
.eq(1)
.append('');
$topicBtn
.eq(2)
.append('');
$topicBtn
.eq(3)
.append('');
if (pathTopicId) {
$topicBtns.append(
` \u5206\u4EAB`,
);
}
loadIcons();
}
window.requestIdleCallback(() => {
handleTopicImgHeight();
});
}
function processReplyContent($cellDom) {
if ($cellDom.find(".v2p-reply-content").length > 0) {
return;
}
const $replyContent = $cellDom.find(".reply_content");
const contentHeight = $replyContent.height() ?? 0;
const shouldCollapsed =
contentHeight + READABLE_CONTENT_HEIGHT >= MAX_CONTENT_HEIGHT;
if (shouldCollapsed) {
const collapsedCSS = {
maxHeight: `${READABLE_CONTENT_HEIGHT}px`,
overflow: "hidden",
paddingBottom: "0",
};
const $contentBox = $('
').css(
collapsedCSS,
);
const $expandBtn = createButton({
children: "\u5C55\u5F00\u56DE\u590D",
className: "v2p-expand-btn",
});
const toggleContent = () => {
const collapsed = $contentBox.hasClass("v2p-collapsed");
$contentBox
.toggleClass("v2p-collapsed")
.css(
collapsed
? { maxHeight: "none", overflow: "auto", paddingBottom: "40px" }
: collapsedCSS,
);
$expandBtn.html(
collapsed ? "\u6536\u8D77\u56DE\u590D" : "\u5C55\u5F00\u56DE\u590D",
);
};
$expandBtn.on("click", () => {
toggleContent();
});
$contentBox
.append($replyContent.clone())
.replaceAll($replyContent)
.append($expandBtn);
}
}
function updateMemberTag() {}
function openTagsSetter() {}
function handleTopicImg() {
const $imgs = $(".embedded_image");
if ($imgs.length > 0) {
const modal = createModal({
root: $body,
onMount: ({ $main: $main2, $header, $content }) => {
$main2.css({
width: "auto",
height: "auto",
display: "flex",
"justify-content": "center",
"background-color": "transparent",
"pointer-events": "none",
});
$header.remove();
$content.css({
display: "flex",
"justify-content": "center",
"align-items": "center",
"pointer-events": "none",
});
},
onOpen: ({ $content }) => {
$content.empty();
},
});
$imgs.each((_, img) => {
const $img = $(img);
if (img instanceof HTMLImageElement) {
$img.parent().removeAttr("href");
if (img.clientWidth !== img.naturalWidth) {
$img.css({ cursor: "zoom-in" });
$img.on("click", () => {
const $clonedImg = $img.clone();
$clonedImg.css({ cursor: "default", "pointer-events": "auto" });
modal.open();
modal.$content.append($clonedImg);
});
}
}
});
}
}
var init_content = __esm({
"src/contents/topic/content.ts"() {
"use strict";
init_button();
init_modal();
init_constants();
init_use_topic_preview();
init_utils();
init_globals();
init_helpers();
},
});
// src/contents/dom.ts
function getCommentDataList({
options,
$commentTableRows: $commentTableRows2,
$commentCells: $commentCells2,
}) {
return $commentTableRows2
.map((idx, tr) => {
const id = $commentCells2[idx].id;
const $tr = $(tr);
const $td = $tr.find("> td:nth-child(3)");
const thanked = $tr
.find("> td:last-of-type > .fr")
.find("> .thank_area")
.hasClass("thanked");
const $member = $td.find("> strong > a");
const memberName = $member.text();
const memberLink = $member.prop("href");
const memberAvatar = $tr.find(".avatar").prop("src");
const $content = $td.find("> .reply_content");
const content = $content.text();
const likes = Number($td.find("span.small").text());
const floor = $td.find("span.no").text();
const memberNameMatches = Array.from(
content.matchAll(/@([a-zA-Z0-9]+)/g),
);
const refMemberNames =
memberNameMatches.length > 0
? memberNameMatches.map(([, name]) => {
return name;
})
: void 0;
const floorNumberMatches = Array.from(content.matchAll(/#(\d+)/g));
const refFloors =
floorNumberMatches.length > 0
? floorNumberMatches.map(([, floor2]) => {
return floor2;
})
: void 0;
let contentHtml = void 0;
if (refMemberNames) {
const canHideRefName =
options.nestedReply.display === "indent" &&
!!options.replyContent.hideRefName;
if (canHideRefName) {
if (refMemberNames.length === 1) {
contentHtml = $content.html();
const pattern = /(@[\w\s]+<\/a>)\s+/g;
const replacement = '$1 ';
contentHtml = contentHtml.replace(pattern, replacement);
}
}
}
return {
id,
memberName,
memberLink,
memberAvatar,
content,
contentHtml,
likes,
floor,
index: idx,
refMemberNames,
refFloors,
thanked,
};
})
.get();
}
function handleNestedComment({
options,
$commentCells: $commentCells2,
commentDataList: commentDataList2,
}) {
const display = options.nestedReply.display;
if (display !== "off") {
$commentCells2.each((i, cellDom) => {
const $cellDom = $(cellDom);
const dataFromIndex = commentDataList2.at(i);
if (options.replyContent.autoFold) {
processReplyContent($cellDom);
}
const currentComment =
dataFromIndex?.id === cellDom.id
? dataFromIndex
: commentDataList2.find((data) => data.id === cellDom.id);
if (currentComment) {
const { refMemberNames, refFloors } = currentComment;
if (!refMemberNames || refMemberNames.length === 0) {
return;
}
const moreThanOneRefMember = refMemberNames.length > 1;
if (
options.nestedReply.multipleInsideOne === "off" &&
refMemberNames.length > 1
) {
return;
}
for (const refName of moreThanOneRefMember
? refMemberNames.toReversed()
: refMemberNames) {
for (let j = i - 1; j >= 0; j--) {
const { memberName: compareName, floor: eachFloor } =
commentDataList2.at(j) || {};
if (compareName === refName) {
let refCommentIdx = j;
const firstRefFloor = moreThanOneRefMember
? refFloors?.toReversed().at(0)
: refFloors?.at(0);
if (firstRefFloor && firstRefFloor !== eachFloor) {
const targetIdx = commentDataList2
.slice(0, j)
.findIndex(
(data) =>
data.floor === firstRefFloor &&
data.memberName === refName,
);
if (targetIdx >= 0) {
refCommentIdx = targetIdx;
}
}
if (display === "indent") {
cellDom.classList.add("v2p-indent");
}
$commentCells2.eq(refCommentIdx).append(cellDom);
return;
}
}
}
}
});
}
}
var init_dom = __esm({
"src/contents/dom.ts"() {
"use strict";
init_content();
},
});
var invalidTemplate, topicDataCache;
var init_use_topic_preview = __esm({
"src/use-topic-preview.ts"() {
"use strict";
init_lucide();
init_button();
init_modal();
init_constants();
init_dom();
init_globals();
init_helpers();
init_content();
init_icons();
init_services();
init_utils();
invalidTemplate = (tip) => `
`;
topicDataCache = /* @__PURE__ */ new Map();
},
});
var init_topic_list = __esm({
"src/contents/home/topic-list.ts"() {
"use strict";
init_toast();
init_constants();
init_services();
init_use_topic_preview();
init_utils();
init_globals();
},
});
// src/contents/home/index.ts
var home_exports = {};
var init_home = __esm({
"src/contents/home/index.ts"() {
"use strict";
init_constants();
init_utils();
init_globals();
init_helpers();
init_topic_list();
function handleNodeNavToggle() {
// 1. 查找包含“节点导航”文本的标题区域
// 这里的筛选逻辑是为了确保只定位到正确的那个 box
const $headerSpan = $('.box .cell span.fade').filter((_, el) => {
return $(el).text().includes('节点导航');
});
if ($headerSpan.length === 0) return;
// 2. 获取容器和需要折叠的内容
// 逻辑：找到父级 .box，然后选取除了第一个子元素（标题栏）以外的所有子元素
const $box = $headerSpan.closest('.box');
const $content = $box.children().not(':first-child');
// 3. 定义存储 Key
const STORAGE_KEY = 'v2p_nav_collapsed';
// 4. 创建切换按钮
// 使用 v2p-hover-btn 类以保持样式一致，行内样式微调位置
const $toggleBtn = $('');
// 5. 定义切换状态的逻辑
const applyState = (isCollapsed) => {
if (isCollapsed) {
$content.hide();
$toggleBtn.text('[展开]');
// 稍微减小 box 的下边距，折叠后看起来更紧凑
$box.css('margin-bottom', '10px');
} else {
$content.show();
$toggleBtn.text('[收起]');
$box.css('margin-bottom', '');
}
// 存储状态：'1' 为折叠，'0' 为展开
localStorage.setItem(STORAGE_KEY, isCollapsed ? '1' : '0');
};
// 6. 绑定点击事件
$toggleBtn.on('click', function() {
const currentText = $(this).text();
const isNowCollapsed = currentText === '[收起]'; // 如果当前是[收起]，点击后就变成折叠
applyState(isNowCollapsed);
});
// 7. 初始化：读取存储的状态并应用
const savedState = localStorage.getItem(STORAGE_KEY) === '1';
applyState(savedState);
// 8. 将按钮插入到“节点导航”文字后面
$headerSpan.append($toggleBtn);
}
void (async () => {
const storage = await getStorage();
const options = storage["options" /* Options */];
{
$("#Main .tab").addClass("v2p-hover-btn");
if (options.openInNewTab) {
$(
'#Main .topic-link, .item_hot_topic_title > a, .item_node, a[href="/write"]',
).prop("target", "_blank");
}
}
handleNodeNavToggle();
loadIcons();
})();
},
});
// node_modules/.pnpm/@floating-ui+utils@0.2.3/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
function clamp(start, value, end) {
return max(start, min(value, end));
}
function evaluate(value, param) {
return typeof value === "function" ? value(param) : value;
}
function getSide(placement) {
return placement.split("-")[0];
}
function getAlignment(placement) {
return placement.split("-")[1];
}
function getOppositeAxis(axis) {
return axis === "x" ? "y" : "x";
}
function getAxisLength(axis) {
return axis === "y" ? "height" : "width";
}
function getSideAxis(placement) {
return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
}
function getAlignmentAxis(placement) {
return getOppositeAxis(getSideAxis(placement));
}
function getAlignmentSides(placement, rects, rtl) {
if (rtl === void 0) {
rtl = false;
}
const alignment = getAlignment(placement);
const alignmentAxis = getAlignmentAxis(placement);
const length = getAxisLength(alignmentAxis);
let mainAlignmentSide =
alignmentAxis === "x"
? alignment === (rtl ? "end" : "start")
? "right"
: "left"
: alignment === "start"
? "bottom"
: "top";
if (rects.reference[length] > rects.floating[length]) {
mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
}
return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
}
function getExpandedPlacements(placement) {
const oppositePlacement = getOppositePlacement(placement);
return [
getOppositeAlignmentPlacement(placement),
oppositePlacement,
getOppositeAlignmentPlacement(oppositePlacement),
];
}
function getOppositeAlignmentPlacement(placement) {
return placement.replace(
/start|end/g,
(alignment) => oppositeAlignmentMap[alignment],
);
}
function getSideList(side, isStart, rtl) {
const lr = ["left", "right"];
const rl = ["right", "left"];
const tb = ["top", "bottom"];
const bt = ["bottom", "top"];
switch (side) {
case "top":
case "bottom":
if (rtl) return isStart ? rl : lr;
return isStart ? lr : rl;
case "left":
case "right":
return isStart ? tb : bt;
default:
return [];
}
}
function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
const alignment = getAlignment(placement);
let list = getSideList(getSide(placement), direction === "start", rtl);
if (alignment) {
list = list.map((side) => side + "-" + alignment);
if (flipAlignment) {
list = list.concat(list.map(getOppositeAlignmentPlacement));
}
}
return list;
}
function getOppositePlacement(placement) {
return placement.replace(
/left|right|bottom|top/g,
(side) => oppositeSideMap[side],
);
}
function expandPaddingObject(padding) {
return {
top: 0,
right: 0,
bottom: 0,
left: 0,
...padding,
};
}
function getPaddingObject(padding) {
return typeof padding !== "number"
? expandPaddingObject(padding)
: {
top: padding,
right: padding,
bottom: padding,
left: padding,
};
}
function rectToClientRect(rect) {
const { x, y, width, height } = rect;
return {
width,
height,
top: y,
left: x,
right: x + width,
bottom: y + height,
x,
y,
};
}
var min, max, oppositeSideMap, oppositeAlignmentMap;
var init_floating_ui_utils = __esm({
"node_modules/.pnpm/@floating-ui+utils@0.2.3/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"() {
"use strict";
min = Math.min;
max = Math.max;
oppositeSideMap = {
left: "right",
right: "left",
bottom: "top",
top: "bottom",
};
oppositeAlignmentMap = {
start: "end",
end: "start",
};
},
});
// node_modules/.pnpm/@floating-ui+core@1.6.3/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
function computeCoordsFromPlacement(_ref, placement, rtl) {
let { reference, floating } = _ref;
const sideAxis = getSideAxis(placement);
const alignmentAxis = getAlignmentAxis(placement);
const alignLength = getAxisLength(alignmentAxis);
const side = getSide(placement);
const isVertical = sideAxis === "y";
const commonX = reference.x + reference.width / 2 - floating.width / 2;
const commonY = reference.y + reference.height / 2 - floating.height / 2;
const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
let coords;
switch (side) {
case "top":
coords = {
x: commonX,
y: reference.y - floating.height,
};
break;
case "bottom":
coords = {
x: commonX,
y: reference.y + reference.height,
};
break;
case "right":
coords = {
x: reference.x + reference.width,
y: commonY,
};
break;
case "left":
coords = {
x: reference.x - floating.width,
y: commonY,
};
break;
default:
coords = {
x: reference.x,
y: reference.y,
};
}
switch (getAlignment(placement)) {
case "start":
coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
break;
case "end":
coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
break;
}
return coords;
}
async function detectOverflow(state, options) {
var _await$platform$isEle;
if (options === void 0) {
options = {};
}
const { x, y, platform: platform2, rects, elements, strategy } = state;
const {
boundary = "clippingAncestors",
rootBoundary = "viewport",
elementContext = "floating",
altBoundary = false,
padding = 0,
} = evaluate(options, state);
const paddingObject = getPaddingObject(padding);
const altContext = elementContext === "floating" ? "reference" : "floating";
const element = elements[altBoundary ? altContext : elementContext];
const clippingClientRect = rectToClientRect(
await platform2.getClippingRect({
element: (
(_await$platform$isEle = await (platform2.isElement == null
? void 0
: platform2.isElement(element))) != null
? _await$platform$isEle
: true
)
? element
: element.contextElement ||
(await (platform2.getDocumentElement == null
? void 0
: platform2.getDocumentElement(elements.floating))),
boundary,
rootBoundary,
strategy,
}),
);
const rect =
elementContext === "floating"
? {
x,
y,
width: rects.floating.width,
height: rects.floating.height,
}
: rects.reference;
const offsetParent = await (platform2.getOffsetParent == null
? void 0
: platform2.getOffsetParent(elements.floating));
const offsetScale = (await (platform2.isElement == null
? void 0
: platform2.isElement(offsetParent)))
? (await (platform2.getScale == null
? void 0
: platform2.getScale(offsetParent))) || {
x: 1,
y: 1,
}
: {
x: 1,
y: 1,
};
const elementClientRect = rectToClientRect(
platform2.convertOffsetParentRelativeRectToViewportRelativeRect
? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
elements,
rect,
offsetParent,
strategy,
})
: rect,
);
return {
top:
(clippingClientRect.top - elementClientRect.top + paddingObject.top) /
offsetScale.y,
bottom:
(elementClientRect.bottom -
clippingClientRect.bottom +
paddingObject.bottom) /
offsetScale.y,
left:
(clippingClientRect.left - elementClientRect.left + paddingObject.left) /
offsetScale.x,
right:
(elementClientRect.right -
clippingClientRect.right +
paddingObject.right) /
offsetScale.x,
};
}
async function convertValueToCoords(state, options) {
const { placement, platform: platform2, elements } = state;
const rtl = await (platform2.isRTL == null
? void 0
: platform2.isRTL(elements.floating));
const side = getSide(placement);
const alignment = getAlignment(placement);
const isVertical = getSideAxis(placement) === "y";
const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
const crossAxisMulti = rtl && isVertical ? -1 : 1;
const rawValue = evaluate(options, state);
let { mainAxis, crossAxis, alignmentAxis } =
typeof rawValue === "number"
? {
mainAxis: rawValue,
crossAxis: 0,
alignmentAxis: null,
}
: {
mainAxis: 0,
crossAxis: 0,
alignmentAxis: null,
...rawValue,
};
if (alignment && typeof alignmentAxis === "number") {
crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
}
return isVertical
? {
x: crossAxis * crossAxisMulti,
y: mainAxis * mainAxisMulti,
}
: {
x: mainAxis * mainAxisMulti,
y: crossAxis * crossAxisMulti,
};
}
var computePosition, flip, offset, shift;
var init_floating_ui_core = __esm({
"node_modules/.pnpm/@floating-ui+core@1.6.3/node_modules/@floating-ui/core/dist/floating-ui.core.mjs"() {
"use strict";
init_floating_ui_utils();
init_floating_ui_utils();
computePosition = async (reference, floating, config) => {
const {
placement = "bottom",
strategy = "absolute",
middleware = [],
platform: platform2,
} = config;
const validMiddleware = middleware.filter(Boolean);
const rtl = await (platform2.isRTL == null
? void 0
: platform2.isRTL(floating));
let rects = await platform2.getElementRects({
reference,
floating,
strategy,
});
let { x, y } = computeCoordsFromPlacement(rects, placement, rtl);
let statefulPlacement = placement;
let middlewareData = {};
let resetCount = 0;
for (let i = 0; i < validMiddleware.length; i++) {
const { name, fn } = validMiddleware[i];
const {
x: nextX,
y: nextY,
data,
reset,
} = await fn({
x,
y,
initialPlacement: placement,
placement: statefulPlacement,
strategy,
middlewareData,
rects,
platform: platform2,
elements: {
reference,
floating,
},
});
x = nextX != null ? nextX : x;
y = nextY != null ? nextY : y;
middlewareData = {
...middlewareData,
[name]: {
...middlewareData[name],
...data,
},
};
if (reset && resetCount <= 50) {
resetCount++;
if (typeof reset === "object") {
if (reset.placement) {
statefulPlacement = reset.placement;
}
if (reset.rects) {
rects =
reset.rects === true
? await platform2.getElementRects({
reference,
floating,
strategy,
})
: reset.rects;
}
({ x, y } = computeCoordsFromPlacement(
rects,
statefulPlacement,
rtl,
));
}
i = -1;
}
}
return {
x,
y,
placement: statefulPlacement,
strategy,
middlewareData,
};
};
flip = function (options) {
if (options === void 0) {
options = {};
}
return {
name: "flip",
options,
async fn(state) {
var _middlewareData$arrow, _middlewareData$flip;
const {
placement,
middlewareData,
rects,
initialPlacement,
platform: platform2,
elements,
} = state;
const {
mainAxis: checkMainAxis = true,
crossAxis: checkCrossAxis = true,
fallbackPlacements: specifiedFallbackPlacements,
fallbackStrategy = "bestFit",
fallbackAxisSideDirection = "none",
flipAlignment = true,
...detectOverflowOptions
} = evaluate(options, state);
if (
(_middlewareData$arrow = middlewareData.arrow) != null &&
_middlewareData$arrow.alignmentOffset
) {
return {};
}
const side = getSide(placement);
const initialSideAxis = getSideAxis(initialPlacement);
const isBasePlacement =
getSide(initialPlacement) === initialPlacement;
const rtl = await (platform2.isRTL == null
? void 0
: platform2.isRTL(elements.floating));
const fallbackPlacements =
specifiedFallbackPlacements ||
(isBasePlacement || !flipAlignment
? [getOppositePlacement(initialPlacement)]
: getExpandedPlacements(initialPlacement));
const hasFallbackAxisSideDirection =
fallbackAxisSideDirection !== "none";
if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
fallbackPlacements.push(
...getOppositeAxisPlacements(
initialPlacement,
flipAlignment,
fallbackAxisSideDirection,
rtl,
),
);
}
const placements2 = [initialPlacement, ...fallbackPlacements];
const overflow = await detectOverflow(state, detectOverflowOptions);
const overflows = [];
let overflowsData =
((_middlewareData$flip = middlewareData.flip) == null
? void 0
: _middlewareData$flip.overflows) || [];
if (checkMainAxis) {
overflows.push(overflow[side]);
}
if (checkCrossAxis) {
const sides2 = getAlignmentSides(placement, rects, rtl);
overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
}
overflowsData = [
...overflowsData,
{
placement,
overflows,
},
];
if (!overflows.every((side2) => side2 <= 0)) {
var _middlewareData$flip2, _overflowsData$filter;
const nextIndex =
(((_middlewareData$flip2 = middlewareData.flip) == null
? void 0
: _middlewareData$flip2.index) || 0) + 1;
const nextPlacement = placements2[nextIndex];
if (nextPlacement) {
return {
data: {
index: nextIndex,
overflows: overflowsData,
},
reset: {
placement: nextPlacement,
},
};
}
let resetPlacement =
(_overflowsData$filter = overflowsData
.filter((d) => d.overflows[0] <= 0)
.sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null
? void 0
: _overflowsData$filter.placement;
if (!resetPlacement) {
switch (fallbackStrategy) {
case "bestFit": {
var _overflowsData$filter2;
const placement2 =
(_overflowsData$filter2 = overflowsData
.filter((d) => {
if (hasFallbackAxisSideDirection) {
const currentSideAxis = getSideAxis(d.placement);
return (
currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
// reading directions favoring greater width.
currentSideAxis === "y"
);
}
return true;
})
.map((d) => [
d.placement,
d.overflows
.filter((overflow2) => overflow2 > 0)
.reduce((acc, overflow2) => acc + overflow2, 0),
])
.sort((a, b) => a[1] - b[1])[0]) == null
? void 0
: _overflowsData$filter2[0];
if (placement2) {
resetPlacement = placement2;
}
break;
}
case "initialPlacement":
resetPlacement = initialPlacement;
break;
}
}
if (placement !== resetPlacement) {
return {
reset: {
placement: resetPlacement,
},
};
}
}
return {};
},
};
};
offset = function (options) {
if (options === void 0) {
options = 0;
}
return {
name: "offset",
options,
async fn(state) {
var _middlewareData$offse, _middlewareData$arrow;
const { x, y, placement, middlewareData } = state;
const diffCoords = await convertValueToCoords(state, options);
if (
placement ===
((_middlewareData$offse = middlewareData.offset) == null
? void 0
: _middlewareData$offse.placement) &&
(_middlewareData$arrow = middlewareData.arrow) != null &&
_middlewareData$arrow.alignmentOffset
) {
return {};
}
return {
x: x + diffCoords.x,
y: y + diffCoords.y,
data: {
...diffCoords,
placement,
},
};
},
};
};
shift = function (options) {
if (options === void 0) {
options = {};
}
return {
name: "shift",
options,
async fn(state) {
const { x, y, placement } = state;
const {
mainAxis: checkMainAxis = true,
crossAxis: checkCrossAxis = false,
limiter = {
fn: (_ref) => {
let { x: x2, y: y2 } = _ref;
return {
x: x2,
y: y2,
};
},
},
...detectOverflowOptions
} = evaluate(options, state);
const coords = {
x,
y,
};
const overflow = await detectOverflow(state, detectOverflowOptions);
const crossAxis = getSideAxis(getSide(placement));
const mainAxis = getOppositeAxis(crossAxis);
let mainAxisCoord = coords[mainAxis];
let crossAxisCoord = coords[crossAxis];
if (checkMainAxis) {
const minSide = mainAxis === "y" ? "top" : "left";
const maxSide = mainAxis === "y" ? "bottom" : "right";
const min3 = mainAxisCoord + overflow[minSide];
const max3 = mainAxisCoord - overflow[maxSide];
mainAxisCoord = clamp(min3, mainAxisCoord, max3);
}
if (checkCrossAxis) {
const minSide = crossAxis === "y" ? "top" : "left";
const maxSide = crossAxis === "y" ? "bottom" : "right";
const min3 = crossAxisCoord + overflow[minSide];
const max3 = crossAxisCoord - overflow[maxSide];
crossAxisCoord = clamp(min3, crossAxisCoord, max3);
}
const limitedCoords = limiter.fn({
...state,
[mainAxis]: mainAxisCoord,
[crossAxis]: crossAxisCoord,
});
return {
...limitedCoords,
data: {
x: limitedCoords.x - x,
y: limitedCoords.y - y,
},
};
},
};
};
},
});
// node_modules/.pnpm/@floating-ui+dom@1.4.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
function getWindow(node) {
var _node$ownerDocument;
return (
(node == null
? void 0
: (_node$ownerDocument = node.ownerDocument) == null
? void 0
: _node$ownerDocument.defaultView) || window
);
}
function getComputedStyle$1(element) {
return getWindow(element).getComputedStyle(element);
}
function isNode(value) {
return value instanceof getWindow(value).Node;
}
function getNodeName(node) {
if (isNode(node)) {
return (node.nodeName || "").toLowerCase();
}
return "#document";
}
function isHTMLElement(value) {
return (
value instanceof HTMLElement ||
value instanceof getWindow(value).HTMLElement
);
}
function isShadowRoot(node) {
if (typeof ShadowRoot === "undefined") {
return false;
}
return (
node instanceof getWindow(node).ShadowRoot || node instanceof ShadowRoot
);
}
function isOverflowElement(element) {
const { overflow, overflowX, overflowY, display } =
getComputedStyle$1(element);
return (
/auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) &&
!["inline", "contents"].includes(display)
);
}
function isTableElement(element) {
return ["table", "td", "th"].includes(getNodeName(element));
}
function isContainingBlock(element) {
const safari = isSafari();
const css = getComputedStyle$1(element);
return (
css.transform !== "none" ||
css.perspective !== "none" ||
(css.containerType ? css.containerType !== "normal" : false) ||
(!safari && (css.backdropFilter ? css.backdropFilter !== "none" : false)) ||
(!safari && (css.filter ? css.filter !== "none" : false)) ||
["transform", "perspective", "filter"].some((value) =>
(css.willChange || "").includes(value),
) ||
["paint", "layout", "strict", "content"].some((value) =>
(css.contain || "").includes(value),
)
);
}
function isSafari() {
if (typeof CSS === "undefined" || !CSS.supports) return false;
return CSS.supports("-webkit-backdrop-filter", "none");
}
function isLastTraversableNode(node) {
return ["html", "body", "#document"].includes(getNodeName(node));
}
function getCssDimensions(element) {
const css = getComputedStyle$1(element);
let width = parseFloat(css.width) || 0;
let height = parseFloat(css.height) || 0;
const hasOffset = isHTMLElement(element);
const offsetWidth = hasOffset ? element.offsetWidth : width;
const offsetHeight = hasOffset ? element.offsetHeight : height;
const shouldFallback =
round(width) !== offsetWidth || round(height) !== offsetHeight;
if (shouldFallback) {
width = offsetWidth;
height = offsetHeight;
}
return {
width,
height,
$: shouldFallback,
};
}
function isElement(value) {
return value instanceof Element || value instanceof getWindow(value).Element;
}
function unwrapElement(element) {
return !isElement(element) ? element.contextElement : element;
}
function getScale(element) {
const domElement = unwrapElement(element);
if (!isHTMLElement(domElement)) {
return createCoords(1);
}
const rect = domElement.getBoundingClientRect();
const { width, height, $: $2 } = getCssDimensions(domElement);
let x = ($2 ? round(rect.width) : rect.width) / width;
let y = ($2 ? round(rect.height) : rect.height) / height;
if (!x || !Number.isFinite(x)) {
x = 1;
}
if (!y || !Number.isFinite(y)) {
y = 1;
}
return {
x,
y,
};
}
function getVisualOffsets(element) {
const win = getWindow(element);
if (!isSafari() || !win.visualViewport) {
return noOffsets;
}
return {
x: win.visualViewport.offsetLeft,
y: win.visualViewport.offsetTop,
};
}
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
if (isFixed === void 0) {
isFixed = false;
}
if (
!floatingOffsetParent ||
(isFixed && floatingOffsetParent !== getWindow(element))
) {
return false;
}
return isFixed;
}
function getBoundingClientRect(
element,
includeScale,
isFixedStrategy,
offsetParent,
) {
if (includeScale === void 0) {
includeScale = false;
}
if (isFixedStrategy === void 0) {
isFixedStrategy = false;
}
const clientRect = element.getBoundingClientRect();
const domElement = unwrapElement(element);
let scale = createCoords(1);
if (includeScale) {
if (offsetParent) {
if (isElement(offsetParent)) {
scale = getScale(offsetParent);
}
} else {
scale = getScale(element);
}
}
const visualOffsets = shouldAddVisualOffsets(
domElement,
isFixedStrategy,
offsetParent,
)
? getVisualOffsets(domElement)
: createCoords(0);
let x = (clientRect.left + visualOffsets.x) / scale.x;
let y = (clientRect.top + visualOffsets.y) / scale.y;
let width = clientRect.width / scale.x;
let height = clientRect.height / scale.y;
if (domElement) {
const win = getWindow(domElement);
const offsetWin =
offsetParent && isElement(offsetParent)
? getWindow(offsetParent)
: offsetParent;
let currentIFrame = win.frameElement;
while (currentIFrame && offsetParent && offsetWin !== win) {
const iframeScale = getScale(currentIFrame);
const iframeRect = currentIFrame.getBoundingClientRect();
const css = getComputedStyle(currentIFrame);
const left =
iframeRect.left +
(currentIFrame.clientLeft + parseFloat(css.paddingLeft)) *
iframeScale.x;
const top =
iframeRect.top +
(currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
x *= iframeScale.x;
y *= iframeScale.y;
width *= iframeScale.x;
height *= iframeScale.y;
x += left;
y += top;
currentIFrame = getWindow(currentIFrame).frameElement;
}
}
return rectToClientRect({
width,
height,
x,
y,
});
}
function getNodeScroll(element) {
if (isElement(element)) {
return {
scrollLeft: element.scrollLeft,
scrollTop: element.scrollTop,
};
}
return {
scrollLeft: element.pageXOffset,
scrollTop: element.pageYOffset,
};
}
function getDocumentElement(node) {
var _ref;
return (_ref =
(isNode(node) ? node.ownerDocument : node.document) || window.document) ==
null
? void 0
: _ref.documentElement;
}
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
let { rect, offsetParent, strategy } = _ref;
const isOffsetParentAnElement = isHTMLElement(offsetParent);
const documentElement = getDocumentElement(offsetParent);
if (offsetParent === documentElement) {
return rect;
}
let scroll = {
scrollLeft: 0,
scrollTop: 0,
};
let scale = createCoords(1);
const offsets = createCoords(0);
if (
isOffsetParentAnElement ||
(!isOffsetParentAnElement && strategy !== "fixed")
) {
if (
getNodeName(offsetParent) !== "body" ||
isOverflowElement(documentElement)
) {
scroll = getNodeScroll(offsetParent);
}
if (isHTMLElement(offsetParent)) {
const offsetRect = getBoundingClientRect(offsetParent);
scale = getScale(offsetParent);
offsets.x = offsetRect.x + offsetParent.clientLeft;
offsets.y = offsetRect.y + offsetParent.clientTop;
}
}
return {
width: rect.width * scale.x,
height: rect.height * scale.y,
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y,
};
}
function getClientRects(element) {
return Array.from(element.getClientRects());
}
function getWindowScrollBarX(element) {
return (
getBoundingClientRect(getDocumentElement(element)).left +
getNodeScroll(element).scrollLeft
);
}
function getDocumentRect(element) {
const html = getDocumentElement(element);
const scroll = getNodeScroll(element);
const body = element.ownerDocument.body;
const width = max2(
html.scrollWidth,
html.clientWidth,
body.scrollWidth,
body.clientWidth,
);
const height = max2(
html.scrollHeight,
html.clientHeight,
body.scrollHeight,
body.clientHeight,
);
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
const y = -scroll.scrollTop;
if (getComputedStyle$1(body).direction === "rtl") {
x += max2(html.clientWidth, body.clientWidth) - width;
}
return {
width,
height,
x,
y,
};
}
function getParentNode(node) {
if (getNodeName(node) === "html") {
return node;
}
const result =
// Step into the shadow DOM of the parent of a slotted node.
node.assignedSlot || // DOM Element detected.
node.parentNode || // ShadowRoot detected.
(isShadowRoot(node) && node.host) || // Fallback.
getDocumentElement(node);
return isShadowRoot(result) ? result.host : result;
}
function getNearestOverflowAncestor(node) {
const parentNode = getParentNode(node);
if (isLastTraversableNode(parentNode)) {
return node.ownerDocument ? node.ownerDocument.body : node.body;
}
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
return parentNode;
}
return getNearestOverflowAncestor(parentNode);
}
function getOverflowAncestors(node, list) {
var _node$ownerDocument;
if (list === void 0) {
list = [];
}
const scrollableAncestor = getNearestOverflowAncestor(node);
const isBody =
scrollableAncestor ===
((_node$ownerDocument = node.ownerDocument) == null
? void 0
: _node$ownerDocument.body);
const win = getWindow(scrollableAncestor);
if (isBody) {
return list.concat(
win,
win.visualViewport || [],
isOverflowElement(scrollableAncestor) ? scrollableAncestor : [],
);
}
return list.concat(
scrollableAncestor,
getOverflowAncestors(scrollableAncestor),
);
}
function getViewportRect(element, strategy) {
const win = getWindow(element);
const html = getDocumentElement(element);
const visualViewport = win.visualViewport;
let width = html.clientWidth;
let height = html.clientHeight;
let x = 0;
let y = 0;
if (visualViewport) {
width = visualViewport.width;
height = visualViewport.height;
const visualViewportBased = isSafari();
if (!visualViewportBased || (visualViewportBased && strategy === "fixed")) {
x = visualViewport.offsetLeft;
y = visualViewport.offsetTop;
}
}
return {
width,
height,
x,
y,
};
}
function getInnerBoundingClientRect(element, strategy) {
const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
const top = clientRect.top + element.clientTop;
const left = clientRect.left + element.clientLeft;
const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
const width = element.clientWidth * scale.x;
const height = element.clientHeight * scale.y;
const x = left * scale.x;
const y = top * scale.y;
return {
width,
height,
x,
y,
};
}
function getClientRectFromClippingAncestor(
element,
clippingAncestor,
strategy,
) {
let rect;
if (clippingAncestor === "viewport") {
rect = getViewportRect(element, strategy);
} else if (clippingAncestor === "document") {
rect = getDocumentRect(getDocumentElement(element));
} else if (isElement(clippingAncestor)) {
rect = getInnerBoundingClientRect(clippingAncestor, strategy);
} else {
const visualOffsets = getVisualOffsets(element);
rect = {
...clippingAncestor,
x: clippingAncestor.x - visualOffsets.x,
y: clippingAncestor.y - visualOffsets.y,
};
}
return rectToClientRect(rect);
}
function hasFixedPositionAncestor(element, stopNode) {
const parentNode = getParentNode(element);
if (
parentNode === stopNode ||
!isElement(parentNode) ||
isLastTraversableNode(parentNode)
) {
return false;
}
return (
getComputedStyle$1(parentNode).position === "fixed" ||
hasFixedPositionAncestor(parentNode, stopNode)
);
}
function getClippingElementAncestors(element, cache) {
const cachedResult = cache.get(element);
if (cachedResult) {
return cachedResult;
}
let result = getOverflowAncestors(element).filter(
(el) => isElement(el) && getNodeName(el) !== "body",
);
let currentContainingBlockComputedStyle = null;
const elementIsFixed = getComputedStyle$1(element).position === "fixed";
let currentNode = elementIsFixed ? getParentNode(element) : element;
while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
const computedStyle = getComputedStyle$1(currentNode);
const currentNodeIsContaining = isContainingBlock(currentNode);
if (!currentNodeIsContaining && computedStyle.position === "fixed") {
currentContainingBlockComputedStyle = null;
}
const shouldDropCurrentNode = elementIsFixed
? !currentNodeIsContaining && !currentContainingBlockComputedStyle
: (!currentNodeIsContaining &&
computedStyle.position === "static" &&
!!currentContainingBlockComputedStyle &&
["absolute", "fixed"].includes(
currentContainingBlockComputedStyle.position,
)) ||
(isOverflowElement(currentNode) &&
!currentNodeIsContaining &&
hasFixedPositionAncestor(element, currentNode));
if (shouldDropCurrentNode) {
result = result.filter((ancestor) => ancestor !== currentNode);
} else {
currentContainingBlockComputedStyle = computedStyle;
}
currentNode = getParentNode(currentNode);
}
cache.set(element, result);
return result;
}
function getClippingRect(_ref) {
let { element, boundary, rootBoundary, strategy } = _ref;
const elementClippingAncestors =
boundary === "clippingAncestors"
? getClippingElementAncestors(element, this._c)
: [].concat(boundary);
const clippingAncestors = [...elementClippingAncestors, rootBoundary];
const firstClippingAncestor = clippingAncestors[0];
const clippingRect = clippingAncestors.reduce(
(accRect, clippingAncestor) => {
const rect = getClientRectFromClippingAncestor(
element,
clippingAncestor,
strategy,
);
accRect.top = max2(rect.top, accRect.top);
accRect.right = min2(rect.right, accRect.right);
accRect.bottom = min2(rect.bottom, accRect.bottom);
accRect.left = max2(rect.left, accRect.left);
return accRect;
},
getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy),
);
return {
width: clippingRect.right - clippingRect.left,
height: clippingRect.bottom - clippingRect.top,
x: clippingRect.left,
y: clippingRect.top,
};
}
function getDimensions(element) {
return getCssDimensions(element);
}
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
const isOffsetParentAnElement = isHTMLElement(offsetParent);
const documentElement = getDocumentElement(offsetParent);
const isFixed = strategy === "fixed";
const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
let scroll = {
scrollLeft: 0,
scrollTop: 0,
};
const offsets = createCoords(0);
if (isOffsetParentAnElement || (!isOffsetParentAnElement && !isFixed)) {
if (
getNodeName(offsetParent) !== "body" ||
isOverflowElement(documentElement)
) {
scroll = getNodeScroll(offsetParent);
}
if (isHTMLElement(offsetParent)) {
const offsetRect = getBoundingClientRect(
offsetParent,
true,
isFixed,
offsetParent,
);
offsets.x = offsetRect.x + offsetParent.clientLeft;
offsets.y = offsetRect.y + offsetParent.clientTop;
} else if (documentElement) {
offsets.x = getWindowScrollBarX(documentElement);
}
}
return {
x: rect.left + scroll.scrollLeft - offsets.x,
y: rect.top + scroll.scrollTop - offsets.y,
width: rect.width,
height: rect.height,
};
}
function getTrueOffsetParent(element, polyfill) {
if (
!isHTMLElement(element) ||
getComputedStyle$1(element).position === "fixed"
) {
return null;
}
if (polyfill) {
return polyfill(element);
}
return element.offsetParent;
}
function getContainingBlock(element) {
let currentNode = getParentNode(element);
while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
if (isContainingBlock(currentNode)) {
return currentNode;
} else {
currentNode = getParentNode(currentNode);
}
}
return null;
}
function getOffsetParent(element, polyfill) {
const window2 = getWindow(element);
if (!isHTMLElement(element)) {
return window2;
}
let offsetParent = getTrueOffsetParent(element, polyfill);
while (
offsetParent &&
isTableElement(offsetParent) &&
getComputedStyle$1(offsetParent).position === "static"
) {
offsetParent = getTrueOffsetParent(offsetParent, polyfill);
}
if (
offsetParent &&
(getNodeName(offsetParent) === "html" ||
(getNodeName(offsetParent) === "body" &&
getComputedStyle$1(offsetParent).position === "static" &&
!isContainingBlock(offsetParent)))
) {
return window2;
}
return offsetParent || getContainingBlock(element) || window2;
}
function isRTL(element) {
return getComputedStyle(element).direction === "rtl";
}
var min2,
max2,
round,
createCoords,
noOffsets,
getElementRects,
platform,
computePosition2;
var init_floating_ui_dom = __esm({
"node_modules/.pnpm/@floating-ui+dom@1.4.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"() {
"use strict";
init_floating_ui_core();
init_floating_ui_core();
min2 = Math.min;
max2 = Math.max;
round = Math.round;
createCoords = (v) => ({
x: v,
y: v,
});
noOffsets = /* @__PURE__ */ createCoords(0);
getElementRects = async function (_ref) {
let { reference, floating, strategy } = _ref;
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
const getDimensionsFn = this.getDimensions;
return {
reference: getRectRelativeToOffsetParent(
reference,
await getOffsetParentFn(floating),
strategy,
),
floating: {
x: 0,
y: 0,
...(await getDimensionsFn(floating)),
},
};
};
platform = {
convertOffsetParentRelativeRectToViewportRelativeRect,
getDocumentElement,
getClippingRect,
getOffsetParent,
getElementRects,
getClientRects,
getDimensions,
getScale,
isElement,
isRTL,
};
computePosition2 = (reference, floating, options) => {
const cache = /* @__PURE__ */ new Map();
const mergedOptions = {
platform,
...options,
};
const platformWithCache = {
...mergedOptions.platform,
_c: cache,
};
return computePosition(reference, floating, {
...mergedOptions,
platform: platformWithCache,
});
};
},
});
// src/components/popup.ts
function createPopup(props) {
const {
root,
trigger,
triggerType = "click",
content,
options,
onOpen,
onClose,
placement = "bottom-start",
offsetOptions = { mainAxis: 5, crossAxis: 5 },
} = props;
const $popupContent = $('
${tip}
\u8BF7\u524D\u5F80 > \u8BBE\u7F6E \u8FDB\u884C\u8BBE\u7F6E\u3002
1. \u5728\u6269\u5C55\u7A0B\u5E8F\u5217\u8868\u4E2D\u627E\u5230\u5E76\u70B9\u51FB\u300CV2EX Polish\u300D\u3002
2. \u5728\u5F39\u51FA\u7684\u5C0F\u7A97\u53E3\u4E2D\u627E\u5230\u300C\u2699\uFE0F \u6309\u94AE\u300D\uFF0C\u8F93\u5165 PAT\u3002
');
const $popup = $('
')
.css("visibility", "hidden")
.append($popupContent);
root.append($popup);
if (content) {
$popup.append(content);
}
const popup = $popup.get(0);
const handleClickOutside = (ev) => {
if ($(ev.target).closest(popup).length === 0) {
handlePopupClose();
}
};
const handlePopupClose = () => {
$popup.css("visibility", "hidden");
$(document).off("click", handleClickOutside);
onClose?.();
popupControl2.onClose?.();
};
const handlePopupOpen = ($reference) => {
if (!$reference) {
return;
}
setTimeout(() => {
$(document).on("click", handleClickOutside);
});
const referenceElement = $reference.get(0);
computePosition2(referenceElement, popup, {
placement,
middleware: [offset(offsetOptions), flip(), shift({ padding: 8 })],
...options,
})
.then(({ x, y }) => {
Object.assign(popup.style, {
left: `${x}px`,
top: `${y}px`,
});
$popup.css("visibility", "visible");
})
.catch(() => {
handlePopupClose();
createToast({ message: "\u274C Popup \u6E32\u67D3\u5931\u8D25" });
});
onOpen?.();
};
const popupControl2 = {
$content: $popupContent,
isOver: false,
open: (reference) => {
handlePopupOpen(reference);
},
close: handlePopupClose,
};
if (triggerType === "hover") {
$popup.on("mouseover", () => {
if (!popupControl2.isOver) {
popupControl2.isOver = true;
$popup.off("mouseleave").on("mouseleave", () => {
popupControl2.isOver = false;
setTimeout(() => {
if (!popupControl2.isOver) {
popupControl2.close();
}
}, hoverDelay);
});
}
});
}
trigger?.on("click", () => {
if (popup.style.visibility !== "hidden") {
handlePopupClose();
} else {
handlePopupOpen(trigger);
}
});
return popupControl2;
}
var hoverDelay;
var init_popup = __esm({
"src/components/popup.ts"() {
"use strict";
init_floating_ui_dom();
init_toast();
hoverDelay = 350;
},
});
// src/contents/topic/avatar.ts
function processAvatar(params) {
const {
$trigger,
popupControl: popupControl2,
commentData,
shouldWrap = true,
openInNewTab = false,
onSetTagsClick,
} = params;
const { memberName, memberAvatar, memberLink } = commentData;
let abortController = null;
const handleOver = () => {
popupControl2.close();
popupControl2.open($trigger);
const $content = $(`
`);
popupControl2.$content.empty().append($content);
void (async () => {
if (!memberDataCache.has(memberName)) {
abortController = new AbortController();
popupControl2.onClose = () => {
abortController?.abort();
};
try {
const memberData = await fetchUserInfo(memberName, {
signal: abortController.signal,
});
memberDataCache.set(memberName, {
...memberData,
registerDays: getRegisterDays(memberData.created),
});
} catch (err) {
if (err instanceof Error) {
$content.html(`${err.message}`);
if (err.cause === 404) {
memberDataCache.set(memberName, banned);
}
}
return null;
}
}
const data = memberDataCache.get(memberName);
if (typeof data === "object") {
$content
.find(".v2p-no")
.removeClass("v2p-loading")
.text(`V2EX \u7B2C ${data.id} \u53F7\u4F1A\u5458`);
$content
.find(".v2p-created-date")
.removeClass("v2p-loading")
.text(`\u52A0\u5165\u4E8E ${formatTimestamp(data.created)}`);
if (data.registerDays <= 30) {
$content
.find(".v2p-info-right")
.append(
`
${data.registerDays <= 15 ? "15" : "30"} \u5929\u5185\u6CE8\u518C
`,
);
}
if (data.bio && data.bio.trim().length > 0) {
$content.find(".v2p-bio").css("disply", "block").text(data.bio);
}
} else if (typeof data === "symbol" && data === banned) {
$content.html(
"\u67E5\u65E0\u6B64\u7528\u6237\uFF0C\u7591\u4F3C\u5DF2\u88AB\u5C01\u7981",
);
}
})();
};
let isOver = false;
$trigger
.on("mouseover", () => {
isOver = true;
setTimeout(() => {
if (isOver) {
handleOver();
}
}, hoverDelay);
})
.on("mouseleave", () => {
isOver = false;
setTimeout(() => {
if (!popupControl2.isOver && !isOver) {
popupControl2.close();
}
}, hoverDelay);
});
if (shouldWrap) {
$trigger.wrap(
``,
);
}
}
var banned, memberDataCache;
var init_avatar = __esm({
"src/contents/topic/avatar.ts"() {
"use strict";
init_button();
init_popup();
init_services();
init_utils();
init_helpers();
init_content();
banned = Symbol();
memberDataCache = /* @__PURE__ */ new Map();
},
});
// src/contents/topic/comment.ts
function handleFilteredComments() {
}
function processActions($cellDom, data) {
const $actions = $cellDom.find(
"> table > tbody > tr > td:last-of-type > .fr",
);
const $controls = $('');
const $thankIcon = $(
`
`,
);
const thankArea = $actions.find("> .thank_area");
const thanked = thankArea.hasClass("thanked");
if (thanked) {
$thankIcon.addClass("v2p-thanked");
$controls.append($("").append($thankIcon));
} else {
const thankEle = thankArea.find("> .thank");
const $hide = thankEle.eq(0).removeClass("thank");
const $thank = thankEle.eq(1).removeClass("thank");
$hide.html(
``,
);
$thankIcon.addClass("v2p-hover-btn").replaceAll($thank);
$controls.append($hide).append($thankIcon);
}
const $reply = $actions.find("a:last-of-type");
// 删除原来的图标 / 文本
$reply.empty();
// 插入统一风格的按钮
$reply.append(
`
`,
);
$controls.append($reply);
thankArea.remove();
const floorNum = $actions.find(".no").clone();
$reply.on("click", () => {
const replyVal = $replyTextArea.val();
if (typeof replyVal === "string" && replyVal.length > 0) {
const floor = floorNum.text();
const replyComment = commentDataList.find((it) => it.floor === floor);
if (replyComment) {
const replyMemberName = replyComment.memberName;
const moreThanOneReply =
commentDataList.findIndex(
(it) => it.memberName === replyMemberName && it.floor !== floor,
) !== -1;
if (moreThanOneReply) {
insertTextToReplyInput(`#${floor} `);
} else {
const $page = $(".v2p-paging")
.eq(0)
.find(".page_normal, .page_current");
if ($page.length > 1) {
const onLastPage = $page.last().hasClass("page_current");
if (!onLastPage) {
insertTextToReplyInput(`#${floor} `);
}
}
}
}
}
});
// ★ 移动端：点击某一楼（包括楼中楼）高亮这一楼的工具栏
if ($body.hasClass("v2p-mobile")) {
$cellDom.on("click.v2p-controls", function (ev) {
const $target = $(ev.target);
// 点到工具栏本身 / 链接 / 图片 / 表单控件时，不触发「高亮当前楼」逻辑
if (
$target.closest(".v2p-controls").length ||
$target.closest("a, img, button, input, textarea").length
) {
return;
}
// ★ 关键：先在当前这楼的 handler 里阻止事件继续冒泡
// 这样即使当前楼是楼中楼，也不会再触发父楼的 handler
ev.stopPropagation();
// 先把所有楼的工具栏隐藏
$('.cell[id^="r_"] .v2p-controls').css("opacity", 0);
// 再只高亮这一楼（用 this = 当前绑定 handler 的 cell）
$(this).find(".v2p-controls").css("opacity", 0.5);
});
}
$actions.empty().append($controls, floorNum);
}
async function handleComments() {
const storage = getStorageSync();
const tagData = void 0;
const options = storage["options" /* Options */];
if (false && options.reply.preload !== "off") {
const $paging = $(".v2p-paging");
if ($paging.length > 0) {
const $pagingTop = $paging.eq(0);
const $pagingBottom = $paging.eq(1);
const $pageNormal = $paging.find(".page_normal");
const $pagingTopNormal = $pagingTop.find(".page_normal");
const toastControl = createToast({
message:
"\u6B63\u5728\u9884\u52A0\u8F7D\u56DE\u590D\uFF0C\u8BF7\u7A0D\u5019...",
duration: 0,
});
try {
const $pagingBottomNormal = $pagingBottom.find(".page_normal");
const $pageCurrent = $pagingTop.find(".page_current");
const currentPage = $pageCurrent.text();
if (currentPage === "1") {
const pages = [];
$pagingTopNormal.each((i, ele) => {
if (i <= 1) {
if (ele.textContent) {
ele.classList.add("page_current");
ele.classList.remove("page_normal");
$pagingBottomNormal
.eq(i)
.addClass("page_current")
.removeClass("page_normal");
pages.push(ele.textContent);
}
}
});
if (pages.length > 0) {
const pagesText = await Promise.all(
pages.map((p) => crawlTopicPage(window.location.pathname, p)),
);
pagesText.map((pageText) => {
$pagingBottom.before($(pageText).find('.cell[id^="r_"]'));
});
}
updateCommentCells();
}
toastControl.clear();
} catch (err) {
if (err instanceof Error) {
console.error(
`\u52A0\u8F7D\u591A\u9875\u56DE\u590D\u51FA\u9519\uFF1A${err.message}`,
);
}
createToast({
message: "\u274C \u52A0\u8F7D\u591A\u9875\u56DE\u590D\u5931\u8D25",
});
$pageNormal.removeClass("page_current").addClass("page_normal");
}
}
}
if (options.replyContent.hideReplyTime) {
$(".cell .ago").addClass("v2p-auto-hide");
}
const canHideRefName =
options.nestedReply.display === "indent" &&
!!options.replyContent.hideRefName;
commentDataList = getCommentDataList({
options,
$commentTableRows,
$commentCells,
});
{
const memberNames = /* @__PURE__ */ new Set([topicOwnerName]);
$commentCells.each((i, cellDom) => {
const currentComment = commentDataList.at(i);
if (currentComment?.id !== cellDom.id) {
return;
}
const $cellDom = $(cellDom);
const { memberName, thanked } = currentComment;
memberNames.add(memberName);
processAvatar({
$trigger: $cellDom.find(".avatar, .dark"),
popupControl,
commentData: currentComment,
openInNewTab: options.openInNewTab,
});
if (memberName === loginName && !options.hideAccount) {
$cellDom
.find(".badges")
.append(
`YOU
`,
);
}
const $likesBox = $cellDom.find(".small.fade").addClass("v2p-likes-box");
$likesBox
.find('img[alt="\u2764\uFE0F"]')
.replaceWith(
'',
);
if (thanked) {
$likesBox.addClass("v2p-thanked");
}
processActions($cellDom, currentComment);
if (canHideRefName) {
if (currentComment.contentHtml) {
$cellDom.find(".reply_content").html(currentComment.contentHtml);
}
}
});
updateCommentCells();
$(".v2p-control-thank").on("click", (ev) => {
ev.stopPropagation();
const id = ev.currentTarget.dataset.id;
const memberName = ev.currentTarget.dataset.memberName;
if (typeof id === "string" && typeof memberName === "string") {
if (
confirm(
`\u786E\u8BA4\u82B1\u8D39 10 \u4E2A\u94DC\u5E01\u5411 @${memberName} \u7684\u8FD9\u6761\u56DE\u590D\u53D1\u9001\u611F\u8C22\uFF1F`,
)
) {
const replyId = id.split("_").at(1);
if (replyId) {
void thankReply({
replyId,
onSuccess: () => {
const $cell = $(`.cell[id="r_${replyId}"]`);
const $tableInCell = $cell.find("> table");
const $likesBox = $tableInCell.find(".v2p-likes-box");
const $firstLikesBox = $likesBox.eq(0);
const likes = Number($firstLikesBox.text());
const $clonedIconHeart = $firstLikesBox
.find(".v2p-icon-heart")
.clone();
if (likes > 0) {
$likesBox
.addClass("v2p-thanked")
.empty()
.append($clonedIconHeart, ` ${likes + 1}`);
} else {
$(`
1
`).insertAfter($tableInCell.find(".ago"));
loadIcons();
}
const $thankAction = $tableInCell.find(".v2p-control-thank");
$thankAction.addClass("v2p-thanked").off("click");
$thankAction.siblings().has(".v2p-control-hide").hide();
},
onFail: () => {
createToast({
message: "\u274C \u611F\u8C22\u56DE\u590D\u5931\u8D25",
});
},
});
}
}
}
});
}
handleNestedComment({ options, $commentCells, commentDataList });
{
const $opAvatar = $topicHeader.find(".avatar");
const $opName = $topicHeader.find('.gray a[href^="/member"]');
const memberName = $opAvatar.prop("alt");
const memberAvatar = $opAvatar.prop("src");
const memberLink = $topicHeader.find(".fr > a").prop("href");
if (
typeof memberName === "string" &&
typeof memberAvatar === "string" &&
typeof memberLink === "string"
) {
processAvatar({
$trigger: $opAvatar,
popupControl,
commentData: { memberName, memberAvatar, memberLink },
openInNewTab: options.openInNewTab,
});
processAvatar({
$trigger: $opName,
popupControl,
commentData: { memberName, memberAvatar, memberLink },
shouldWrap: false,
openInNewTab: options.openInNewTab,
});
fetchUserInfo(memberName).then((memberData) => {
const registerDays = getRegisterDays(memberData.created);
memberDataCache.set(memberName, { ...memberData, registerDays });
if (registerDays <= 30) {
$opName.append(
`${registerDays <= 15 ? "15" : "30"} \u5929\u5185\u6CE8\u518C`,
);
}
});
}
}
if (options.replyContent.showImgInPage) {
window.requestIdleCallback(() => {
handleTopicImg();
});
}
window.requestIdleCallback(() => {
replaceCommentEmojiWithHD();
handleLinkPreview();
});
}
var commentDataList, popupControl;
var init_comment = __esm({
"src/contents/topic/comment.ts"() {
"use strict";
init_lucide();
init_modal();
init_popup();
init_toast();
init_constants();
init_services();
init_utils();
init_dom();
init_globals();
init_helpers();
init_avatar();
init_content();
commentDataList = [];
popupControl = createPopup({
root: $wrapper,
triggerType: "hover",
placement: "right-start",
offsetOptions: { mainAxis: 8, crossAxis: -4 },
});
},
});
var $layoutToggle,
iconLayoutV,
iconLayoutH,
switchToHorizontalLayout,
switchToVerticalLayout;
var init_layout = __esm({
"src/contents/topic/layout.ts"() {
"use strict";
init_lucide();
init_constants();
init_utils();
init_globals();
iconLayoutV = createElement$1(PanelTop);
iconLayoutV.setAttribute("width", "100%");
iconLayoutV.setAttribute("height", "100%");
iconLayoutH = createElement$1(PanelRight);
iconLayoutH.setAttribute("width", "100%");
iconLayoutH.setAttribute("height", "100%");
},
});
// src/contents/topic/paging.ts
function handlePaging() {
const $notCommentCells = $commentBox.find('> .cell:not([id^="r_"])');
if ($notCommentCells.length <= 1) {
return;
}
const pagingCells = $notCommentCells.slice(1).addClass("v2p-paging");
const pageBtns = pagingCells.find(".super.button");
pageBtns.eq(0).addClass("v2p-prev-btn");
pageBtns.eq(1).addClass("v2p-next-btn");
}
var init_paging = __esm({
"src/contents/topic/paging.ts"() {
"use strict";
init_globals();
},
});
// src/components/image-upload.ts
function bindImageUpload(props) {
const { $wrapper: $wrapper2, $input, insertText, replaceText } = props;
const $uploadBar = $(``);
const handleUploadImage = (file) => {
const placeholder = "[\u4E0A\u4F20\u56FE\u7247\u4E2D...]";
insertText(` ${placeholder} `);
$uploadBar
.addClass("v2p-reply-upload-bar-disabled")
.text("\u6B63\u5728\u4E0A\u4F20\u56FE\u7247...");
uploadImage(file)
.then((imgLink) => {
replaceText(placeholder, imgLink);
})
.catch(() => {
replaceText(placeholder, "");
window.alert(
"\u274C \u4E0A\u4F20\u56FE\u7247\u5931\u8D25\uFF0C\u8BF7\u6253\u5F00\u63A7\u5236\u53F0\u67E5\u770B\u539F\u56E0",
);
})
.finally(() => {
$uploadBar.removeClass("v2p-reply-upload-bar-disabled").text(uploadTip);
});
};
const handleClickUploadImage = () => {
const imgInput = document.createElement("input");
imgInput.style.display = "none";
imgInput.type = "file";
imgInput.accept = "image/*";
imgInput.addEventListener("change", () => {
const selectedFile = imgInput.files?.[0];
if (selectedFile) {
handleUploadImage(selectedFile);
}
});
imgInput.click();
};
document.addEventListener("paste", (ev) => {
if (!(ev instanceof ClipboardEvent)) {
return;
}
if ($input && !$input.get(0)?.matches(":focus")) {
return;
}
const items = ev.clipboardData?.items;
if (!items) {
return;
}
const imageItem = Array.from(items).find((item) =>
item.type.includes("image"),
);
if (imageItem) {
ev.preventDefault();
const file = imageItem.getAsFile();
if (file) {
handleUploadImage(file);
}
}
});
$wrapper2.get(0)?.addEventListener("drop", (ev) => {
ev.preventDefault();
if (!(ev instanceof DragEvent)) {
return;
}
const file = ev.dataTransfer?.files[0];
if (file) {
handleUploadImage(file);
}
});
$(".flex-one-row:last-of-type > .gray").text("");
$uploadBar.on("click", () => {
if (!$uploadBar.hasClass("v2p-reply-upload-bar-disabled")) {
handleClickUploadImage();
}
});
$wrapper2.append($uploadBar);
return {
uploadBar: $uploadBar,
};
}
var uploadTip;
var init_image_upload = __esm({
"src/components/image-upload.ts"() {
"use strict";
init_services();
uploadTip =
"\u9009\u62E9\u3001\u7C98\u8D34\u3001\u62D6\u653E\u4E0A\u4F20\u56FE\u7247\u3002";
},
});
// src/contents/topic/reply.ts
function handleReplyActions() {
const os = getOS();
const isMac = navigator.userAgent.includes("Mac OS");
const replyBtnText = `回复${isMac ? "Cmd" : "Ctrl"}+Enter`;
const $replyBtn = createButton({
children: replyBtnText,
type: "submit",
}).replaceAll($replyBox.find('input[type="submit"]'));
$replyForm.on("submit", () => {
const replyVal = $replyTextArea.val();
if (typeof replyVal === "string") {
$replyTextArea.val(transformEmoji(replyVal));
}
$replyBtn.text("\u63D0\u4EA4\u56DE\u590D\u4E2D...").prop("disabled", true);
setTimeout(() => {
$replyBtn.html(replyBtnText).prop("disabled", false);
}, 5e3);
});
document.addEventListener("keydown", (ev) => {
if (ev.key === "Enter" && (ev.ctrlKey || ev.metaKey)) {
ev.preventDefault();
$replyForm.trigger("submit");
}
});
{
const emoticonGroup = $('');
const emoticonList = $('
');
const emoticonSpan = $('');
const groups = emoticons.map((emojiGroup) => {
const group = emoticonGroup.clone();
const list = emoticonList.clone();
group.append(`
`).prop("title", emoji);
} else {
emoticon.text(emoji);
}
emoticon.on("click", () => {
insertTextToReplyInput(emoji);
});
return emoticon;
}),
);
group.append(list);
return group;
});
const emoticonsBox = $('
${emojiGroup.title}
`);
list.append(
emojiGroup.list.map((emoji) => {
const emoticon = emoticonSpan.clone();
if (emojiGroup.title === "\u6D41\u884C") {
const emojiLink = emojiLinks[emoji].hd;
emoticon.html(`').append(groups);
const $emojiBtn = createButton({
children:
'',
}).insertAfter($replyBtn);
const $emojiContent = $('
')
.append(emoticonsBox)
.appendTo($replyBox)
.on("click", () => {
focusReplyInput();
});
const keyupHandler = (ev) => {
if (ev.key === "Escape") {
ev.preventDefault();
emojiPopup.close();
}
};
$emojiBtn.on("click", () => {
focusReplyInput();
});
const emojiPopup = createPopup({
root: $replyBox,
trigger: $emojiBtn,
content: $emojiContent,
options: { placement: "right-end" },
onOpen: () => {
$body.on("keydown", keyupHandler);
},
onClose: () => {
$body.off("keydown", keyupHandler);
},
});
}
{
$replyBox
.find("#undock-button, #undock-button + a")
.addClass("v2p-hover-btn")
.css("padding", "5px 4px");
}
}
function handleReply() {
$replyTextArea
.attr(
"placeholder",
"\u7559\u4E0B\u5BF9\u4ED6\u4EBA\u6709\u5E2E\u52A9\u7684\u56DE\u590D",
)
.wrap('