@yaoxiu/marketing-dsl 2.1.2 → 2.2.1

package/dist/docs/index.cjs

@@ -585,6 +585,11 @@ var sections3 = [
         tone: "danger",
         text: "`$source` \u53EA\u80FD\u586B\u540E\u7AEF\u6CE8\u518C\u8FC7\u7684\u6570\u636E\u6E90\u540D\u79F0\uFF0C\u5728\u7F16\u8F91\u5668\u91CC\u4ECE\u4E0B\u62C9\u6846\u9009\u3002\u8FD9\u91CC**\u4E0D\u63A5\u53D7\u63A5\u53E3\u5730\u5740**\u2014\u2014\u80FD\u586B\u4EFB\u610F URL \u5C31\u7B49\u4E8E\u5F00\u4E86\u8D8A\u6743\u62C9\u6570\u548C SSRF \u7684\u53E3\u5B50\u3002\u9700\u8981\u65B0\u6570\u636E\u6E90\u627E\u540E\u7AEF\u767B\u8BB0\uFF0C\u4E0D\u8981\u60F3\u529E\u6CD5\u7ED5\u3002"
       },
+      {
+        t: "note",
+        tone: "info",
+        text: "**\u76EE\u524D\u5DF2\u6CE8\u518C\u7684\u6570\u636E\u6E90**\uFF1A`shopAchievements`\uFF08\u5E97\u94FA\u6210\u679C\u7EDF\u8BA1\uFF0C\u8FD4\u56DE\u9879\u5B57\u6BB5 `v` \u52A8\u8BCD / `n` \u6570\u5B57 / `u` \u5355\u4F4D / `l` \u8BF4\u660E\uFF0C\u793A\u4F8B \u2462\u2463 \u7684\u6210\u679C\u683C\u5B50\u7528\u7684\u5C31\u662F\u5B83\uFF09\u3001`listRenewTiers`\uFF08\u7EED\u8D39\u4EF7\u683C\u6863\u4F4D\uFF0C\u5B57\u6BB5 `key` / `p` / `price` / `per` / `flag` / `hot` / `url`\uFF0C\u89C1\u793A\u4F8B \u2462\uFF09\u3002\u8981\u65B0\u7684\u627E\u524D\u7AEF\u767B\u8BB0\u3002"
+      },
       {
         t: "p",
         text: "\u6570\u636E\u6CA1\u56DE\u6765\u3001\u6216\u8005\u62C9\u5931\u8D25\uFF0C\u5F39\u7A97\u90FD**\u4E0D\u4F1A\u6E32\u67D3**\uFF08\u4E0D\u5F39\u7A7A\u58F3\uFF09\u3002\u6240\u4EE5\u4E0D\u7528\u5728 DSL \u91CC\u5904\u7406\u52A0\u8F7D\u6001\u3002"
@@ -1749,12 +1754,9 @@ var renewExpire = {
     style: { radius: 18 }
   },
   data: {
-    achieve: [
-      { v: "\u5DF2\u8865\u9F50", n: "42", u: " \u5F20", l: "\u767D\u5E95\u56FE \xB7 \u5408\u89C4\u53EF\u62A5\u6D3B\u52A8" },
-      { v: "\u5DF2\u8865\u9F50", n: "34", u: " \u6761", l: "\u5BFC\u8D2D\u77ED\u6807\u9898 \xB7 \u63D0\u70B9\u51FB" },
-      { v: "\u8FD0\u884C", n: "6", u: " \u9879", l: "\u7ECF\u8425\u4EFB\u52A1\uFF08\u5546\u54C1\u4F18\u5316/\u6D41\u91CF\u589E\u957F\uFF09" },
-      { v: "\u5DF2\u4E0A\u67B6", n: "68", u: " \u4E2A", l: "\u7D2F\u8BA1\u4E0A\u67B6\u5546\u54C1" }
-    ],
+    // 成果格子同样走数据源（字段 v / n / u / l 与 achieveCell 模板对应），
+    // 后端返回几格就渲染几格
+    achieve: { $source: "shopAchievements" },
     lose: [
       { b: "\u6279\u91CF\u642C\u5BB6\u4E0A\u8D27", t: "\u5230\u671F\u540E\u65E0\u6CD5\u7EE7\u7EED\u4E0A\u8D27" },
       { b: "6 \u9879\u81EA\u52A8\u7ECF\u8425\u4EFB\u52A1", t: "\u767D\u5E95\u56FE / \u77ED\u6807\u9898\u8865\u9F50\u3001\u4F4E\u6548\u54C1\u8BCA\u65AD\u4F18\u5316" },
@@ -2116,12 +2118,10 @@ var lastDay = {
     style: { radius: 18 }
   },
   data: {
-    achieve: [
-      { v: "\u5DF2\u4E0A\u67B6", n: "118", u: " \u4E2A", l: "\u7D2F\u8BA1\u4E0A\u67B6\u5546\u54C1" },
-      { v: "\u8FD0\u884C", n: "6", u: " \u9879", l: "\u7ECF\u8425\u4EFB\u52A1\uFF08\u5546\u54C1\u4F18\u5316/\u6D41\u91CF\u589E\u957F\uFF09" },
-      { v: "\u5DF2\u8865\u9F50", n: "42", u: " \u5F20", l: "\u767D\u5E95\u56FE \xB7 \u5408\u89C4\u53EF\u62A5\u6D3B\u52A8" },
-      { v: "\u5B8C\u6210", n: "31", u: " \u6B21", l: "\u6807\u9898\u4E3B\u56FE\u81EA\u52A8\u91CD\u505A" }
-    ],
+    // 成果格子的数字是**实时统计**，写死就会跟店铺实际情况对不上 —— 走后端数据源。
+    // $source 填的是宿主注册过的数据源名（不是接口地址），返回项的字段
+    // v / n / u / l 与下面 achieveCell 模板里的 {{ item.x }} 一一对应。
+    achieve: { $source: "shopAchievements" },
     lose: [
       {
         b: "118 \u4E2A\u5546\u54C1\u7684\u5168\u90E8\u4F18\u5316\u8BB0\u5F55",
@@ -3211,6 +3211,133 @@ var imageBanner = {
 };
 var image_banner_default = imageBanner;
 
+// src/docs/examples/drawer-banner.ts
+function buildBannerImage(options) {
+  const [from, to] = options.colors;
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="640" height="72" viewBox="0 0 640 72">
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="${from}"/>
+      <stop offset="1" stop-color="${to}"/>
+    </linearGradient>
+  </defs>
+  <rect width="640" height="72" fill="url(#g)"/>
+  <text x="20" y="44" font-family="sans-serif" font-size="22" fill="#ffffff">${options.title}</text>
+  <rect x="400" y="18" width="150" height="36" rx="18" fill="#ffffff" fill-opacity="0.92"/>
+  <text x="475" y="43" font-family="sans-serif" font-size="20" fill="${options.ctaColor}" text-anchor="middle">${options.cta}</text>
+</svg>`;
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+function createDrawerBanner(options) {
+  return {
+    version: 1,
+    type: "banner",
+    meta: { name: options.name },
+    stage: {
+      width: "100%",
+      // 高度写死：坑位宽度是宿主固定的，不需要靠 aspectRatio 维持等比（见文件头注释）
+      height: options.height,
+      style: { radius: 6, overflow: "hidden" },
+      onShow: {
+        type: "track",
+        event: "drawer_banner_show",
+        params: { scene: options.scene }
+      },
+      onClose: {
+        type: "track",
+        event: "drawer_banner_dismiss",
+        params: { scene: options.scene, reason: "{{ closeReason }}" }
+      }
+    },
+    // 高度已确定，节点直接铺在 stage 上按 rect 绝对定位，不需要额外套一层定位容器
+    nodes: [
+      {
+        type: "image",
+        rect: [0, 0, "100%", "100%"],
+        src: buildBannerImage(options),
+        // 画布比例与坑位一致，cover 既不裁也不拉，图里元素与百分比热区天然对齐
+        style: { objectFit: "cover" }
+      },
+      {
+        // 左半边文案区：图里文字从 20/640 起，热区框大一圈
+        type: "box",
+        rect: ["2%", "15%", "56%", "70%"],
+        style: { radius: 4, background: "rgba(255,255,255,0.14)", cursor: "pointer" },
+        action: {
+          type: "sequence",
+          actions: [
+            {
+              type: "track",
+              event: "drawer_banner_click",
+              params: { scene: options.scene, area: "title" }
+            },
+            { type: "navigate", url: options.url, target: "_blank" }
+          ]
+        }
+      },
+      {
+        // 右侧按钮：图里按钮是 400~550（62.5%~85.9%），热区照着框
+        type: "box",
+        rect: ["62%", "20%", "25%", "60%"],
+        style: {
+          radius: 999,
+          background: "rgba(255,255,255,0.16)",
+          cursor: "pointer"
+        },
+        action: {
+          type: "sequence",
+          actions: [
+            {
+              type: "track",
+              event: "drawer_banner_click",
+              params: { scene: options.scene, area: "cta" }
+            },
+            { type: "navigate", url: options.url, target: "_blank" }
+          ]
+        }
+      },
+      {
+        // 关闭按钮贴右：x / y 用 calc 而不是百分比 —— 百分比按容器尺寸算，
+        // 坑位宽度一调它就飘；calc 让它永远距右边缘 8px、垂直居中
+        type: "text",
+        content: "\u2715",
+        rect: ["calc(100% - 20px)", "calc(50% - 6px)", 12, 12],
+        style: {
+          textAlign: "center",
+          lineHeight: 12,
+          radius: 6,
+          background: "rgba(0,0,0,0.32)",
+          color: "#fff",
+          fontSize: 9,
+          cursor: "pointer"
+        },
+        // 「不再提醒」写在 close 的 reason 上，上报给后端即可，不配 call 写本地存储
+        action: { type: "close", reason: "user-dismiss" }
+      }
+    ]
+  };
+}
+var drawerTopBanner = createDrawerBanner({
+  name: "\u62BD\u5C49\u9876\u90E8 Banner\uFF08320\xD736\uFF09",
+  height: 36,
+  title: "AI \u4E00\u952E\u586B\u5199\u5C5E\u6027 \xB7 \u9650\u65F6\u514D\u8D39",
+  cta: "\u53BB\u8BD5\u8BD5",
+  colors: ["#2b6cf6", "#5aa0ff"],
+  ctaColor: "#1a4fd0",
+  scene: "product_edit_top",
+  url: "https://maibaole.example.com/ai-attr"
+});
+var drawerBottomBanner = createDrawerBanner({
+  name: "\u62BD\u5C49\u5E95\u90E8 Banner\uFF08400\xD745\uFF09",
+  height: 45,
+  title: "\u642C\u5BB6\u9047\u5230\u95EE\u9898\uFF1F\u4E13\u5C5E\u987E\u95EE 1v1",
+  cta: "\u7ACB\u5373\u54A8\u8BE2",
+  colors: ["#ff6a3d", "#ffa15c"],
+  ctaColor: "#d43a1f",
+  scene: "product_edit_bottom",
+  url: "https://maibaole.example.com/support"
+});
+
 // src/docs/examples/index.ts
 var HOTSPOT_BG = "rgba(255,68,51,0.16)";
 var imageHotspot = {
@@ -3442,7 +3569,17 @@ var examples = [
     dsl: confirmAndSwitch
   },
   { label: "\u2466 \u5207 tab \u6362\u80A4\u6362\u5E03\u5C40", value: "tabTheme", dsl: tab_theme_default },
-  { label: "\u2467 \u6574\u56FE Banner\uFF08\u7A84\u901A\u680F + \u70ED\u533A\uFF09", value: "imageBanner", dsl: image_banner_default }
+  { label: "\u2467 \u6574\u56FE Banner\uFF08\u7A84\u901A\u680F + \u70ED\u533A\uFF09", value: "imageBanner", dsl: image_banner_default },
+  {
+    label: "\u2468 \u62BD\u5C49\u9876\u90E8 Banner\uFF08\u56FA\u5B9A 320\xD736\uFF09",
+    value: "drawerTopBanner",
+    dsl: drawerTopBanner
+  },
+  {
+    label: "\u2469 \u62BD\u5C49\u5E95\u90E8 Banner\uFF08\u56FA\u5B9A 400\xD745\uFF09",
+    value: "drawerBottomBanner",
+    dsl: drawerBottomBanner
+  }
 ];
 var examples_default = examples;
 

package/dist/docs/index.d.cts

@@ -94,7 +94,8 @@ declare const meta: DocMeta;
 /**
  * 调试用示例 DSL。
  *
- * ①② 是最小骨架，③④ 是运营 demo 真实弹窗的完整复刻，⑤⑥ 是多视图，⑦ 是换肤换布局。
+ * ①② 是最小骨架，③④ 是运营 demo 真实弹窗的完整复刻，⑤⑥ 是多视图，⑦ 是换肤换布局，
+ * ⑧ 是通栏 banner（宽度由页面决定、只能声明比例），⑨⑩ 是商品编辑抽屉里两个**固定尺寸**坑位。
  * 后端数据源（$source）用法见 ③。
  */
 

package/dist/docs/index.d.ts

@@ -94,7 +94,8 @@ declare const meta: DocMeta;
 /**
  * 调试用示例 DSL。
  *
- * ①② 是最小骨架，③④ 是运营 demo 真实弹窗的完整复刻，⑤⑥ 是多视图，⑦ 是换肤换布局。
+ * ①② 是最小骨架，③④ 是运营 demo 真实弹窗的完整复刻，⑤⑥ 是多视图，⑦ 是换肤换布局，
+ * ⑧ 是通栏 banner（宽度由页面决定、只能声明比例），⑨⑩ 是商品编辑抽屉里两个**固定尺寸**坑位。
  * 后端数据源（$source）用法见 ③。
  */
 

package/dist/docs/index.js

@@ -460,6 +460,11 @@ var sections3 = [
         tone: "danger",
         text: "`$source` \u53EA\u80FD\u586B\u540E\u7AEF\u6CE8\u518C\u8FC7\u7684\u6570\u636E\u6E90\u540D\u79F0\uFF0C\u5728\u7F16\u8F91\u5668\u91CC\u4ECE\u4E0B\u62C9\u6846\u9009\u3002\u8FD9\u91CC**\u4E0D\u63A5\u53D7\u63A5\u53E3\u5730\u5740**\u2014\u2014\u80FD\u586B\u4EFB\u610F URL \u5C31\u7B49\u4E8E\u5F00\u4E86\u8D8A\u6743\u62C9\u6570\u548C SSRF \u7684\u53E3\u5B50\u3002\u9700\u8981\u65B0\u6570\u636E\u6E90\u627E\u540E\u7AEF\u767B\u8BB0\uFF0C\u4E0D\u8981\u60F3\u529E\u6CD5\u7ED5\u3002"
       },
+      {
+        t: "note",
+        tone: "info",
+        text: "**\u76EE\u524D\u5DF2\u6CE8\u518C\u7684\u6570\u636E\u6E90**\uFF1A`shopAchievements`\uFF08\u5E97\u94FA\u6210\u679C\u7EDF\u8BA1\uFF0C\u8FD4\u56DE\u9879\u5B57\u6BB5 `v` \u52A8\u8BCD / `n` \u6570\u5B57 / `u` \u5355\u4F4D / `l` \u8BF4\u660E\uFF0C\u793A\u4F8B \u2462\u2463 \u7684\u6210\u679C\u683C\u5B50\u7528\u7684\u5C31\u662F\u5B83\uFF09\u3001`listRenewTiers`\uFF08\u7EED\u8D39\u4EF7\u683C\u6863\u4F4D\uFF0C\u5B57\u6BB5 `key` / `p` / `price` / `per` / `flag` / `hot` / `url`\uFF0C\u89C1\u793A\u4F8B \u2462\uFF09\u3002\u8981\u65B0\u7684\u627E\u524D\u7AEF\u767B\u8BB0\u3002"
+      },
       {
         t: "p",
         text: "\u6570\u636E\u6CA1\u56DE\u6765\u3001\u6216\u8005\u62C9\u5931\u8D25\uFF0C\u5F39\u7A97\u90FD**\u4E0D\u4F1A\u6E32\u67D3**\uFF08\u4E0D\u5F39\u7A7A\u58F3\uFF09\u3002\u6240\u4EE5\u4E0D\u7528\u5728 DSL \u91CC\u5904\u7406\u52A0\u8F7D\u6001\u3002"
@@ -1624,12 +1629,9 @@ var renewExpire = {
     style: { radius: 18 }
   },
   data: {
-    achieve: [
-      { v: "\u5DF2\u8865\u9F50", n: "42", u: " \u5F20", l: "\u767D\u5E95\u56FE \xB7 \u5408\u89C4\u53EF\u62A5\u6D3B\u52A8" },
-      { v: "\u5DF2\u8865\u9F50", n: "34", u: " \u6761", l: "\u5BFC\u8D2D\u77ED\u6807\u9898 \xB7 \u63D0\u70B9\u51FB" },
-      { v: "\u8FD0\u884C", n: "6", u: " \u9879", l: "\u7ECF\u8425\u4EFB\u52A1\uFF08\u5546\u54C1\u4F18\u5316/\u6D41\u91CF\u589E\u957F\uFF09" },
-      { v: "\u5DF2\u4E0A\u67B6", n: "68", u: " \u4E2A", l: "\u7D2F\u8BA1\u4E0A\u67B6\u5546\u54C1" }
-    ],
+    // 成果格子同样走数据源（字段 v / n / u / l 与 achieveCell 模板对应），
+    // 后端返回几格就渲染几格
+    achieve: { $source: "shopAchievements" },
     lose: [
       { b: "\u6279\u91CF\u642C\u5BB6\u4E0A\u8D27", t: "\u5230\u671F\u540E\u65E0\u6CD5\u7EE7\u7EED\u4E0A\u8D27" },
       { b: "6 \u9879\u81EA\u52A8\u7ECF\u8425\u4EFB\u52A1", t: "\u767D\u5E95\u56FE / \u77ED\u6807\u9898\u8865\u9F50\u3001\u4F4E\u6548\u54C1\u8BCA\u65AD\u4F18\u5316" },
@@ -1991,12 +1993,10 @@ var lastDay = {
     style: { radius: 18 }
   },
   data: {
-    achieve: [
-      { v: "\u5DF2\u4E0A\u67B6", n: "118", u: " \u4E2A", l: "\u7D2F\u8BA1\u4E0A\u67B6\u5546\u54C1" },
-      { v: "\u8FD0\u884C", n: "6", u: " \u9879", l: "\u7ECF\u8425\u4EFB\u52A1\uFF08\u5546\u54C1\u4F18\u5316/\u6D41\u91CF\u589E\u957F\uFF09" },
-      { v: "\u5DF2\u8865\u9F50", n: "42", u: " \u5F20", l: "\u767D\u5E95\u56FE \xB7 \u5408\u89C4\u53EF\u62A5\u6D3B\u52A8" },
-      { v: "\u5B8C\u6210", n: "31", u: " \u6B21", l: "\u6807\u9898\u4E3B\u56FE\u81EA\u52A8\u91CD\u505A" }
-    ],
+    // 成果格子的数字是**实时统计**，写死就会跟店铺实际情况对不上 —— 走后端数据源。
+    // $source 填的是宿主注册过的数据源名（不是接口地址），返回项的字段
+    // v / n / u / l 与下面 achieveCell 模板里的 {{ item.x }} 一一对应。
+    achieve: { $source: "shopAchievements" },
     lose: [
       {
         b: "118 \u4E2A\u5546\u54C1\u7684\u5168\u90E8\u4F18\u5316\u8BB0\u5F55",
@@ -3086,6 +3086,133 @@ var imageBanner = {
 };
 var image_banner_default = imageBanner;
 
+// src/docs/examples/drawer-banner.ts
+function buildBannerImage(options) {
+  const [from, to] = options.colors;
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="640" height="72" viewBox="0 0 640 72">
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="${from}"/>
+      <stop offset="1" stop-color="${to}"/>
+    </linearGradient>
+  </defs>
+  <rect width="640" height="72" fill="url(#g)"/>
+  <text x="20" y="44" font-family="sans-serif" font-size="22" fill="#ffffff">${options.title}</text>
+  <rect x="400" y="18" width="150" height="36" rx="18" fill="#ffffff" fill-opacity="0.92"/>
+  <text x="475" y="43" font-family="sans-serif" font-size="20" fill="${options.ctaColor}" text-anchor="middle">${options.cta}</text>
+</svg>`;
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+function createDrawerBanner(options) {
+  return {
+    version: 1,
+    type: "banner",
+    meta: { name: options.name },
+    stage: {
+      width: "100%",
+      // 高度写死：坑位宽度是宿主固定的，不需要靠 aspectRatio 维持等比（见文件头注释）
+      height: options.height,
+      style: { radius: 6, overflow: "hidden" },
+      onShow: {
+        type: "track",
+        event: "drawer_banner_show",
+        params: { scene: options.scene }
+      },
+      onClose: {
+        type: "track",
+        event: "drawer_banner_dismiss",
+        params: { scene: options.scene, reason: "{{ closeReason }}" }
+      }
+    },
+    // 高度已确定，节点直接铺在 stage 上按 rect 绝对定位，不需要额外套一层定位容器
+    nodes: [
+      {
+        type: "image",
+        rect: [0, 0, "100%", "100%"],
+        src: buildBannerImage(options),
+        // 画布比例与坑位一致，cover 既不裁也不拉，图里元素与百分比热区天然对齐
+        style: { objectFit: "cover" }
+      },
+      {
+        // 左半边文案区：图里文字从 20/640 起，热区框大一圈
+        type: "box",
+        rect: ["2%", "15%", "56%", "70%"],
+        style: { radius: 4, background: "rgba(255,255,255,0.14)", cursor: "pointer" },
+        action: {
+          type: "sequence",
+          actions: [
+            {
+              type: "track",
+              event: "drawer_banner_click",
+              params: { scene: options.scene, area: "title" }
+            },
+            { type: "navigate", url: options.url, target: "_blank" }
+          ]
+        }
+      },
+      {
+        // 右侧按钮：图里按钮是 400~550（62.5%~85.9%），热区照着框
+        type: "box",
+        rect: ["62%", "20%", "25%", "60%"],
+        style: {
+          radius: 999,
+          background: "rgba(255,255,255,0.16)",
+          cursor: "pointer"
+        },
+        action: {
+          type: "sequence",
+          actions: [
+            {
+              type: "track",
+              event: "drawer_banner_click",
+              params: { scene: options.scene, area: "cta" }
+            },
+            { type: "navigate", url: options.url, target: "_blank" }
+          ]
+        }
+      },
+      {
+        // 关闭按钮贴右：x / y 用 calc 而不是百分比 —— 百分比按容器尺寸算，
+        // 坑位宽度一调它就飘；calc 让它永远距右边缘 8px、垂直居中
+        type: "text",
+        content: "\u2715",
+        rect: ["calc(100% - 20px)", "calc(50% - 6px)", 12, 12],
+        style: {
+          textAlign: "center",
+          lineHeight: 12,
+          radius: 6,
+          background: "rgba(0,0,0,0.32)",
+          color: "#fff",
+          fontSize: 9,
+          cursor: "pointer"
+        },
+        // 「不再提醒」写在 close 的 reason 上，上报给后端即可，不配 call 写本地存储
+        action: { type: "close", reason: "user-dismiss" }
+      }
+    ]
+  };
+}
+var drawerTopBanner = createDrawerBanner({
+  name: "\u62BD\u5C49\u9876\u90E8 Banner\uFF08320\xD736\uFF09",
+  height: 36,
+  title: "AI \u4E00\u952E\u586B\u5199\u5C5E\u6027 \xB7 \u9650\u65F6\u514D\u8D39",
+  cta: "\u53BB\u8BD5\u8BD5",
+  colors: ["#2b6cf6", "#5aa0ff"],
+  ctaColor: "#1a4fd0",
+  scene: "product_edit_top",
+  url: "https://maibaole.example.com/ai-attr"
+});
+var drawerBottomBanner = createDrawerBanner({
+  name: "\u62BD\u5C49\u5E95\u90E8 Banner\uFF08400\xD745\uFF09",
+  height: 45,
+  title: "\u642C\u5BB6\u9047\u5230\u95EE\u9898\uFF1F\u4E13\u5C5E\u987E\u95EE 1v1",
+  cta: "\u7ACB\u5373\u54A8\u8BE2",
+  colors: ["#ff6a3d", "#ffa15c"],
+  ctaColor: "#d43a1f",
+  scene: "product_edit_bottom",
+  url: "https://maibaole.example.com/support"
+});
+
 // src/docs/examples/index.ts
 var HOTSPOT_BG = "rgba(255,68,51,0.16)";
 var imageHotspot = {
@@ -3317,7 +3444,17 @@ var examples = [
     dsl: confirmAndSwitch
   },
   { label: "\u2466 \u5207 tab \u6362\u80A4\u6362\u5E03\u5C40", value: "tabTheme", dsl: tab_theme_default },
-  { label: "\u2467 \u6574\u56FE Banner\uFF08\u7A84\u901A\u680F + \u70ED\u533A\uFF09", value: "imageBanner", dsl: image_banner_default }
+  { label: "\u2467 \u6574\u56FE Banner\uFF08\u7A84\u901A\u680F + \u70ED\u533A\uFF09", value: "imageBanner", dsl: image_banner_default },
+  {
+    label: "\u2468 \u62BD\u5C49\u9876\u90E8 Banner\uFF08\u56FA\u5B9A 320\xD736\uFF09",
+    value: "drawerTopBanner",
+    dsl: drawerTopBanner
+  },
+  {
+    label: "\u2469 \u62BD\u5C49\u5E95\u90E8 Banner\uFF08\u56FA\u5B9A 400\xD745\uFF09",
+    value: "drawerBottomBanner",
+    dsl: drawerBottomBanner
+  }
 ];
 var examples_default = examples;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaoxiu/marketing-dsl",
-  "version": "2.1.2",
+  "version": "2.2.1",
   "type": "module",
   "description": "营销弹窗 DSL 解释器核心，纯逻辑无框架依赖",
   "license": "MIT",