@trustbaseai/shop-ui 0.1.0

package/dist/esm/components/account-panel.js

@@ -0,0 +1,140 @@
+/**
+ * `<tb-account-panel>` —— 我的账户：地址 / 余额 / 入口 / 订单列表（**占位**）。
+ *
+ * ## 契约
+ *
+ * | 入参（`data-*`） | 说明 |
+ * |---|---|
+ * | `data-account` | JSON：`{ address, balance_micro_tct?, balance_unit?, pending_orders? }` |
+ * | `data-orders` | JSON 数组：`[{ order_id, status, title?, total_micro_tct?, created_at? }]` —— 订单列表占位 |
+ * | `data-state` / `data-error` | 同其它组件 |
+ *
+ * | 出参（`CustomEvent`） | `detail` |
+ * |---|---|
+ * | `tb:account-action` | `{ action, address? }`，`action ∈ topup \| addresses \| orders \| copy-address` |
+ *
+ * 面板**只显示与转发**：余额从哪来（链上/索引器）、怎么充值、地址怎么改，全由宿主决定。
+ * 订单列表是**占位**——真实数据要等 `@trustbase/index-client`（WP5）接上索引器。
+ */
+import { SHOP_UI_EVENTS, STATE_STYLE, TbElement, escapeHtml, stateBlock } from '../base.js';
+import { AMOUNT_STYLE } from '../tokens.js';
+import { formatAmountParts, orderStatusLabel, shortAddress } from '../format.js';
+export class TbAccountPanel extends TbElement {
+    static get observedAttributes() {
+        return ['data-account', 'data-orders', 'data-state', 'data-error'];
+    }
+    tag = 'tb-account-panel';
+    styles() {
+        return [
+            STATE_STYLE,
+            '.wrap{padding:var(--tb-space-md);}',
+            '.section{margin-bottom:var(--tb-space-lg);}',
+            '.section-title{font-size:var(--tb-font-size-secondary);color:var(--tb-color-text-secondary);',
+            'margin-bottom:var(--tb-space-xs);}',
+            '.address{display:flex;align-items:center;gap:var(--tb-space-xs);}',
+            `.address-value{${AMOUNT_STYLE}flex:1 1 auto;min-width:0;font-size:var(--tb-font-size-secondary);`,
+            'overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}',
+            '.ghost{padding:var(--tb-space-xs) var(--tb-space-sm);border:var(--tb-border-width) solid var(--tb-color-border);',
+            'border-radius:var(--tb-radius-control);background:var(--tb-color-background);',
+            'font-size:var(--tb-font-size-caption);color:var(--tb-color-text-secondary);}',
+            '.balance{display:flex;align-items:baseline;gap:var(--tb-space-xxs);}',
+            `.balance .amount{${AMOUNT_STYLE}font-size:var(--tb-font-size-title);font-weight:var(--tb-font-weight-semibold);}`,
+            '.balance .unit{font-size:var(--tb-font-size-secondary);color:var(--tb-color-text-secondary);}',
+            '.actions{display:flex;gap:var(--tb-space-xs);}',
+            '.action{flex:1 1 0;padding:var(--tb-space-sm);border:var(--tb-border-width) solid var(--tb-color-border);',
+            'border-radius:var(--tb-radius-control);background:var(--tb-color-background);',
+            'font-size:var(--tb-font-size-secondary);}',
+            '.action:hover{border-color:var(--tb-color-accent);color:var(--tb-color-accent);}',
+            '.rows{border-top:var(--tb-border-width) solid var(--tb-color-divider);}',
+            '.row{display:flex;align-items:baseline;gap:var(--tb-space-md);padding:var(--tb-space-sm) 0;',
+            'border-bottom:var(--tb-border-width) solid var(--tb-color-divider);}',
+            '.row-main{flex:1 1 auto;min-width:0;}',
+            '.row-title{font-size:var(--tb-font-size-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}',
+            '.row-meta{font-size:var(--tb-font-size-caption);color:var(--tb-color-text-tertiary);}',
+            '.row-status{font-size:var(--tb-font-size-caption);color:var(--tb-color-text-secondary);white-space:nowrap;}',
+            `.row-amount{${AMOUNT_STYLE}font-size:var(--tb-font-size-secondary);white-space:nowrap;}`,
+        ].join('');
+    }
+    orders() {
+        const { value } = this.jsonAttr('orders', []);
+        return Array.isArray(value) ? value.filter((row) => row && typeof row.order_id === 'string') : [];
+    }
+    template() {
+        const { value: account, error } = this.jsonAttr('account', null);
+        const declared = this.attr('state');
+        if (declared === 'loading' || declared === 'error')
+            return stateBlock(declared, this.errorText(error));
+        if (account === null || typeof account.address !== 'string') {
+            if (error !== null)
+                return stateBlock('error', this.errorText(error));
+            return stateBlock('empty', '还没有账户信息');
+        }
+        const orders = this.orders();
+        const balance = formatAmountParts(account.balance_micro_tct ?? '0', account.balance_unit ?? 'TCT');
+        const pending = Number(account.pending_orders ?? 0);
+        return [
+            '<div class="wrap">',
+            '<div class="section" data-block="address">',
+            '<div class="section-title">我的地址</div>',
+            '<div class="address">',
+            `<span class="address-value" data-address title="${escapeHtml(account.address)}">${escapeHtml(shortAddress(account.address))}</span>`,
+            `<button class="ghost" type="button" data-action="copy-address">复制</button>`,
+            '</div>',
+            '</div>',
+            '<div class="section" data-block="balance">',
+            '<div class="section-title">余额</div>',
+            `<div class="balance" data-balance="${escapeHtml(account.balance_micro_tct ?? '0')}">`,
+            `<span class="amount">${escapeHtml(balance.value)}</span><span class="unit">${escapeHtml(balance.unit)}</span>`,
+            '</div>',
+            '</div>',
+            '<div class="section" data-block="actions">',
+            '<div class="actions">',
+            '<button class="action" type="button" data-action="topup">充值</button>',
+            '<button class="action" type="button" data-action="addresses">收货地址</button>',
+            `<button class="action" type="button" data-action="orders">我的订单${pending > 0 ? `（${escapeHtml(String(pending))}）` : ''}</button>`,
+            '</div>',
+            '</div>',
+            '<div class="section" data-block="orders">',
+            `<div class="section-title">最近订单${orders.length > 0 ? `（${escapeHtml(String(orders.length))}）` : ''}</div>`,
+            orders.length === 0
+                ? '<div class="state" data-state-block="empty">还没有订单</div>'
+                : `<div class="rows">${orders.map((row) => this.orderRow(row)).join('')}</div>`,
+            '</div>',
+            '</div>',
+        ].join('');
+    }
+    orderRow(row) {
+        const parts = formatAmountParts(row.total_micro_tct ?? '0');
+        return [
+            '<div class="row" data-order-id="', escapeHtml(row.order_id), '">',
+            '<div class="row-main">',
+            `<div class="row-title">${escapeHtml(row.title ?? row.order_id)}</div>`,
+            `<div class="row-meta">${escapeHtml(row.order_id)}${row.created_at ? ` · ${escapeHtml(row.created_at)}` : ''}</div>`,
+            '</div>',
+            `<div class="row-status">${escapeHtml(orderStatusLabel(row.status))}</div>`,
+            `<div class="row-amount">${escapeHtml(parts.value)} ${escapeHtml(parts.unit)}</div>`,
+            '</div>',
+        ].join('');
+    }
+    bind() {
+        const { value: account } = this.jsonAttr('account', null);
+        const address = account?.address ?? '';
+        for (const button of this.$$('[data-action]')) {
+            button.addEventListener('click', () => {
+                const action = button.getAttribute('data-action') ?? '';
+                if (action === 'copy-address') {
+                    // 复制尽力而为：环境没有 clipboard（Node/旧浏览器/非 https）也不报错 —— 真复制由宿主决定
+                    const clipboard = globalThis
+                        .navigator?.clipboard;
+                    const pending = clipboard?.writeText?.(address);
+                    if (pending !== undefined)
+                        void pending.catch(() => undefined);
+                    this.emit(SHOP_UI_EVENTS.ACCOUNT_ACTION, { action, address });
+                    return;
+                }
+                this.emit(SHOP_UI_EVENTS.ACCOUNT_ACTION, { action });
+            });
+        }
+    }
+}
+//# sourceMappingURL=account-panel.js.map

package/dist/esm/components/account-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-panel.js","sourceRoot":"","sources":["../../../src/components/account-panel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAmBjF,MAAM,OAAO,cAAe,SAAQ,SAAS;IAC3C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACrE,CAAC;IAEkB,GAAG,GAAG,kBAAkB,CAAC;IAElC,MAAM;QACd,OAAO;YACL,WAAW;YACX,oCAAoC;YACpC,6CAA6C;YAC7C,8FAA8F;YAC9F,oCAAoC;YACpC,mEAAmE;YACnE,kBAAkB,YAAY,oEAAoE;YAClG,6DAA6D;YAC7D,kHAAkH;YAClH,+EAA+E;YAC/E,8EAA8E;YAC9E,sEAAsE;YACtE,oBAAoB,YAAY,kFAAkF;YAClH,+FAA+F;YAC/F,gDAAgD;YAChD,2GAA2G;YAC3G,+EAA+E;YAC/E,2CAA2C;YAC3C,kFAAkF;YAClF,yEAAyE;YACzE,6FAA6F;YAC7F,sEAAsE;YACtE,uCAAuC;YACvC,2GAA2G;YAC3G,uFAAuF;YACvF,6GAA6G;YAC7G,eAAe,YAAY,8DAA8D;SAC1F,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACb,CAAC;IAEO,MAAM;QACZ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAqB,QAAQ,EAAE,EAAE,CAAC,CAAC;QAClE,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,OAAO,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpG,CAAC;IAES,QAAQ;QAChB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAqB,SAAS,EAAE,IAAI,CAAC,CAAC;QACrF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,OAAO;YAAE,OAAO,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACvG,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC5D,IAAI,KAAK,KAAK,IAAI;gBAAE,OAAO,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YACtE,OAAO,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACxC,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,iBAAiB,IAAI,GAAG,EAAE,OAAO,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC;QACnG,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC;QAEpD,OAAO;YACL,oBAAoB;YACpB,4CAA4C;YAC5C,uCAAuC;YACvC,uBAAuB;YACvB,mDAAmD,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS;YACrI,4EAA4E;YAC5E,QAAQ;YACR,QAAQ;YACR,4CAA4C;YAC5C,qCAAqC;YACrC,sCAAsC,UAAU,CAAC,OAAO,CAAC,iBAAiB,IAAI,GAAG,CAAC,IAAI;YACtF,wBAAwB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,6BAA6B,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;YAC/G,QAAQ;YACR,QAAQ;YACR,4CAA4C;YAC5C,uBAAuB;YACvB,sEAAsE;YACtE,4EAA4E;YAC5E,iEAAiE,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW;YACjI,QAAQ;YACR,QAAQ;YACR,2CAA2C;YAC3C,kCAAkC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ;YAC3G,MAAM,CAAC,MAAM,KAAK,CAAC;gBACjB,CAAC,CAAC,yDAAyD;gBAC3D,CAAC,CAAC,qBAAqB,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ;YACjF,QAAQ;YACR,QAAQ;SACT,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACb,CAAC;IAEO,QAAQ,CAAC,GAAqB;QACpC,MAAM,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,eAAe,IAAI,GAAG,CAAC,CAAC;QAC5D,OAAO;YACL,kCAAkC,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,IAAI;YAClE,wBAAwB;YACxB,0BAA0B,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ;YACvE,yBAAyB,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ;YACpH,QAAQ;YACR,2BAA2B,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ;YAC3E,2BAA2B,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;YACpF,QAAQ;SACT,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACb,CAAC;IAEkB,IAAI;QACrB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAqB,SAAS,EAAE,IAAI,CAAC,CAAC;QAC9E,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;QACvC,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC;YAC9C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACpC,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;gBACxD,IAAI,MAAM,KAAK,cAAc,EAAE,CAAC;oBAC9B,2DAA2D;oBAC3D,MAAM,SAAS,GAAI,UAA8F;yBAC9G,SAAS,EAAE,SAAS,CAAC;oBACxB,MAAM,OAAO,GAAG,SAAS,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC;oBAChD,IAAI,OAAO,KAAK,SAAS;wBAAE,KAAK,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;oBAC/D,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;oBAC9D,OAAO;gBACT,CAAC;gBACD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;CACF"}

package/dist/esm/components/goods-detail.d.ts

@@ -0,0 +1,58 @@
+/**
+ * `<tb-goods-detail>` —— 商品详情 + **规格选择**（一屏一个动作：**买**）。
+ *
+ * ## 契约
+ *
+ * | 入参（`data-*`） | 说明 |
+ * |---|---|
+ * | `data-goods` | JSON 对象（单个商品，结构同 `tb-goods-list` 的一项） |
+ * | `data-sku-id` | 预选规格（可选；缺省 = "有货且最便宜"的那个） |
+ * | `data-quantity` | 初始数量（可选，默认 1；上限为库存） |
+ * | `data-state` / `data-error` | 同列表组件 |
+ *
+ * | 出参（`CustomEvent`） | `detail` |
+ * |---|---|
+ * | `tb:sku-change` | `{ goods_id, sku_id, sku, quantity }` —— 规格/数量变化时 |
+ * | `tb:goods-buy` | `{ goods_id, seller, sku_id, sku, quantity, price_per_unit, amount_micro_tct }` —— **下单意愿的输入** |
+ *
+ * 单规格商品不显示规格选择器（规范 §3.5「默认即最优」）；缺货/下架时主按钮禁用。
+ * 组件**不签名、不持私钥**；`tb:goods-buy` 只是"买家想买这个"，交给宿主（下单表单/守护进程）。
+ */
+import { TbElement } from '../base.js';
+interface DetailSku {
+    sku_id: string;
+    title?: string;
+    price_per_unit: string;
+    stock: number;
+    spec?: Record<string, string>;
+}
+/** 详情页读的商品形状（只读；业务判断在 `@trustbase/shop`） */
+export interface GoodsDetailView {
+    goods_id: string;
+    seller?: string;
+    title: string;
+    summary?: string;
+    image?: string;
+    status?: string;
+    skus?: DetailSku[];
+}
+export declare class TbGoodsDetail extends TbElement {
+    static get observedAttributes(): string[];
+    protected readonly tag = "tb-goods-detail";
+    /** 选中的规格（内部状态；属性是初始值，交互后以内部为准） */
+    private skuId;
+    /** 内部数量（0 = 还没被用户改过 → 用 `data-quantity` 或 1） */
+    private quantity;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    protected styles(): string;
+    private goods;
+    private skus;
+    /** 选中规格：显式属性 > 内部状态 > 默认（有货且最便宜 > 第一个） */
+    private selectedSku;
+    private currentQuantity;
+    protected template(): string;
+    protected bind(): void;
+    private emitSkuChange;
+}
+export {};
+//# sourceMappingURL=goods-detail.d.ts.map

package/dist/esm/components/goods-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"goods-detail.d.ts","sourceRoot":"","sources":["../../../src/components/goods-detail.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAA+B,SAAS,EAA0B,MAAM,YAAY,CAAC;AAI5F,UAAU,SAAS;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B;AAED,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;CACpB;AAED,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,SAAS,CAAC,QAAQ,CAAC,GAAG,qBAAqB;IAE3C,kCAAkC;IAClC,OAAO,CAAC,KAAK,CAAuB;IACpC,gDAAgD;IAChD,OAAO,CAAC,QAAQ,CAAK;IAEZ,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvG,SAAS,CAAC,MAAM,IAAI,MAAM;IAoC1B,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,IAAI;IAIZ,0CAA0C;IAC1C,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,eAAe;IAQvB,SAAS,CAAC,QAAQ,IAAI,MAAM;cA+DT,IAAI,IAAI,IAAI;IAgD/B,OAAO,CAAC,aAAa;CAUtB"}

package/dist/esm/components/goods-detail.js

@@ -0,0 +1,228 @@
+/**
+ * `<tb-goods-detail>` —— 商品详情 + **规格选择**（一屏一个动作：**买**）。
+ *
+ * ## 契约
+ *
+ * | 入参（`data-*`） | 说明 |
+ * |---|---|
+ * | `data-goods` | JSON 对象（单个商品，结构同 `tb-goods-list` 的一项） |
+ * | `data-sku-id` | 预选规格（可选；缺省 = "有货且最便宜"的那个） |
+ * | `data-quantity` | 初始数量（可选，默认 1；上限为库存） |
+ * | `data-state` / `data-error` | 同列表组件 |
+ *
+ * | 出参（`CustomEvent`） | `detail` |
+ * |---|---|
+ * | `tb:sku-change` | `{ goods_id, sku_id, sku, quantity }` —— 规格/数量变化时 |
+ * | `tb:goods-buy` | `{ goods_id, seller, sku_id, sku, quantity, price_per_unit, amount_micro_tct }` —— **下单意愿的输入** |
+ *
+ * 单规格商品不显示规格选择器（规范 §3.5「默认即最优」）；缺货/下架时主按钮禁用。
+ * 组件**不签名、不持私钥**；`tb:goods-buy` 只是"买家想买这个"，交给宿主（下单表单/守护进程）。
+ */
+import { SHOP_UI_EVENTS, STATE_STYLE, TbElement, escapeHtml, stateBlock } from '../base.js';
+import { AMOUNT_STYLE } from '../tokens.js';
+import { formatAmountParts, multiplyAmounts, shortAddress } from '../format.js';
+export class TbGoodsDetail extends TbElement {
+    static get observedAttributes() {
+        return ['data-goods', 'data-sku-id', 'data-quantity', 'data-state', 'data-error'];
+    }
+    tag = 'tb-goods-detail';
+    /** 选中的规格（内部状态；属性是初始值，交互后以内部为准） */
+    skuId = null;
+    /** 内部数量（0 = 还没被用户改过 → 用 `data-quantity` 或 1） */
+    quantity = 0;
+    attributeChangedCallback(name, oldValue, newValue) {
+        // 宿主显式换了预选规格/数量 → 丢掉内部选择，回到属性给的初始态
+        if (name === 'data-sku-id' && oldValue !== newValue)
+            this.skuId = null;
+        if (name === 'data-quantity' && oldValue !== newValue)
+            this.quantity = 0;
+        super.attributeChangedCallback(name, oldValue, newValue);
+    }
+    styles() {
+        return [
+            STATE_STYLE,
+            '.wrap{padding:var(--tb-space-md);}',
+            '.thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--tb-radius-card);',
+            'background:var(--tb-color-surface);display:block;}',
+            '.title{margin-top:var(--tb-space-md);font-size:var(--tb-font-size-heading);',
+            'font-weight:var(--tb-font-weight-semibold);line-height:var(--tb-line-height-title);}',
+            '.summary{margin-top:var(--tb-space-xs);color:var(--tb-color-text-secondary);',
+            'font-size:var(--tb-font-size-secondary);}',
+            '.seller{margin-top:var(--tb-space-xxs);font-size:var(--tb-font-size-caption);color:var(--tb-color-text-tertiary);}',
+            '.price{margin-top:var(--tb-space-md);display:flex;align-items:baseline;gap:var(--tb-space-xxs);}',
+            `.amount{${AMOUNT_STYLE}font-size:var(--tb-font-size-title);font-weight:var(--tb-font-weight-semibold);}`,
+            '.unit{font-size:var(--tb-font-size-secondary);color:var(--tb-color-text-secondary);}',
+            '.stock{margin-top:var(--tb-space-xxs);font-size:var(--tb-font-size-caption);color:var(--tb-color-text-tertiary);}',
+            '.block{margin-top:var(--tb-space-lg);}',
+            '.block-title{font-size:var(--tb-font-size-secondary);color:var(--tb-color-text-secondary);}',
+            '.options{margin-top:var(--tb-space-xs);display:flex;flex-wrap:wrap;gap:var(--tb-space-xs);}',
+            '.option{padding:var(--tb-space-xs) var(--tb-space-sm);border:var(--tb-border-width) solid var(--tb-color-border);',
+            'border-radius:var(--tb-radius-control);background:var(--tb-color-background);',
+            'font-size:var(--tb-font-size-secondary);}',
+            '.option[aria-pressed="true"]{border-color:var(--tb-color-accent);color:var(--tb-color-accent);}',
+            '.option[disabled]{color:var(--tb-color-text-tertiary);cursor:not-allowed;}',
+            '.qty{margin-top:var(--tb-space-xs);display:flex;align-items:center;gap:var(--tb-space-sm);}',
+            '.step{width:var(--tb-space-xl);height:var(--tb-space-xl);border:var(--tb-border-width) solid var(--tb-color-border);',
+            'border-radius:var(--tb-radius-control);background:var(--tb-color-background);font-size:var(--tb-font-size-body);}',
+            `.qty-value{${AMOUNT_STYLE}font-size:var(--tb-font-size-body);min-width:var(--tb-space-xl);text-align:center;}`,
+            '.primary{margin-top:var(--tb-space-lg);width:100%;padding:var(--tb-space-md);border:none;',
+            'border-radius:var(--tb-radius-control);background:var(--tb-color-accent);color:var(--tb-color-on-accent);',
+            'font-size:var(--tb-font-size-body);font-weight:var(--tb-font-weight-semibold);}',
+            '.primary[disabled]{background:var(--tb-color-surface);color:var(--tb-color-text-tertiary);cursor:not-allowed;}',
+            '.note{margin-top:var(--tb-space-xs);font-size:var(--tb-font-size-caption);color:var(--tb-color-text-tertiary);',
+            'text-align:center;}',
+        ].join('');
+    }
+    goods() {
+        const { value, error } = this.jsonAttr('goods', null);
+        if (value === null)
+            return { value: null, error };
+        if (Array.isArray(value) || typeof value.title !== 'string') {
+            return { value: null, error: 'data-goods 必须是单个商品对象（列表请用 tb-goods-list）' };
+        }
+        return { value, error: null };
+    }
+    skus(goods) {
+        return Array.isArray(goods.skus) ? goods.skus.filter((sku) => typeof sku?.sku_id === 'string') : [];
+    }
+    /** 选中规格：显式属性 > 内部状态 > 默认（有货且最便宜 > 第一个） */
+    selectedSku(goods) {
+        const skus = this.skus(goods);
+        if (skus.length === 0)
+            return undefined;
+        const wanted = this.skuId ?? this.attr('sku-id');
+        const explicit = skus.find((sku) => sku.sku_id === wanted);
+        if (explicit !== undefined)
+            return explicit;
+        const inStock = skus.filter((sku) => sku.stock > 0);
+        const pool = inStock.length > 0 ? inStock : skus;
+        return pool.reduce((best, sku) => (BigInt(sku.price_per_unit) < BigInt(best.price_per_unit) ? sku : best));
+    }
+    currentQuantity(sku) {
+        const max = Math.max(1, Number.isFinite(sku.stock) ? sku.stock : 0);
+        const fromAttr = Number(this.attr('quantity'));
+        const initial = this.quantity > 0 ? this.quantity : Number.isFinite(fromAttr) && fromAttr > 0 ? Math.floor(fromAttr) : 1;
+        return Math.min(Math.max(1, initial), max);
+    }
+    template() {
+        const { value: goods, error } = this.goods();
+        const state = this.uiState(goods !== null, error);
+        if (state !== 'ready' || goods === null)
+            return this.renderState(state, error);
+        const sku = this.selectedSku(goods);
+        if (sku === undefined)
+            return stateBlock('empty', '这个商品还没有可卖的规格');
+        const quantity = this.currentQuantity(sku);
+        const parts = formatAmountParts(sku.price_per_unit);
+        const total = multiplyAmounts(sku.price_per_unit, String(quantity));
+        const totalParts = formatAmountParts(total);
+        const soldOut = !(sku.stock > 0) || goods.status === 'off_shelf';
+        const skus = this.skus(goods);
+        const axes = Array.from(new Set(skus.flatMap((item) => Object.keys(item.spec ?? {}))));
+        const image = typeof goods.image === 'string' && goods.image.length > 0
+            ? `<img class="thumb" src="${escapeHtml(goods.image)}" alt="" />`
+            : '';
+        const seller = goods.seller ? `<div class="seller">卖家 ${escapeHtml(shortAddress(goods.seller))}</div>` : '';
+        const summary = goods.summary ? `<div class="summary">${escapeHtml(goods.summary)}</div>` : '';
+        const specBlock = skus.length > 1
+            ? [
+                '<div class="block" data-block="spec">',
+                `<div class="block-title">规格${axes.length > 0 ? `（${escapeHtml(axes.join(' / '))}）` : ''}</div>`,
+                '<div class="options">',
+                skus
+                    .map((item) => {
+                    const label = Object.values(item.spec ?? {}).join(' / ') || item.title || item.sku_id;
+                    const out = !(item.stock > 0);
+                    return `<button class="option" type="button" data-sku-option="${escapeHtml(item.sku_id)}" aria-pressed="${item.sku_id === sku.sku_id}"${out ? ' disabled' : ''}>${escapeHtml(label)}${out ? '（缺货）' : ''}</button>`;
+                })
+                    .join(''),
+                '</div>',
+                '</div>',
+            ].join('')
+            : '';
+        return [
+            '<div class="wrap">',
+            image,
+            `<div class="title">${escapeHtml(goods.title)}</div>`,
+            summary,
+            seller,
+            `<div class="price"><span class="amount">${escapeHtml(parts.value)}</span><span class="unit">${escapeHtml(parts.unit)} / 件</span></div>`,
+            `<div class="stock">${sku.stock > 0 ? `库存 ${escapeHtml(String(sku.stock))} 件` : '已售罄'}</div>`,
+            specBlock,
+            '<div class="block" data-block="quantity">',
+            '<div class="block-title">数量</div>',
+            '<div class="qty">',
+            '<button class="step" type="button" data-step="-1" aria-label="减少数量">−</button>',
+            `<span class="qty-value" data-qty>${escapeHtml(String(quantity))}</span>`,
+            '<button class="step" type="button" data-step="1" aria-label="增加数量">+</button>',
+            '</div>',
+            '</div>',
+            `<div class="price" data-block="total"><span class="unit">合计</span><span class="amount">${escapeHtml(totalParts.value)}</span><span class="unit">${escapeHtml(totalParts.unit)}</span></div>`,
+            `<button class="primary" type="button" data-action="buy"${soldOut ? ' disabled' : ''}>立即购买</button>`,
+            '<div class="note">提交后由商户服务签名上链，本页面不接触私钥</div>',
+            '</div>',
+        ].join('');
+    }
+    bind() {
+        const { value: goods } = this.goods();
+        if (goods === null)
+            return;
+        const sku = this.selectedSku(goods);
+        if (sku === undefined)
+            return;
+        for (const option of this.$$('[data-sku-option]')) {
+            option.addEventListener('click', () => {
+                const next = option.getAttribute('data-sku-option');
+                if (next === null || next === this.selectedSku(goods)?.sku_id)
+                    return;
+                this.skuId = next;
+                this.quantity = 1;
+                this.render();
+                this.emitSkuChange(goods);
+            });
+        }
+        for (const step of this.$$('[data-step]')) {
+            step.addEventListener('click', () => {
+                const current = this.selectedSku(goods);
+                if (current === undefined)
+                    return;
+                const delta = Number(step.getAttribute('data-step')) || 0;
+                const max = Math.max(1, Number.isFinite(current.stock) ? current.stock : 0);
+                const next = Math.min(Math.max(1, this.currentQuantity(current) + delta), max);
+                if (next === this.currentQuantity(current))
+                    return;
+                this.quantity = next;
+                this.render();
+                this.emitSkuChange(goods);
+            });
+        }
+        const buy = this.$('[data-action="buy"]');
+        buy?.addEventListener('click', () => {
+            const current = this.selectedSku(goods);
+            if (current === undefined)
+                return;
+            const quantity = this.currentQuantity(current);
+            this.emit(SHOP_UI_EVENTS.GOODS_BUY, {
+                goods_id: goods.goods_id,
+                seller: goods.seller ?? '',
+                sku_id: current.sku_id,
+                sku: current,
+                quantity,
+                price_per_unit: current.price_per_unit,
+                amount_micro_tct: multiplyAmounts(current.price_per_unit, String(quantity)),
+            });
+        });
+    }
+    emitSkuChange(goods) {
+        const current = this.selectedSku(goods);
+        if (current === undefined)
+            return;
+        this.emit(SHOP_UI_EVENTS.SKU_CHANGE, {
+            goods_id: goods.goods_id,
+            sku_id: current.sku_id,
+            sku: current,
+            quantity: this.currentQuantity(current),
+        });
+    }
+}
+//# sourceMappingURL=goods-detail.js.map

package/dist/esm/components/goods-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goods-detail.js","sourceRoot":"","sources":["../../../src/components/goods-detail.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/goods-list.d.ts

@@ -0,0 +1,43 @@
+/**
+ * `<tb-goods-list>` —— 商品列表（一屏一个动作：**点进详情**）。
+ *
+ * ## 契约
+ *
+ * | 入参（`data-*`） | 说明 |
+ * |---|---|
+ * | `data-goods` | JSON 数组：`[{ goods_id, seller, title, summary?, image?, status?, skus: [{ sku_id, title, price_per_unit, stock, spec? }] }]` |
+ * | `data-state` | `loading` / `error` / `empty` / `ready`（可选；不写则按数据推断） |
+ * | `data-error` | 错误文案（`data-state="error"` 时显示） |
+ *
+ * | 出参（`CustomEvent`） | `detail` |
+ * |---|---|
+ * | `tb:goods-select` | `{ goods }` —— 被点的商品**原样**（宿主据此打开详情） |
+ *
+ * 不引第三方 UI 框架；样式只引用 `var(--tb-*)`；组件不持私钥、不签名。
+ */
+import { TbElement } from '../base.js';
+/** 列表里用的商品形状（与索引器/`@trustbase/shop` 的商品结构一致，这里只读不改） */
+export interface GoodsView {
+    goods_id: string;
+    seller?: string;
+    title: string;
+    summary?: string;
+    image?: string;
+    status?: string;
+    skus?: Array<{
+        sku_id: string;
+        title?: string;
+        price_per_unit: string;
+        stock: number;
+        spec?: Record<string, string>;
+    }>;
+}
+export declare class TbGoodsList extends TbElement {
+    static get observedAttributes(): string[];
+    protected readonly tag = "tb-goods-list";
+    protected styles(): string;
+    protected template(): string;
+    private card;
+    protected bind(): void;
+}
+//# sourceMappingURL=goods-list.d.ts.map

package/dist/esm/components/goods-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"goods-list.d.ts","sourceRoot":"","sources":["../../../src/components/goods-list.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAA+B,SAAS,EAA0B,MAAM,YAAY,CAAC;AAI5F,uDAAuD;AACvD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC;CACxH;AAED,qBAAa,WAAY,SAAQ,SAAS;IACxC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,SAAS,CAAC,QAAQ,CAAC,GAAG,mBAAmB;IAEzC,SAAS,CAAC,MAAM,IAAI,MAAM;IAuB1B,SAAS,CAAC,QAAQ,IAAI,MAAM;IAQ5B,OAAO,CAAC,IAAI;cAyBO,IAAI,IAAI,IAAI;CAoBhC"}

package/dist/esm/components/goods-list.js

@@ -0,0 +1,100 @@
+/**
+ * `<tb-goods-list>` —— 商品列表（一屏一个动作：**点进详情**）。
+ *
+ * ## 契约
+ *
+ * | 入参（`data-*`） | 说明 |
+ * |---|---|
+ * | `data-goods` | JSON 数组：`[{ goods_id, seller, title, summary?, image?, status?, skus: [{ sku_id, title, price_per_unit, stock, spec? }] }]` |
+ * | `data-state` | `loading` / `error` / `empty` / `ready`（可选；不写则按数据推断） |
+ * | `data-error` | 错误文案（`data-state="error"` 时显示） |
+ *
+ * | 出参（`CustomEvent`） | `detail` |
+ * |---|---|
+ * | `tb:goods-select` | `{ goods }` —— 被点的商品**原样**（宿主据此打开详情） |
+ *
+ * 不引第三方 UI 框架；样式只引用 `var(--tb-*)`；组件不持私钥、不签名。
+ */
+import { SHOP_UI_EVENTS, STATE_STYLE, TbElement, escapeHtml } from '../base.js';
+import { AMOUNT_STYLE } from '../tokens.js';
+import { formatAmountParts, goodsMetaLine } from '../format.js';
+export class TbGoodsList extends TbElement {
+    static get observedAttributes() {
+        return ['data-goods', 'data-state', 'data-error'];
+    }
+    tag = 'tb-goods-list';
+    styles() {
+        return [
+            STATE_STYLE,
+            '.list{display:flex;flex-wrap:wrap;gap:var(--tb-space-sm);}',
+            '.card{flex:0 1 calc(50% - var(--tb-space-sm));min-width:0;padding:var(--tb-space-md);',
+            'border:var(--tb-border-width) solid var(--tb-color-border);border-radius:var(--tb-radius-card);',
+            'background:var(--tb-color-background);cursor:pointer;',
+            'transition:border-color var(--tb-motion-base) var(--tb-motion-easing);}',
+            '.card:hover{border-color:var(--tb-color-accent);}',
+            '.card:focus-visible{outline:none;border-color:var(--tb-color-accent);}',
+            '.thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--tb-radius-tag);',
+            'background:var(--tb-color-surface);display:block;margin-bottom:var(--tb-space-sm);}',
+            '.title{font-size:var(--tb-font-size-body);font-weight:var(--tb-font-weight-semibold);',
+            'line-height:var(--tb-line-height-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}',
+            '.meta{margin-top:var(--tb-space-xxs);font-size:var(--tb-font-size-caption);',
+            'color:var(--tb-color-text-tertiary);}',
+            '.price{margin-top:var(--tb-space-xs);display:flex;align-items:baseline;gap:var(--tb-space-xxs);',
+            'justify-content:flex-end;}',
+            `.amount{${AMOUNT_STYLE}font-size:var(--tb-font-size-body);font-weight:var(--tb-font-weight-semibold);}`,
+            '.unit{font-size:var(--tb-font-size-caption);color:var(--tb-color-text-secondary);}',
+        ].join('');
+    }
+    template() {
+        const { value, error } = this.jsonAttr('goods', []);
+        const goods = Array.isArray(value) ? value : [];
+        const state = this.uiState(goods.length > 0, error);
+        if (state !== 'ready')
+            return this.renderState(state, error);
+        return `<ul class="list">${goods.map((item) => this.card(item)).join('')}</ul>`;
+    }
+    card(goods) {
+        const skus = goods.skus ?? [];
+        const prices = skus.map((sku) => sku.price_per_unit);
+        const min = prices.length > 0 ? prices.reduce((a, b) => (BigInt(a) <= BigInt(b) ? a : b)) : '0';
+        const max = prices.length > 0 ? prices.reduce((a, b) => (BigInt(a) >= BigInt(b) ? a : b)) : '0';
+        const stock = skus.reduce((sum, sku) => sum + (Number.isFinite(sku.stock) ? sku.stock : 0), 0);
+        const parts = formatAmountParts(min);
+        const priceText = min === max
+            ? `<span class="amount">${escapeHtml(parts.value)}</span><span class="unit">${escapeHtml(parts.unit)}</span>`
+            : `<span class="amount">${escapeHtml(parts.value)}</span><span class="unit">${escapeHtml(parts.unit)} 起</span>`;
+        const image = typeof goods.image === 'string' && goods.image.length > 0
+            ? `<img class="thumb" src="${escapeHtml(goods.image)}" alt="" loading="lazy" />`
+            : '';
+        return [
+            `<li class="card" role="button" tabindex="0" data-goods-id="${escapeHtml(goods.goods_id)}">`,
+            image,
+            `<div class="title">${escapeHtml(goods.title)}</div>`,
+            `<div class="meta">${escapeHtml(goodsMetaLine(skus.length, stock))}</div>`,
+            `<div class="price">${priceText}</div>`,
+            '</li>',
+        ].join('');
+    }
+    bind() {
+        const { value } = this.jsonAttr('goods', []);
+        const goods = Array.isArray(value) ? value : [];
+        for (const card of this.$$('.card[data-goods-id]')) {
+            const id = card.getAttribute('data-goods-id');
+            const target = goods.find((item) => item.goods_id === id);
+            if (target === undefined)
+                continue;
+            const select = () => {
+                this.emit(SHOP_UI_EVENTS.GOODS_SELECT, { goods: target });
+            };
+            card.addEventListener('click', select);
+            card.addEventListener('keydown', (event) => {
+                const key = event.key;
+                if (key === 'Enter' || key === ' ') {
+                    event.preventDefault();
+                    select();
+                }
+            });
+        }
+    }
+}
+//# sourceMappingURL=goods-list.js.map

package/dist/esm/components/goods-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goods-list.js","sourceRoot":"","sources":["../../../src/components/goods-list.ts"],"names":[],"mappings":"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"}