@tbox.cn/app-module-promotion 0.9.3 → 0.9.4

package/dist/{chunk-P7IEEV37.js → chunk-S7CVFCML.js}

@@ -1,5 +1,5 @@
 // src/client/index.ts
-import "./promotion-CMKJ4DB3.css";
+import "./promotion-6L7HLRC2.css";
 
 // src/client/cards/promotion-offer-list/index.tsx
 import { CalendarBlank, CalendarDots, CaretDown, Lightbulb, MapPin, Sparkle, Ticket } from "@phosphor-icons/react";
@@ -175,9 +175,6 @@ function CouponSheet(props) {
   );
 }
 
-// src/client/assets/promotion-coupon-header-pea-v1.jpg
-var promotion_coupon_header_pea_v1_default = "./promotion-coupon-header-pea-v1-4CCHFCCM.jpg";
-
 // src/client/cards/view.ts
 function offerTypeLabel(offerType) {
   switch (offerType) {
@@ -345,16 +342,13 @@ function PromotionOfferListCard(props) {
         ] })
       ] })
     ] }),
-    coupon ? /* @__PURE__ */ jsxs2("header", { className: "promotion-activity__header promotion-activity__header--pea promotion-coupon__header", children: [
-      /* @__PURE__ */ jsx3("img", { src: promotion_coupon_header_pea_v1_default, alt: "", "aria-hidden": "true", className: "promotion-activity__header-art" }),
-      /* @__PURE__ */ jsxs2("div", { className: "promotion-activity__header-copy", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "promotion-activity__header-title-row", children: [
-          /* @__PURE__ */ jsx3(Ticket, { weight: "fill" }),
-          /* @__PURE__ */ jsx3("h3", { children: title })
-        ] }),
-        /* @__PURE__ */ jsx3("p", { children: eyebrow })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs2("header", { className: "promotion-card__header", children: [
+    coupon ? /* @__PURE__ */ jsx3("header", { className: "promotion-activity__header promotion-activity__header--pea promotion-coupon__header", children: /* @__PURE__ */ jsxs2("div", { className: "promotion-activity__header-copy", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "promotion-activity__header-title-row", children: [
+        /* @__PURE__ */ jsx3(Ticket, { weight: "fill" }),
+        /* @__PURE__ */ jsx3("h3", { children: title })
+      ] }),
+      /* @__PURE__ */ jsx3("p", { children: eyebrow })
+    ] }) }) : /* @__PURE__ */ jsxs2("header", { className: "promotion-card__header", children: [
       /* @__PURE__ */ jsx3("span", { className: "promotion-card__mark", children: promotion ? /* @__PURE__ */ jsx3(CalendarDots, { weight: "duotone" }) : /* @__PURE__ */ jsx3(Sparkle, { weight: "fill" }) }),
       /* @__PURE__ */ jsxs2("div", { children: [
         /* @__PURE__ */ jsx3("span", { className: "promotion-card__eyebrow", children: eyebrow }),
@@ -857,16 +851,13 @@ function PromotionEntitlementListCard(props) {
     }
   };
   return /* @__PURE__ */ jsxs4("section", { className: "promotion-card promotion-list--coupon promotion-entitlements", "aria-label": "\u6211\u7684\u4F18\u60E0\u6743\u76CA", children: [
-    /* @__PURE__ */ jsxs4("header", { className: "promotion-activity__header promotion-activity__header--pea promotion-coupon__header", children: [
-      /* @__PURE__ */ jsx6("img", { src: promotion_coupon_header_pea_v1_default, alt: "", "aria-hidden": "true", className: "promotion-activity__header-art" }),
-      /* @__PURE__ */ jsxs4("div", { className: "promotion-activity__header-copy", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "promotion-activity__header-title-row", children: [
-          /* @__PURE__ */ jsx6(Ticket3, { weight: "fill" }),
-          /* @__PURE__ */ jsx6("h3", { children: "\u6211\u7684\u4F18\u60E0\u5238" })
-        ] }),
-        /* @__PURE__ */ jsx6("p", { children: "\u5F53\u524D\u8D26\u6237 \xB7 \u5238\u5305\u6743\u76CA" })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx6("header", { className: "promotion-activity__header promotion-activity__header--pea promotion-coupon__header", children: /* @__PURE__ */ jsxs4("div", { className: "promotion-activity__header-copy", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "promotion-activity__header-title-row", children: [
+        /* @__PURE__ */ jsx6(Ticket3, { weight: "fill" }),
+        /* @__PURE__ */ jsx6("h3", { children: "\u6211\u7684\u4F18\u60E0\u5238" })
+      ] }),
+      /* @__PURE__ */ jsx6("p", { children: "\u5F53\u524D\u8D26\u6237 \xB7 \u5238\u5305\u6743\u76CA" })
+    ] }) }),
     !data.items.length ? /* @__PURE__ */ jsxs4("div", { className: "promotion-card__empty", children: [
       /* @__PURE__ */ jsx6(Ticket3, { size: 28, weight: "duotone" }),
       /* @__PURE__ */ jsx6("span", { children: data.noResultsReason ?? "\u5F53\u524D\u8D26\u6237\u6682\u65E0\u53EF\u7528\u6743\u76CA" })
@@ -988,26 +979,18 @@ var promotion_entitlement_list_default = PromotionEntitlementListCard;
 // src/client/cards/promotion-activity-list/index.tsx
 import { CalendarDots as CalendarDots2, Sparkle as Sparkle2, Ticket as Ticket4 } from "@phosphor-icons/react";
 import { sendCardAction as sendCardAction3 } from "@tbox.cn/app-sdk/client";
-
-// src/client/assets/promotion-activity-header-pea-v2.jpg
-var promotion_activity_header_pea_v2_default = "./promotion-activity-header-pea-v2-4CCHFCCM.jpg";
-
-// src/client/cards/promotion-activity-list/index.tsx
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var statusText2 = { AVAILABLE: "\u53EF\u62A5\u540D", FULL: "\u5DF2\u6EE1", ENDED: "\u5DF2\u7ED3\u675F", UPCOMING: "\u5373\u5C06\u5F00\u59CB", UNKNOWN: "\u5F85\u786E\u8BA4" };
 function PromotionActivityListCard(props) {
   const { data, cardId = "", isHistory = false } = props;
   return /* @__PURE__ */ jsxs5("section", { className: "promotion-card promotion-activity promotion-activity--list", children: [
-    /* @__PURE__ */ jsxs5("header", { className: "promotion-activity__header promotion-activity__header--pea", children: [
-      /* @__PURE__ */ jsx7("img", { src: promotion_activity_header_pea_v2_default, alt: "", "aria-hidden": "true", className: "promotion-activity__header-art" }),
-      /* @__PURE__ */ jsxs5("div", { className: "promotion-activity__header-copy", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "promotion-activity__header-title-row", children: [
-          /* @__PURE__ */ jsx7(Sparkle2, { weight: "fill" }),
-          /* @__PURE__ */ jsx7("h3", { children: "\u6D3B\u52A8\u4E2D\u5FC3" })
-        ] }),
-        /* @__PURE__ */ jsx7("p", { children: "\u53D1\u73B0\u5546\u573A\u8FD1\u671F\u7CBE\u5F69\u6D3B\u52A8" })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx7("header", { className: "promotion-activity__header promotion-activity__header--pea", children: /* @__PURE__ */ jsxs5("div", { className: "promotion-activity__header-copy", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "promotion-activity__header-title-row", children: [
+        /* @__PURE__ */ jsx7(Sparkle2, { weight: "fill" }),
+        /* @__PURE__ */ jsx7("h3", { children: "\u6D3B\u52A8\u4E2D\u5FC3" })
+      ] }),
+      /* @__PURE__ */ jsx7("p", { children: "\u53D1\u73B0\u5546\u573A\u8FD1\u671F\u7CBE\u5F69\u6D3B\u52A8" })
+    ] }) }),
     /* @__PURE__ */ jsx7("div", { className: "promotion-activity__list", children: data.items.map((item) => {
       const status = item.availabilityStatus ?? (item.remainingQuota === 0 ? "FULL" : "UNKNOWN");
       const action = item.itemActions?.find((candidate) => candidate.kind === "send" || candidate.kind === "link");

package/dist/client/index.js

@@ -1,7 +1,7 @@
 import {
   cards,
   clientModule
-} from "../chunk-P7IEEV37.js";
+} from "../chunk-S7CVFCML.js";
 export {
   clientModule,
   cards as promotionClientCards

package/dist/index.js

@@ -11,7 +11,7 @@ import {
 import {
   cards,
   clientModule
-} from "./chunk-P7IEEV37.js";
+} from "./chunk-S7CVFCML.js";
 export {
   InMemoryPromotionService,
   clientModule,

package/dist/{promotion-CMKJ4DB3.css → promotion-6L7HLRC2.css}

@@ -1,10 +1,10 @@
 .promotion-card {
-  /* 域色板（mall-vis 营销域）：价格红/票根红/CTA 蓝与营销橙渐变/成功绿；对照 docs/mall/visual.md */
+  /* 域色板（mall-vis 营销域）：价格红/票根红/CTA 蓝与营销橙渐变/成功绿；对照 docs/reference/templates.md（视觉体系与域色矩阵） */
   --promo-mint: #169e5a;
   --promo-mint-dark: #128356;
   --promo-mint-soft: #eaf8f1;
-  --promo-coral: #e42f46;
-  --promo-coral-soft: #fff1f3;
+  --promo-coral: var(--tbox-domain-promotion-accent, #e42f46);
+  --promo-coral-soft: var(--tbox-domain-promotion-surface, #fff1f3);
   --promo-cyan: #2368ec;
   --promo-cyan-soft: #eaf3ff;
   --promo-primary: #2368ec;
@@ -874,15 +874,15 @@
 }
 .promotion-activity__header--pea {
   background: #f9f1e2;
-}
-.promotion-activity__header-art {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center;
-  pointer-events: none;
+  /* 素材变量链（主题品牌资产轨 A1 级联修复）：元素只消费不声明（声明截断主题覆写继承），
+     兜底 = 中立渐变（零品牌资产——B2），主题包经 html[data-theme] 段覆写 --tbox-asset-promotion-activity-header */
+  background-image: var(--tbox-asset-promotion-activity-header, linear-gradient(135deg, #fff1f3, #ffe4e8));
+  background-size: cover;
+  background-position: center;
+}
+.promotion-coupon__header {
+  /* 券场景头图覆写（同一语义位族；消费形态同 A1 修复，兜底渐变同族） */
+  background-image: var(--tbox-asset-promotion-coupon-header, linear-gradient(135deg, #fff1f3, #ffe4e8));
 }
 .promotion-activity__header-copy {
   position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tbox.cn/app-module-promotion",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "type": "module",
   "description": "商圈营销模块：资格校验、推荐降级链、券卡（codegen 源）。",
   "exports": {
@@ -18,9 +18,9 @@
     }
   },
   "dependencies": {
-    "@tbox.cn/app-contracts": "0.9.0",
-    "@tbox.cn/app-contracts-mall": "0.9.0",
-    "@tbox.cn/app-sdk": "0.17.0",
+    "@tbox.cn/app-contracts": "0.10.0",
+    "@tbox.cn/app-contracts-mall": "0.10.0",
+    "@tbox.cn/app-sdk": "0.19.0",
     "jsbarcode": "^3.12.3",
     "qrcode": "^1.5.4"
   },

package/src/client/cards/promotion-activity-list/index.tsx

@@ -2,7 +2,6 @@ import { CalendarDots, Sparkle, Ticket } from '@phosphor-icons/react';
 import { sendCardAction } from '@tbox.cn/app-sdk/client';
 import type { PromotionActivityListCardData } from '@tbox.cn/app-contracts-mall';
 import { ImageWithFallback } from '../../components/ImageWithFallback';
-import activityHeaderArtUrl from '../../assets/promotion-activity-header-pea-v2.jpg';
 
 const statusText: Record<string, string> = { AVAILABLE: '可报名', FULL: '已满', ENDED: '已结束', UPCOMING: '即将开始', UNKNOWN: '待确认' };
 
@@ -15,7 +14,6 @@ export function PromotionActivityListCard(props: {
   return (
     <section className="promotion-card promotion-activity promotion-activity--list">
       <header className="promotion-activity__header promotion-activity__header--pea">
-        <img src={activityHeaderArtUrl} alt="" aria-hidden="true" className="promotion-activity__header-art" />
         <div className="promotion-activity__header-copy">
           <div className="promotion-activity__header-title-row">
             <Sparkle weight="fill" />

package/src/client/cards/promotion-entitlement-list/index.tsx

@@ -6,7 +6,6 @@ import { CouponSheet } from '../../components/CouponSheet';
 import { CouponBarcode, CouponQrCode } from '../../components/CouponQrCode';
 import type { SheetFact } from '../../components/CouponSheet';
 import { ImageWithFallback } from '../../components/ImageWithFallback';
-import couponHeaderArtUrl from '../../assets/promotion-coupon-header-pea-v1.jpg';
 import { sanitizeActivityHtml } from '../../utils/sanitize-activity-html';
 import { scrollCardBottom } from '../../utils/scroll-card-bottom';
 import { entitlementStatusLabel } from '../view';
@@ -75,7 +74,6 @@ export function PromotionEntitlementListCard(props: {
   return (
     <section className="promotion-card promotion-list--coupon promotion-entitlements" aria-label="我的优惠权益">
       <header className="promotion-activity__header promotion-activity__header--pea promotion-coupon__header">
-        <img src={couponHeaderArtUrl} alt="" aria-hidden="true" className="promotion-activity__header-art" />
         <div className="promotion-activity__header-copy">
           <div className="promotion-activity__header-title-row">
             <Ticket weight="fill" />

package/src/client/cards/promotion-offer-list/index.tsx

@@ -5,7 +5,6 @@ import type { PromotionOfferListCardData } from '@tbox.cn/app-contracts-mall';
 import { CouponSheet } from '../../components/CouponSheet';
 import type { SheetFact } from '../../components/CouponSheet';
 import { ImageWithFallback } from '../../components/ImageWithFallback';
-import couponHeaderArtUrl from '../../assets/promotion-coupon-header-pea-v1.jpg';
 import { offerTypeLabel } from '../view';
 import { scrollCardBottom } from '../../utils/scroll-card-bottom';
 
@@ -109,7 +108,6 @@ export function PromotionOfferListCard(props: {
       {promotion && hero && <div className="promotion-list__hero"><ImageWithFallback src={hero.imageUrl} alt={title} className="promotion-list__hero-image" /><div className="promotion-list__glass"><span>刚刚更新</span><strong>{data.items.length} 个活动正在进行</strong></div></div>}
       {coupon ? (
         <header className="promotion-activity__header promotion-activity__header--pea promotion-coupon__header">
-          <img src={couponHeaderArtUrl} alt="" aria-hidden="true" className="promotion-activity__header-art" />
           <div className="promotion-activity__header-copy">
             <div className="promotion-activity__header-title-row">
               <Ticket weight="fill" />

package/src/client/styles/promotion.css

@@ -1,10 +1,10 @@
 .promotion-card {
-  /* 域色板（mall-vis 营销域）：价格红/票根红/CTA 蓝与营销橙渐变/成功绿；对照 docs/mall/visual.md */
+  /* 域色板（mall-vis 营销域）：价格红/票根红/CTA 蓝与营销橙渐变/成功绿；对照 docs/reference/templates.md（视觉体系与域色矩阵） */
   --promo-mint: #169e5a;
   --promo-mint-dark: #128356;
   --promo-mint-soft: #eaf8f1;
-  --promo-coral: #e42f46;
-  --promo-coral-soft: #fff1f3;
+  --promo-coral: var(--tbox-domain-promotion-accent, #e42f46);
+  --promo-coral-soft: var(--tbox-domain-promotion-surface, #fff1f3);
   --promo-cyan: #2368ec;
   --promo-cyan-soft: #eaf3ff;
   --promo-primary: #2368ec;
@@ -874,15 +874,15 @@
 }
 .promotion-activity__header--pea {
   background: #f9f1e2;
-}
-.promotion-activity__header-art {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center;
-  pointer-events: none;
+  /* 素材变量链（主题品牌资产轨 A1 级联修复）：元素只消费不声明（声明截断主题覆写继承），
+     兜底 = 中立渐变（零品牌资产——B2），主题包经 html[data-theme] 段覆写 --tbox-asset-promotion-activity-header */
+  background-image: var(--tbox-asset-promotion-activity-header, linear-gradient(135deg, #fff1f3, #ffe4e8));
+  background-size: cover;
+  background-position: center;
+}
+.promotion-coupon__header {
+  /* 券场景头图覆写（同一语义位族；消费形态同 A1 修复，兜底渐变同族） */
+  background-image: var(--tbox-asset-promotion-coupon-header, linear-gradient(135deg, #fff1f3, #ffe4e8));
 }
 .promotion-activity__header-copy {
   position: relative;

package/tests/cards-render.test.tsx

@@ -112,9 +112,9 @@ describe('legacy 19 个营销展示语义', () => {
     expect(header?.textContent).toContain('商场神券');
     expect(header?.textContent).toContain('当前商场 · 优惠精选');
     expect(header?.classList.contains('promotion-activity__header--pea')).toBe(true);
-    const headerArt = header?.querySelector('.promotion-activity__header-art');
-    expect(headerArt?.getAttribute('aria-hidden')).toBe('true');
-    expect(headerArt?.getAttribute('src')).toContain('promotion-coupon-header-pea-v1');
+    // 素材变量链（主题轨 T-2.3）：coupon 头图经 CSS background + --tbox-asset-promotion-coupon-header；
+    // 资产值断言归构建链（css url 相对引用），渲染层断言 img 不再渲染（防回归）
+    expect(header?.querySelector('.promotion-activity__header-art')).toBeNull();
   });
 
   it('券列表默认最多展示 4 条，并支持查看更多/收起', () => {
@@ -192,7 +192,7 @@ describe('legacy 19 个营销展示语义', () => {
     expect(host.querySelector('.promotion-list--offers')).toBeNull();
     expect(host.querySelector('.promotion-coupon__header')?.textContent).toContain('我的优惠券');
     expect(host.querySelector('.promotion-coupon__header')?.textContent).toContain('当前账户 · 券包权益');
-    expect(host.querySelector('.promotion-activity__header-art')?.getAttribute('src')).toContain('promotion-coupon-header-pea-v1');
+    expect(host.querySelector('.promotion-activity__header-art')).toBeNull(); // 素材变量链：头图 img 已转 CSS background
     // 券码不再摊在行上：一屏几张券，脱敏码谁也用不上，点开浮层才需要
     expect(host.querySelector('.promotion-coupon-row')?.textContent).not.toContain('****8888');
     expect(host.querySelector('.promotion-coupon-row')?.textContent).not.toContain('2026-12-31');
@@ -235,9 +235,9 @@ describe('legacy 19 个营销展示语义', () => {
     const host = render(<PromotionActivityListCard data={{ items: [{ ...activity, coverUrl: 'https://example.com/activity.png' }] } as never} cardId="c1" />);
     expect(host.querySelector('.promotion-activity__header')?.textContent).toContain('活动中心');
     expect(host.querySelector('.promotion-activity__header')?.textContent).toContain('发现商场近期精彩活动');
-    const headerArt = host.querySelector('.promotion-activity__header-art');
-    expect(headerArt?.getAttribute('aria-hidden')).toBe('true');
-    expect(headerArt?.getAttribute('src')).not.toBe('https://example.com/activity.png');
+    // 素材变量链（主题轨 T-2.3）：活动中心头图经 CSS background + --tbox-asset-promotion-activity-header；
+    // 业务封面仍只在条目缩略图（下方 thumb 断言），头图 img 不再渲染
+    expect(host.querySelector('.promotion-activity__header-art')).toBeNull();
     expect(host.querySelector('.promotion-activity__hero')).toBeNull();
     expect(host.textContent).not.toContain('MEMBER PICKS');
     expect(host.textContent).not.toContain('本周会员精选');
@@ -259,7 +259,7 @@ describe('legacy 19 个营销展示语义', () => {
   it('activity-list 空态仍展示同一活动中心标题', () => {
     const host = render(<PromotionActivityListCard data={{ items: [], noResultsReason: '近期暂无活动' }} />);
     expect(host.querySelector('.promotion-activity__header')?.textContent).toContain('活动中心');
-    expect(host.querySelector('.promotion-activity__header-art')).not.toBeNull();
+    expect(host.querySelector('.promotion-activity__header--pea')).not.toBeNull(); // 空态仍保留品牌头容器（素材经 CSS background）
     expect(host.querySelector('.promotion-card__empty')?.textContent).toContain('近期暂无活动');
   });
 

package/src/client/assets.d.ts

@@ -1,5 +0,0 @@
-/** Static promotion image assets bundled by Vite/tsup. */
-declare module '*.jpg' {
-  const url: string;
-  export default url;
-}