@trustbaseai/shop-ui 0.1.0

package/dist/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/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/components/goods-detail.js

@@ -0,0 +1,232 @@
+"use strict";
+/**
+ * `<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` 只是"买家想买这个"，交给宿主（下单表单/守护进程）。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TbGoodsDetail = void 0;
+const base_js_1 = require("../base.js");
+const tokens_js_1 = require("../tokens.js");
+const format_js_1 = require("../format.js");
+class TbGoodsDetail extends base_js_1.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 [
+            base_js_1.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{${tokens_js_1.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{${tokens_js_1.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 (0, base_js_1.stateBlock)('empty', '这个商品还没有可卖的规格');
+        const quantity = this.currentQuantity(sku);
+        const parts = (0, format_js_1.formatAmountParts)(sku.price_per_unit);
+        const total = (0, format_js_1.multiplyAmounts)(sku.price_per_unit, String(quantity));
+        const totalParts = (0, format_js_1.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="${(0, base_js_1.escapeHtml)(goods.image)}" alt="" />`
+            : '';
+        const seller = goods.seller ? `<div class="seller">卖家 ${(0, base_js_1.escapeHtml)((0, format_js_1.shortAddress)(goods.seller))}</div>` : '';
+        const summary = goods.summary ? `<div class="summary">${(0, base_js_1.escapeHtml)(goods.summary)}</div>` : '';
+        const specBlock = skus.length > 1
+            ? [
+                '<div class="block" data-block="spec">',
+                `<div class="block-title">规格${axes.length > 0 ? `（${(0, base_js_1.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="${(0, base_js_1.escapeHtml)(item.sku_id)}" aria-pressed="${item.sku_id === sku.sku_id}"${out ? ' disabled' : ''}>${(0, base_js_1.escapeHtml)(label)}${out ? '（缺货）' : ''}</button>`;
+                })
+                    .join(''),
+                '</div>',
+                '</div>',
+            ].join('')
+            : '';
+        return [
+            '<div class="wrap">',
+            image,
+            `<div class="title">${(0, base_js_1.escapeHtml)(goods.title)}</div>`,
+            summary,
+            seller,
+            `<div class="price"><span class="amount">${(0, base_js_1.escapeHtml)(parts.value)}</span><span class="unit">${(0, base_js_1.escapeHtml)(parts.unit)} / 件</span></div>`,
+            `<div class="stock">${sku.stock > 0 ? `库存 ${(0, base_js_1.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>${(0, base_js_1.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">${(0, base_js_1.escapeHtml)(totalParts.value)}</span><span class="unit">${(0, base_js_1.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(base_js_1.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: (0, format_js_1.multiplyAmounts)(current.price_per_unit, String(quantity)),
+            });
+        });
+    }
+    emitSkuChange(goods) {
+        const current = this.selectedSku(goods);
+        if (current === undefined)
+            return;
+        this.emit(base_js_1.SHOP_UI_EVENTS.SKU_CHANGE, {
+            goods_id: goods.goods_id,
+            sku_id: current.sku_id,
+            sku: current,
+            quantity: this.currentQuantity(current),
+        });
+    }
+}
+exports.TbGoodsDetail = TbGoodsDetail;
+//# sourceMappingURL=goods-detail.js.map

package/dist/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/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/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/components/goods-list.js

@@ -0,0 +1,104 @@
+"use strict";
+/**
+ * `<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-*)`；组件不持私钥、不签名。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TbGoodsList = void 0;
+const base_js_1 = require("../base.js");
+const tokens_js_1 = require("../tokens.js");
+const format_js_1 = require("../format.js");
+class TbGoodsList extends base_js_1.TbElement {
+    static get observedAttributes() {
+        return ['data-goods', 'data-state', 'data-error'];
+    }
+    tag = 'tb-goods-list';
+    styles() {
+        return [
+            base_js_1.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{${tokens_js_1.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 = (0, format_js_1.formatAmountParts)(min);
+        const priceText = min === max
+            ? `<span class="amount">${(0, base_js_1.escapeHtml)(parts.value)}</span><span class="unit">${(0, base_js_1.escapeHtml)(parts.unit)}</span>`
+            : `<span class="amount">${(0, base_js_1.escapeHtml)(parts.value)}</span><span class="unit">${(0, base_js_1.escapeHtml)(parts.unit)} 起</span>`;
+        const image = typeof goods.image === 'string' && goods.image.length > 0
+            ? `<img class="thumb" src="${(0, base_js_1.escapeHtml)(goods.image)}" alt="" loading="lazy" />`
+            : '';
+        return [
+            `<li class="card" role="button" tabindex="0" data-goods-id="${(0, base_js_1.escapeHtml)(goods.goods_id)}">`,
+            image,
+            `<div class="title">${(0, base_js_1.escapeHtml)(goods.title)}</div>`,
+            `<div class="meta">${(0, base_js_1.escapeHtml)((0, format_js_1.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(base_js_1.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();
+                }
+            });
+        }
+    }
+}
+exports.TbGoodsList = TbGoodsList;
+//# sourceMappingURL=goods-list.js.map

package/dist/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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"}

package/dist/components/order-form.d.ts

@@ -0,0 +1,87 @@
+/**
+ * `<tb-order-form>` —— 下单表单（一屏一个动作：**提交订单**）。
+ *
+ * ## 契约
+ *
+ * | 入参（`data-*`） | 说明 |
+ * |---|---|
+ * | `data-lines` | JSON 数组：`[{ goods_id?, sku_id, quantity, price_per_unit, title? }]`（`title` 只用于显示） |
+ * | `data-buyer` | 买家 tct1 地址（预填；可编辑） |
+ * | `data-seller` | 卖家 tct1 地址（只读显示） |
+ * | `data-order-ref` | 平台侧订单引用（可选；不填由宿主/守护进程生成） |
+ * | `data-session-ref` | 会话引用（可选） |
+ * | `data-timestamp-ms` | 固定毫秒时间戳（可选；**重试请传同一个值** → 意愿 hash 不变 → 幂等） |
+ * | `data-state` / `data-error` | 同其它组件 |
+ *
+ * | 出参（`CustomEvent`） | `detail` |
+ * |---|---|
+ * | `tb:order-submit` | `{ buyer, seller, order_ref, timestamp_ms, session_ref, lines, total_micro_tct, contact, intent }` |
+ * | `tb:order-error` | `{ code, message }` —— 表单不合法或意愿构造失败（此时**不发** `tb:order-submit`） |
+ *
+ * `intent = { intent, canonical, hash, memo } | null`：由**注入的** `intentBuilder` 产出
+ * （`el.intentBuilder = (input) => buildOrderIntentHash(input.lines, input)`，来自 `@trustbase/shop`）。
+ * 为什么是注入：本包**零运行时依赖**（不 import `@trustbase/shop`），而意愿口径是唯一真源，
+ * 只能有一个实现 —— 与其在 UI 里抄一遍，不如让调用方把真实现塞进来。
+ *
+ * ⚠️ 组件**不签名、不持私钥**：提交只产出"意愿 + memo"，签名由调用方交给商户守护进程。
+ */
+import { TbElement } from '../base.js';
+/** 表单行（`title` 仅供显示，不进任何契约） */
+export interface OrderLineView {
+    goods_id?: string;
+    sku_id: string;
+    quantity: string | number;
+    price_per_unit: string | number;
+    title?: string;
+}
+/** 收货信息（只交给商户服务；链上只记 `shipping_address_hash`，由守护进程加密后上链） */
+export interface ContactView {
+    name: string;
+    phone: string;
+    address: string;
+}
+/** 提交事件的 detail */
+export interface OrderSubmitDetail {
+    buyer: string;
+    seller: string;
+    order_ref: string;
+    timestamp_ms: number;
+    session_ref: string;
+    lines: Array<{
+        goods_id: string;
+        sku_id: string;
+        quantity: string;
+        price_per_unit: string;
+    }>;
+    total_micro_tct: string;
+    contact: ContactView;
+    intent: {
+        intent: unknown;
+        canonical: string;
+        hash: string;
+        memo: string;
+    } | null;
+}
+/** 注入的意愿构造器（返回值原样透传给出参；抛错则转成 `tb:order-error`） */
+export type IntentBuilder = (input: OrderSubmitDetail) => {
+    intent: unknown;
+    canonical: string;
+    hash: string;
+    memo: string;
+};
+export declare class TbOrderForm extends TbElement {
+    static get observedAttributes(): string[];
+    protected readonly tag = "tb-order-form";
+    /** 意愿构造器（宿主注入；不注入则 `intent` 为 null，宿主自己算） */
+    intentBuilder: IntentBuilder | null;
+    protected styles(): string;
+    private lines;
+    private totalMicroTct;
+    protected template(): string;
+    protected bind(): void;
+    /** 读表单 → 校验 → 造意愿 → 抛事件（错误走 inline 提示 + `tb:order-error`，不重渲染以免丢掉用户输入） */
+    private submit;
+    private fail;
+    private showError;
+}
+//# sourceMappingURL=order-form.d.ts.map

package/dist/components/order-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-form.d.ts","sourceRoot":"","sources":["../../src/components/order-form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAA+B,SAAS,EAA0B,MAAM,YAAY,CAAC;AAI5F,+BAA+B;AAC/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,4DAA4D;AAC5D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,mBAAmB;AACnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7F,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACnF;AAED,kDAAkD;AAClD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAgB7H,qBAAa,WAAY,SAAQ,SAAS;IACxC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,SAAS,CAAC,QAAQ,CAAC,GAAG,mBAAmB;IAEzC,6CAA6C;IAC7C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAQ;IAE3C,SAAS,CAAC,MAAM,IAAI,MAAM;IAqC1B,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,aAAa;IAIrB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAwDT,IAAI,IAAI,IAAI;IAM/B,0EAA0E;IAC1E,OAAO,CAAC,MAAM;IAuDd,OAAO,CAAC,IAAI;IAKZ,OAAO,CAAC,SAAS;CAIlB"}