@yyyu-star/arcade-kit 0.10.2 → 0.11.1

package/dist/table-fun.js

@@ -0,0 +1,652 @@
+/**
+ * 牌桌互动组件（0.11.0，仓库根 docs/table-fun.md 第 0 节）：头像菜单、互动面板、表情菜单、首次提示、冷却和护盾、连击和回敬、
+ * 电脑的反应、名场面横幅。几个牌桌游戏共用一套，外观、位置规则、动画、声音完全一样；游戏只做接线：
+ * 告诉组件每个座位的头像在屏幕上的矩形、名字、是不是电脑和互动性格，哪些地方不能盖（手牌、操作按钮），怎么把东西发出去，
+ * 再把收到的（好友房经房间转发的，单机自己的）交给 receive、把公开的名场面交给 moment。
+ *
+ * - DOM 实现：头像上盖一块透明的热区接点按和长按（画布游戏把世界坐标换成屏幕矩形传进来就行），菜单和面板是普通的 DOM，点按区 ≥ 44px；
+ *   效果（表情、道具、污渍）走 fun.ts 的图层，点击穿透。这个文件只在调用时碰 DOM，import 时不碰（房间、测试里 import 没事）。
+ * - 动画只动 transform、opacity；量位置（getBoundingClientRect）只在开菜单、给冒烟报控件时。
+ * - 公平：人人一样、免费；只是画面和声音，不停计时、不改规则；电脑的出牌不读这些。电脑的反应只在画面层（单机）或房间的互动钩子里算。
+ * - kit 不认识任何游戏：短语表、名场面的映射、电脑人物都由游戏给。
+ */
+import { PROPS, STICKERS, createFunLayer, propSvg, showSticker, stickerSvg, throwAt } from './fun.js';
+import { BOT_REACT, FUN_TIMING, FunCooldown, FunTally, botReact, funItem, newBotState, placeMenu, propId, stickerId, stickerMood, } from './fun-logic.js';
+export * from './fun-logic.js';
+const DEFAULT_LINES = {
+    angry: ['等着瞧', '你给我等着', '好啊你'],
+    sweat: ['手滑了', '这……', '别扔了别扔了'],
+    love: ['谢谢！', '够意思', '收下了'],
+    smug: ['就这？', '承让承让', '手气好没办法'],
+    shock: ['好家伙', '不是吧', '这都行？'],
+    cry: ['服了', '下把再来', '太难了'],
+};
+const HINT_TEXT = '点头像扔道具，长按连扔';
+const CSS_ID = 'arcade-table-fun-css';
+const CSS = `
+.atf-ui{position:fixed;inset:0;pointer-events:none;font-family:inherit;-webkit-tap-highlight-color:transparent}
+.atf-hot{position:absolute;left:0;top:0;pointer-events:auto;border-radius:50%;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none}
+.atf-away{position:absolute;inset:0;pointer-events:auto}
+.atf-box{position:absolute;left:0;top:0;pointer-events:auto;background:rgba(43,29,20,.96);border:2px solid #d4a64a;border-radius:14px;padding:8px;box-sizing:border-box;color:#fff6e0;box-shadow:0 6px 18px rgba(0,0,0,.45);transform-origin:center;animation:atf-pop .14s ease-out}
+.atf-title{font-size:15px;font-weight:700;color:#f3d98b;margin:0 4px 6px}
+.atf-row{display:flex;gap:4px;flex-wrap:wrap}
+.atf-cell{position:relative;width:48px;height:48px;border:0;border-radius:10px;background:#4a3220;padding:4px;box-sizing:border-box;cursor:pointer;overflow:hidden}
+.atf-cell svg{width:100%;height:100%;display:block;pointer-events:none}
+.atf-chip{min-height:44px;border:1px solid rgba(212,166,74,.6);border-radius:22px;background:#7a2a1e;color:#fff6e0;font:inherit;font-size:14px;font-weight:700;padding:0 12px;cursor:pointer}
+.atf-chip.atf-soft{background:#4a3220}.atf-chip.atf-grey{background:#3a3a3a}.atf-chip.atf-on{background:#b3202a}.atf-chip.atf-pick{background:#3a6a2a}
+.atf-grid{display:grid;gap:4px}
+.atf-scroll{overflow-y:auto;overscroll-behavior:contain}
+.atf-cool{position:absolute;inset:0;border-radius:10px;background:rgba(0,0,0,.5);pointer-events:none}
+.atf-cool::after{content:'';position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#f3d98b;animation:atf-spin .7s linear infinite}
+.atf-btn{position:absolute;left:0;top:0;pointer-events:auto;min-width:44px;min-height:44px;border-radius:22px;border:2px solid #d4a64a;background:#5a3a22;color:#fff6e0;font:inherit;font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:2px 6px;box-sizing:border-box}
+.atf-btn svg{width:22px;height:22px}
+.atf-bubble{position:absolute;left:0;top:0;max-width:220px;padding:6px 12px;border-radius:14px;background:#fffaf0;color:#2b1d14;font-size:15px;font-weight:700;box-shadow:0 3px 8px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
+.atf-flash{position:absolute;left:0;top:0;font-size:26px;font-weight:900;color:#f3d98b;-webkit-text-stroke:1.5px #2b1d14;pointer-events:none;white-space:nowrap}
+.atf-banner{position:absolute;left:50%;top:18%;padding:10px 34px;background:linear-gradient(#c8323a,#8a1a20);border:2px solid #f3d98b;border-radius:6px;color:#fff6e0;font-size:28px;font-weight:900;letter-spacing:4px;text-align:center;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.4)}
+.atf-banner small{display:block;font-size:15px;letter-spacing:1px;color:#f3d98b}
+@keyframes atf-pop{from{opacity:0;scale:.92}to{opacity:1;scale:1}}
+@keyframes atf-spin{to{transform:rotate(360deg)}}
+`;
+const SMILE = '<svg viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round"><circle cx="32" cy="32" r="24"/><circle cx="23" cy="27" r="2.5" fill="currentColor"/><circle cx="41" cy="27" r="2.5" fill="currentColor"/><path d="M20 37Q32 49 44 37"/></svg>';
+/** 挂子元素（Workers 的类型里也有一个 append，签名对不上，所以统一用 appendChild） */
+function add(parent, ...kids) {
+    for (const k of kids)
+        parent.appendChild(k);
+}
+/** 动画：只动 transform、opacity；没有 animate 的环境按时长等 */
+function anim(el, frames, ms, delay = 0) {
+    if (typeof el.animate !== 'function')
+        return new Promise((ok) => setTimeout(ok, ms + delay));
+    return el.animate(frames, { duration: ms, delay, easing: 'ease-out', fill: 'both' }).finished.then(() => undefined, () => undefined);
+}
+export class TableFun {
+    layer;
+    ui;
+    doc;
+    o;
+    P;
+    cool = new FunCooldown();
+    tally = new FunTally();
+    bots = newBotState();
+    hots = [];
+    btn = null;
+    open = null;
+    tab = 'phrase';
+    target = -1;
+    lastProp = 'tomato';
+    lastSticker = 'smug';
+    timers = new Set();
+    dead = false;
+    onResize = () => this.refresh();
+    constructor(opts) {
+        this.o = opts;
+        this.P = opts.phrases.length;
+        this.doc = document;
+        if (!this.doc.getElementById(CSS_ID)) {
+            const st = this.doc.createElement('style');
+            st.id = CSS_ID;
+            st.textContent = CSS;
+            this.doc.head.appendChild(st);
+        }
+        const z = opts.zIndex ?? 50;
+        this.layer = createFunLayer({ zIndex: z });
+        this.ui = this.doc.createElement('div');
+        this.ui.className = 'atf-ui';
+        this.ui.style.zIndex = String(z + 1);
+        this.doc.body.appendChild(this.ui);
+        window.addEventListener('resize', this.onResize);
+        this.refresh();
+        this.later(1500, () => this.hint());
+    }
+    now() {
+        return this.o.now?.() ?? Date.now();
+    }
+    rand() {
+        return this.o.rand?.() ?? Math.random();
+    }
+    later(ms, fn) {
+        const t = setTimeout(() => {
+            this.timers.delete(t);
+            if (!this.dead)
+                fn();
+        }, ms);
+        this.timers.add(t);
+    }
+    seat(i) {
+        return this.o.seats()[i] ?? null;
+    }
+    meSeat() {
+        return this.o.seats().findIndex((s) => !!s?.me);
+    }
+    canSend() {
+        return this.o.canSend?.() ?? true;
+    }
+    enabled() {
+        return this.o.enabled?.() ?? true;
+    }
+    // ───────────── 布局 ─────────────
+    /** 头像挪了、窗口变了、座位换人：重新摆热区和按钮（游戏重排画面后调；窗口 resize 自己会调） */
+    refresh() {
+        if (this.dead)
+            return;
+        const seats = this.o.seats();
+        while (this.hots.length < seats.length)
+            this.hots.push(this.makeHot(this.hots.length));
+        this.hots.forEach((h, i) => {
+            const s = seats[i];
+            if (!s) {
+                h.style.display = 'none';
+                return;
+            }
+            h.style.display = '';
+            h.style.width = `${Math.max(44, s.rect.width)}px`;
+            h.style.height = `${Math.max(44, s.rect.height)}px`;
+            h.style.transform = `translate(${s.rect.left + s.rect.width / 2 - Math.max(44, s.rect.width) / 2}px,${s.rect.top + s.rect.height / 2 - Math.max(44, s.rect.height) / 2}px)`;
+        });
+        const r = this.o.button?.() ?? null;
+        if (!r) {
+            this.btn?.remove();
+            this.btn = null;
+        }
+        else {
+            if (!this.btn) {
+                const b = this.doc.createElement('button');
+                b.className = 'atf-btn';
+                b.type = 'button';
+                b.innerHTML = `${SMILE}<span>互动</span>`;
+                b.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    if (this.open?.dataset['kind'] === 'panel')
+                        this.closeAll();
+                    else
+                        this.openPanel(this.tab);
+                });
+                this.ui.appendChild(b);
+                this.btn = b;
+            }
+            this.btn.style.width = `${Math.max(44, r.width)}px`;
+            this.btn.style.height = `${Math.max(44, r.height)}px`;
+            this.btn.style.transform = `translate(${r.left}px,${r.top}px)`;
+        }
+    }
+    /** 头像热区：点一下开菜单（别人）或表情菜单（自己）；按住 longPressMs 直接扔上次的道具 / 发上次的表情 */
+    makeHot(i) {
+        const h = this.doc.createElement('div');
+        h.className = 'atf-hot';
+        h.dataset['seat'] = String(i);
+        let timer = null;
+        let fired = false;
+        const clear = () => {
+            if (timer)
+                clearTimeout(timer);
+            timer = null;
+        };
+        h.addEventListener('pointerdown', (e) => {
+            e.stopPropagation();
+            fired = false;
+            clear();
+            timer = setTimeout(() => {
+                timer = null;
+                fired = true;
+                this.quick(i);
+            }, FUN_TIMING.longPressMs);
+        });
+        h.addEventListener('pointerup', (e) => {
+            e.stopPropagation();
+            clear();
+            if (!fired)
+                this.tapSeat(i);
+        });
+        h.addEventListener('pointerleave', clear);
+        h.addEventListener('pointercancel', clear);
+        h.addEventListener('contextmenu', (e) => e.preventDefault());
+        this.ui.appendChild(h);
+        return h;
+    }
+    tapSeat(i) {
+        const s = this.seat(i);
+        if (!s || !this.canSend())
+            return;
+        if (this.open?.dataset['seat'] === String(i))
+            return this.closeAll();
+        if (s.me)
+            this.openStickers(i);
+        else
+            this.openMenu(i);
+    }
+    /** 长按：别人 → 扔上次那个道具；自己 → 发上次那个表情 */
+    quick(i) {
+        const s = this.seat(i);
+        if (!s || !this.canSend())
+            return;
+        this.closeAll();
+        if (s.me)
+            this.pick(stickerId(this.P, STICKERS.indexOf(this.lastSticker)));
+        else
+            this.pick(propId(this.P, PROPS.indexOf(this.lastProp)), i);
+    }
+    // ───────────── 发 ─────────────
+    pick(id, to) {
+        const it = funItem(id, this.P);
+        if (!it || !this.canSend())
+            return false;
+        if (!this.cool.take(it.kind === 'prop' ? 'prop' : 'talk', this.now()))
+            return false;
+        if (it.kind === 'prop')
+            this.lastProp = PROPS[it.index];
+        if (it.kind === 'sticker')
+            this.lastSticker = STICKERS[it.index];
+        this.closeAll();
+        this.o.send(id, to);
+        return true;
+    }
+    // ───────────── 菜单、面板 ─────────────
+    box(kind, w, h, anchor, seat) {
+        this.closeAll();
+        const away = this.doc.createElement('div');
+        away.className = 'atf-away';
+        away.addEventListener('pointerdown', (e) => {
+            e.stopPropagation();
+            this.closeAll();
+        });
+        const b = this.doc.createElement('div');
+        b.className = 'atf-box';
+        b.dataset['kind'] = kind;
+        if (seat !== undefined)
+            b.dataset['seat'] = String(seat);
+        b.style.width = `${w}px`;
+        b.style.height = `${h}px`;
+        const view = { width: window.innerWidth, height: window.innerHeight };
+        const at = placeMenu(anchor, w, h, view, this.o.avoid?.() ?? []);
+        b.style.transform = `translate(${at.left}px,${at.top}px)`;
+        b.addEventListener('pointerdown', (e) => e.stopPropagation());
+        const wrap = this.doc.createElement('div');
+        wrap.dataset['kind'] = kind;
+        if (seat !== undefined)
+            wrap.dataset['seat'] = String(seat);
+        add(wrap, away, b);
+        this.ui.appendChild(wrap);
+        this.open = wrap;
+        return b;
+    }
+    el(tag, cls, text) {
+        const e = this.doc.createElement(tag);
+        e.className = cls;
+        if (text !== undefined)
+            e.textContent = text;
+        return e;
+    }
+    chip(label, key, fn, cls = '') {
+        const c = this.el('button', `atf-chip ${cls}`, label);
+        c.type = 'button';
+        c.dataset['key'] = key;
+        c.addEventListener('click', (e) => {
+            e.stopPropagation();
+            fn();
+        });
+        return c;
+    }
+    cell(svg, key, fn, prop = false) {
+        const c = this.el('button', 'atf-cell');
+        c.type = 'button';
+        c.dataset['key'] = key;
+        c.innerHTML = svg;
+        const left = prop ? this.cool.left('prop', this.now()) : 0;
+        if (left > 0) {
+            // 冷却中：盖一层转圈，到点拿掉
+            const ov = this.el('div', 'atf-cool');
+            c.appendChild(ov);
+            setTimeout(() => ov.remove(), left);
+        }
+        c.addEventListener('click', (e) => {
+            e.stopPropagation();
+            fn();
+        });
+        return c;
+    }
+    /** 点别人头像：第一排 8 个道具（第一格是上次扔的那个），第二排 3 句点名短语，最后"屏蔽他" */
+    openMenu(v) {
+        const s = this.seat(v);
+        if (!s)
+            return;
+        const b = this.box('menu', 8 * 52 + 16, 196, s.rect, v);
+        add(b, this.el('div', 'atf-title', `对 ${s.name}`));
+        const row = this.el('div', 'atf-row');
+        const order = [this.lastProp, ...PROPS.filter((p) => p !== this.lastProp)];
+        order.forEach((p, k) => add(row, this.cell(propSvg(p), `fun:prop${k}`, () => void this.pick(propId(this.P, PROPS.indexOf(p)), v), true)));
+        add(b, row);
+        const row2 = this.el('div', 'atf-row');
+        row2.style.marginTop = '6px';
+        const named = this.o.named ?? [0, 1, 2];
+        named.slice(0, 3).forEach((ix, k) => {
+            const c = this.chip(this.o.phrases[ix] ?? '', `fun:named${k}`, () => void this.pick(ix, v));
+            c.style.flex = '1';
+            add(row2, c);
+        });
+        add(b, row2);
+        const blocked = this.isBlocked(v);
+        const blk = this.chip(blocked ? '不再屏蔽' : '屏蔽他', 'fun:block', () => {
+            this.setBlocked(v, !blocked);
+            this.closeAll();
+        }, 'atf-grey');
+        blk.style.marginTop = '6px';
+        blk.style.width = '100%';
+        add(b, blk);
+    }
+    /** 点自己头像：12 个表情 */
+    openStickers(v) {
+        const s = this.seat(v);
+        if (!s)
+            return;
+        const b = this.box('stickers', 6 * 52 + 16, 2 * 52 + 16, s.rect, v);
+        const g = this.el('div', 'atf-grid');
+        g.style.gridTemplateColumns = 'repeat(6,48px)';
+        STICKERS.forEach((st, k) => add(g, this.cell(stickerSvg(st), `fun:sticker${k}`, () => void this.pick(stickerId(this.P, k)))));
+        add(b, g);
+    }
+    /** "互动"按钮：短语 / 表情 / 道具三个页签；道具页先选人再选道具 */
+    openPanel(tab = this.tab) {
+        if (!this.canSend() || !this.btn)
+            return;
+        this.tab = tab;
+        const r = this.btn.getBoundingClientRect();
+        const b = this.box('panel', 440, 300, r);
+        const tabs = this.el('div', 'atf-row');
+        ['phrase', 'sticker', 'prop'].forEach((t, i) => {
+            const c = this.chip(['短语', '表情', '道具'][i], `fun:tab:${t}`, () => this.openPanel(t), t === tab ? 'atf-on' : 'atf-soft');
+            c.style.flex = '1';
+            add(tabs, c);
+        });
+        const others = this.o.seats().map((s, i) => (s && !s.me ? i : -1)).filter((i) => i >= 0);
+        const all = others.length > 0 && others.every((i) => this.isBlocked(i));
+        const blk = this.chip(all ? '全部恢复' : '全部屏蔽', 'fun:blockAll', () => {
+            for (const i of others)
+                this.setBlocked(i, !all);
+            this.closeAll();
+        }, 'atf-grey');
+        add(tabs, blk);
+        add(b, tabs);
+        const body = this.el('div', 'atf-scroll');
+        body.style.maxHeight = '224px';
+        body.style.marginTop = '8px';
+        if (tab === 'phrase') {
+            const g = this.el('div', 'atf-grid');
+            g.style.gridTemplateColumns = 'repeat(3,1fr)';
+            this.o.phrases.forEach((p, i) => add(g, this.chip(p, `fun:phrase${i}`, () => void this.pick(i), 'atf-soft')));
+            add(body, g);
+        }
+        else if (tab === 'sticker') {
+            const g = this.el('div', 'atf-grid');
+            g.style.gridTemplateColumns = 'repeat(6,48px)';
+            g.style.justifyContent = 'center';
+            STICKERS.forEach((st, k) => add(g, this.cell(stickerSvg(st), `fun:psticker${k}`, () => void this.pick(stickerId(this.P, k)))));
+            add(body, g);
+        }
+        else {
+            if (!others.includes(this.target))
+                this.target = others[0] ?? -1;
+            const who = this.el('div', 'atf-row');
+            for (const i of others) {
+                const c = this.chip(`扔给 ${this.seat(i).name}`, `fun:target${i}`, () => {
+                    this.target = i;
+                    this.openPanel('prop');
+                }, i === this.target ? 'atf-pick' : 'atf-soft');
+                c.style.flex = '1';
+                add(who, c);
+            }
+            const row = this.el('div', 'atf-row');
+            row.style.marginTop = '10px';
+            row.style.justifyContent = 'center';
+            PROPS.forEach((p, k) => add(row, this.cell(propSvg(p), `fun:pprop${k}`, () => void this.pick(propId(this.P, k), this.target), true)));
+            add(body, who, row);
+        }
+        add(b, body);
+        // 高度跟着内容（短语少时不留一大块空），量完按真实高度重新避开禁区
+        b.style.height = 'auto';
+        const h = b.offsetHeight;
+        const at = placeMenu(r, 440, h, { width: window.innerWidth, height: window.innerHeight }, this.o.avoid?.() ?? []);
+        b.style.transform = `translate(${at.left}px,${at.top}px)`;
+    }
+    closeAll() {
+        this.open?.remove();
+        this.open = null;
+    }
+    /** 有菜单或面板开着（游戏可以据此暂停自己的快捷键） */
+    isOpen() {
+        return this.open !== null;
+    }
+    // ───────────── 屏蔽（只是自己不看；这一局 / 这个房间有效） ─────────────
+    blockKey() {
+        return `${this.o.storageKey}.fun.blocked`;
+    }
+    blockedNames() {
+        try {
+            const raw = JSON.parse(sessionStorage.getItem(this.blockKey()) ?? 'null');
+            return raw && raw.scope === (this.o.scope?.() ?? 'solo') && Array.isArray(raw.names) ? raw.names.filter((x) => typeof x === 'string') : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    isBlocked(seat) {
+        const s = this.seat(seat);
+        return !!s && !s.me && this.blockedNames().includes(`${seat}:${s.name}`);
+    }
+    setBlocked(seat, on) {
+        const s = this.seat(seat);
+        if (!s)
+            return;
+        const key = `${seat}:${s.name}`;
+        const names = this.blockedNames().filter((n) => !n.startsWith(`${seat}:`));
+        if (on)
+            names.push(key);
+        try {
+            sessionStorage.setItem(this.blockKey(), JSON.stringify({ scope: this.o.scope?.() ?? 'solo', names }));
+        }
+        catch {
+            // 存不了就只是不记
+        }
+    }
+    // ───────────── 收 ─────────────
+    /** 有人发了东西（好友房房间转发来的、单机自己的、电脑的）：按种类播；别人的东西在关了互动、被屏蔽时不播 */
+    receive(from, id, to) {
+        if (this.dead)
+            return;
+        const it = funItem(id, this.P);
+        const src = this.seat(from);
+        if (!it || !src)
+            return;
+        if (!src.me && (!this.enabled() || this.isBlocked(from)))
+            return;
+        // 好友房的电脑（房间里 botReact 算的）：晚一点播，表情配一句话，和单机的电脑看起来一样
+        if (src.bot && !this.o.localBots) {
+            this.later(FUN_TIMING.botLagMs, () => this.play(from, it, to, true));
+            return;
+        }
+        this.play(from, it, to, false);
+    }
+    play(from, it, to, botTalk) {
+        const src = this.seat(from);
+        if (!src || (!src.me && (!this.enabled() || this.isBlocked(from))))
+            return;
+        if (it.kind === 'phrase') {
+            const t = to !== undefined && to !== from ? this.seat(to) : null;
+            this.bubble(from, `${t ? `@${t.name} ` : ''}${this.o.phrases[it.index] ?? ''}`);
+            this.o.log?.(`短语 ${from}:${it.index}`);
+        }
+        else if (it.kind === 'sticker') {
+            const name = STICKERS[it.index];
+            void showSticker(this.layer, src.rect, name);
+            const mood = botTalk ? stickerMood(name) : null;
+            if (mood)
+                this.bubble(from, this.line(mood));
+            this.o.log?.(`表情 ${from}:${name}`);
+        }
+        else {
+            const prop = PROPS[it.index];
+            const dst = to === undefined ? null : this.seat(to);
+            if (!dst || to === from)
+                return;
+            const r = this.tally.hit(from, to, this.now());
+            if (r.shield) {
+                this.flash(to, '护盾', '#9fd8ff');
+                this.o.log?.(`护盾 ${to}`);
+                return;
+            }
+            void throwAt(this.layer, src.rect, dst.rect, prop, {
+                sound: this.o.sound,
+                target: to,
+                onHit: () => {
+                    this.o.onHit?.(to, prop);
+                    if (r.combo >= 2)
+                        this.flash(to, `×${r.combo}`, '#f3d98b');
+                },
+            });
+            if (r.revenge)
+                this.flash(to, '回敬！', '#ffb070', -0.95);
+            this.o.log?.(`道具 ${from}>${to}:${prop}${r.combo >= 2 ? ` ×${r.combo}` : ''}${r.revenge ? ' 回敬' : ''}`);
+        }
+        // 单机：冲电脑来的，电脑按性格反应（好友房的电脑在房间里算）
+        if (this.o.localBots && to !== undefined && to !== from && this.seat(to)?.bot && (it.kind === 'prop' || it.kind === 'phrase')) {
+            const prop = it.kind === 'prop' ? PROPS[it.index] : undefined;
+            this.react({ kind: 'hit', from, to, ...(prop ? { prop } : {}) }, [to]);
+        }
+    }
+    /** 名场面（游戏把自己的公开事件映射过来）：单机里电脑按性格起哄；横幅另由 banner 播 */
+    moment(ev) {
+        if (!this.o.localBots)
+            return;
+        const bots = this.o.seats().map((s, i) => (s?.bot ? i : -1)).filter((i) => i >= 0);
+        this.react(ev, bots);
+    }
+    react(ev, seats) {
+        if (!this.enabled())
+            return;
+        for (const i of seats) {
+            const s = this.seat(i);
+            if (!s?.bot)
+                continue;
+            const a = botReact(ev, { seat: i, temper: s.temper ?? 'normal' }, this.bots, this.now(), () => this.rand(), this.o.react ?? BOT_REACT);
+            if (a)
+                this.later(a.delay, () => this.perform(a));
+        }
+    }
+    /** 电脑的反应一定看得见：表情加一句话的气泡同时出；回敬再让道具飞过去 */
+    perform(a) {
+        const s = this.seat(a.from);
+        if (!s || !this.enabled() || this.isBlocked(a.from))
+            return;
+        void showSticker(this.layer, s.rect, a.sticker);
+        const t = a.to !== undefined ? this.seat(a.to) : null;
+        this.bubble(a.from, `${t && a.prop === undefined ? `@${t.name} ` : ''}${this.line(a.mood)}`);
+        this.o.log?.(`电脑 ${a.from}:${a.mood}`);
+        if (a.prop && a.to !== undefined)
+            this.receive(a.from, propId(this.P, PROPS.indexOf(a.prop)), a.to);
+    }
+    line(mood) {
+        const lines = this.o.moodLines?.[mood] ?? DEFAULT_LINES[mood];
+        return lines[Math.floor(this.rand() * lines.length) % lines.length];
+    }
+    // ───────────── 小效果 ─────────────
+    /** 头像旁的一句话：朝屏幕中间那侧冒，2.4 秒后淡出 */
+    bubble(seat, text, ms = 2400) {
+        const s = this.seat(seat);
+        if (!s)
+            return;
+        const b = this.el('div', 'atf-bubble', text);
+        this.layer.el.appendChild(b);
+        const w = Math.min(220, b.offsetWidth || text.length * 15 + 24);
+        const cx = s.rect.left + s.rect.width / 2;
+        const right = cx < window.innerWidth / 2;
+        const x = Math.max(4, Math.min(window.innerWidth - w - 4, right ? s.rect.left + s.rect.width + 6 : s.rect.left - 6 - w));
+        const y = Math.max(4, s.rect.top - 6);
+        b.style.transform = `translate(${x}px,${y}px)`;
+        void anim(b, [{ opacity: 0 }, { opacity: 1 }], 160).then(() => anim(b, [{ opacity: 1 }, { opacity: 0 }], 260, ms)).then(() => b.remove());
+    }
+    /** 头像上方冒一个字（×N、回敬！、护盾）：放大弹一下再飘走 */
+    flash(seat, label, color, dy = -0.7) {
+        const s = this.seat(seat);
+        if (!s)
+            return;
+        const f = this.el('div', 'atf-flash', label);
+        f.style.color = color;
+        this.layer.el.appendChild(f);
+        const x = s.rect.left + s.rect.width * 0.6;
+        const y = s.rect.top + s.rect.height * (0.5 + dy) - 14;
+        const at = (k) => `translate(${x.toFixed(1)}px,${y.toFixed(1)}px) ${k}`;
+        void anim(f, [{ transform: at('scale(.4)'), opacity: 0 }, { transform: at('scale(1.15)'), opacity: 1 }, { transform: at('scale(1)'), opacity: 1 }], 240)
+            .then(() => anim(f, [{ transform: at('translateY(0)'), opacity: 1 }, { transform: at('translateY(-24px)'), opacity: 0 }], 380, 700))
+            .then(() => f.remove());
+    }
+    /** 名场面横幅：屏幕上方居中一条红底金边，1.8 秒 */
+    banner(text, sub) {
+        const b = this.el('div', 'atf-banner', text);
+        if (sub)
+            add(b, this.el('small', '', sub));
+        this.layer.el.appendChild(b);
+        void anim(b, [{ transform: 'translateX(-50%) scaleX(.2)', opacity: 0 }, { transform: 'translateX(-50%) scaleX(1.05)', opacity: 1 }, { transform: 'translateX(-50%) scaleX(1)', opacity: 1 }], 280)
+            .then(() => anim(b, [{ opacity: 1 }, { opacity: 0 }], 300, 1500))
+            .then(() => b.remove());
+    }
+    /** 首次进牌桌：在一个电脑（没有就别人）头像旁说一句怎么玩，3 秒后收起，只出一次 */
+    hint() {
+        const key = `${this.o.storageKey}.hint.fun`;
+        try {
+            if (localStorage.getItem(key))
+                return;
+        }
+        catch {
+            return;
+        }
+        const seats = this.o.seats();
+        const i = seats.findIndex((s) => !!s?.bot);
+        const at = i >= 0 ? i : seats.findIndex((s) => !!s && !s.me);
+        if (at < 0 || !this.canSend() || !this.enabled() || this.open)
+            return this.later(2000, () => this.hint());
+        try {
+            localStorage.setItem(key, '1');
+        }
+        catch {
+            // 记不住就下次再提示一次
+        }
+        this.bubble(at, HINT_TEXT, FUN_TIMING.hintMs);
+        this.o.log?.('提示 头像');
+    }
+    // ───────────── 游戏的弹窗、离开牌桌 ─────────────
+    /** 游戏开自己的弹窗时藏起来（正在播的不中断），关掉后 show */
+    hide() {
+        this.closeAll();
+        this.layer.hide();
+        this.ui.style.visibility = 'hidden';
+    }
+    show() {
+        this.layer.show();
+        this.ui.style.visibility = '';
+    }
+    /** 冒烟用：按钮、头像热区、开着的菜单里每一项的屏幕中心和大小（查点按区 ≥ 44） */
+    controls() {
+        const out = {};
+        const c = (el) => {
+            const r = el.getBoundingClientRect();
+            return { x: r.left + r.width / 2, y: r.top + r.height / 2, w: r.width, h: r.height };
+        };
+        if (this.btn)
+            out['fun:button'] = c(this.btn);
+        this.hots.forEach((h, i) => {
+            if (h.style.display !== 'none')
+                out[`fun:seat${i}`] = c(h);
+        });
+        this.open?.querySelectorAll('[data-key]').forEach((e) => (out[e.dataset['key']] = c(e)));
+        return out;
+    }
+    destroy() {
+        this.dead = true;
+        for (const t of this.timers)
+            clearTimeout(t);
+        this.timers.clear();
+        window.removeEventListener('resize', this.onResize);
+        this.ui.remove();
+        this.layer.destroy();
+    }
+}
+//# sourceMappingURL=table-fun.js.map