@yaoxiu/marketing-dsl 2.0.0 → 2.1.0

package/dist/{chunk-BSJDNS6C.js → chunk-7TWWOK7Q.js}

@@ -759,6 +759,7 @@ function validateView(view, prefix, ctx) {
   if (["popup", "banner", "notice"].indexOf(view.type) === -1) {
     add(at("type"), "type \u5FC5\u987B\u662F popup / banner / notice \u4E4B\u4E00");
   }
+  ctx.viewType = view.type;
   validateStage(
     view.stage,
     (path, message) => add(prefix ? `${prefix}.${path}` : path, message),
@@ -782,6 +783,16 @@ function checkLength(value) {
   if (isLength(value)) return true;
   return value.trim().split(/\s+/).every(isLength);
 }
+var BANNER_MIN_ASPECT_RATIO = 12;
+function parseAspectRatio(value) {
+  if (typeof value === "number") return isFinite(value) && value > 0 ? value : null;
+  if (typeof value !== "string" || value.indexOf("{{") > -1) return null;
+  const parts = value.split("/");
+  const width = Number(parts[0]);
+  const height = parts.length > 1 ? Number(parts[1]) : 1;
+  if (!isFinite(width) || !isFinite(height) || width <= 0 || height <= 0) return null;
+  return width / height;
+}
 function checkAspectRatio(value) {
   if (typeof value === "string" && value.indexOf("{{") > -1) return true;
   if (typeof value === "number") return isFinite(value) && value > 0;
@@ -949,11 +960,21 @@ function validateNode(node, path, layout, ctx) {
           `"${node.style[key]}" \u4E0D\u662F\u5408\u6CD5\u957F\u5EA6\uFF0C\u652F\u6301\u6570\u5B57(px) / '100%' / 'auto' \u7B49`
         );
       }
-      if (key === "aspectRatio" && !checkAspectRatio(node.style[key])) {
-        add(
-          `${path}.style.aspectRatio`,
-          "aspectRatio \u8981\u5199\u6210 '750 / 200' \u6216 1.5 \u8FD9\u6837\u7684\u5BBD\u9AD8\u6BD4"
-        );
+      if (key === "aspectRatio") {
+        if (!checkAspectRatio(node.style[key])) {
+          add(
+            `${path}.style.aspectRatio`,
+            "aspectRatio \u8981\u5199\u6210 '750 / 200' \u6216 1.5 \u8FD9\u6837\u7684\u5BBD\u9AD8\u6BD4"
+          );
+        } else if (ctx.viewType === "banner") {
+          const ratio = parseAspectRatio(node.style[key]);
+          if (ratio !== null && ratio < BANNER_MIN_ASPECT_RATIO) {
+            add(
+              `${path}.style.aspectRatio`,
+              `banner \u7684\u5BBD\u9AD8\u6BD4\u4E0D\u80FD\u5C0F\u4E8E ${BANNER_MIN_ASPECT_RATIO}:1\uFF08\u5F53\u524D\u7EA6 ${ratio.toFixed(1)}:1\uFF09\u3002banner \u5751\u4F4D\u5E38\u9A7B\u9875\u9762\u9876\u90E8\uFF0C\u6BD4\u4F8B\u8D8A\u65B9\u5728\u5BBD\u5C4F\u4E0A\u8D8A\u9AD8 \u2014\u2014 1800px \u5BBD\u7684\u5751\u4F4D\u91CC\uFF0C${ratio.toFixed(1)}:1 \u4F1A\u7B97\u51FA ${Math.round(1800 / ratio)}px \u9AD8\uFF0C\u5403\u6389\u9996\u5C4F\u4E00\u5927\u5757`
+            );
+          }
+        }
       }
     });
   }
@@ -1084,4 +1105,4 @@ function formatIssues(issues) {
   return issues.map((item) => item.path ? `${item.path}: ${item.message}` : item.message).join("\n");
 }
 
-export { ACTION_TYPES, ALLOWED_STYLE_KEYS, CLOSE_POSITIONS, DEFAULT_USER_FIELDS, DSL_VERSION, NODE_TYPES, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, check, computeParts, createTicker, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, resolveNodeStyle, toCssStyle, toLength, validate, validateUserFields };
+export { ACTION_TYPES, ALLOWED_STYLE_KEYS, BANNER_MIN_ASPECT_RATIO, CLOSE_POSITIONS, DEFAULT_USER_FIELDS, DSL_VERSION, NODE_TYPES, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, check, computeParts, createTicker, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, resolveNodeStyle, toCssStyle, toLength, validate, validateUserFields };

package/dist/docs/index.cjs

@@ -1090,6 +1090,11 @@ var sections6 = [
         t: "p",
         text: "\u5706\u89D2\u88C1\u5207\u53EA\u4F5C\u7528\u4E8E\u5F39\u7A97\u5185\u5BB9\uFF0C\u5173\u95ED\u6309\u94AE\u5728\u88C1\u5207\u5C42\u4E4B\u5916\uFF0C\u6240\u4EE5 `offset` \u5199\u8D1F\u503C\u65F6\u4E0D\u4F1A\u88AB\u88C1\u6389\u3002\u4E24\u79CD\u5E38\u89C1\u505A\u6CD5\uFF1A"
       },
+      {
+        t: "note",
+        tone: "warn",
+        text: "**\u4E24\u4E2A\u503C\u8981\u540C\u5411**\uFF1A`[x, y]` \u8981\u4E48\u90FD\u662F\u6B63\u6570\uFF08\u8D34\u5728\u5F39\u7A97\u5185\u4FA7\uFF09\uFF0C\u8981\u4E48\u90FD\u662F\u8D1F\u6570\uFF08\u6311\u5230\u5F39\u7A97\u5916\u4FA7\uFF09\u3002\u5199\u6210 `[-12, 12]` \u8FD9\u79CD\u4E00\u8D1F\u4E00\u6B63\uFF0C\u6309\u94AE\u4F1A\u6A2A\u8DE8\u5F39\u7A97\u8FB9\u7F18\u2014\u2014\u6A2A\u5411\u6311\u51FA\u53BB\u4E00\u534A\u3001\u7EB5\u5411\u53C8\u7F29\u5728\u91CC\u9762\uFF0C\u770B\u7740\u5C31\u662F\u8D34\u6B6A\u4E86\u3002"
+      },
       {
         t: "code",
         code: `// \u53F3\u4E0A\u89D2\u5916\u4FA7
@@ -1110,6 +1115,25 @@ var sections6 = [
         tone: "warn",
         text: "\u653E\u5230\u5916\u9762\u65F6\u8BB0\u5F97\u7559\u51FA\u7A7A\u95F4\uFF1A\u5F39\u7A97\u56DB\u5468\u6709 20px \u5185\u8FB9\u8DDD\uFF0C\u8D85\u8FC7\u8FD9\u4E2A\u8DDD\u79BB\u5728\u5C0F\u5C4F\u4E0A\u53EF\u80FD\u8D34\u8FB9\u3002\u5728\u8C03\u8BD5\u53F0\u91CC\u628A\u9884\u89C8\u7F29\u653E\u5207\u5230 100% \u786E\u8BA4\u4E00\u4E0B\u3002"
       },
+      { t: "h3", text: "banner \u7684\u5BBD\u9AD8\u6BD4\uFF1A\u4E0D\u80FD\u5C0F\u4E8E 12:1" },
+      {
+        t: "p",
+        text: "\u6574\u56FE banner \u9760\u6839\u8282\u70B9\u7684 `aspectRatio` \u7EF4\u6301\u7B49\u6BD4\uFF08\u5199\u6B7B\u9AD8\u5EA6\u7684\u8BDD\u5751\u4F4D\u4E00\u5BBD\uFF0C\u56FE\u5C31\u88AB\u6A2A\u5411\u62C9\u53D8\u5F62\uFF09\u3002\u4F46\u6BD4\u4F8B\u8D8A\u65B9\uFF0C\u5728\u5BBD\u5C4F\u4E0A\u7B97\u51FA\u6765\u8D8A\u9AD8\u2014\u2014**\u6BD4\u4F8B\u5C0F\u4E8E 12:1 \u7684\u914D\u7F6E\u4FDD\u5B58\u65F6\u4F1A\u88AB\u62E6\u4E0B**\u3002"
+      },
+      {
+        t: "table",
+        head: ["\u5BBD\u9AD8\u6BD4", "1800px \u5BBD\u7684\u5751\u4F4D\u91CC\u6709\u591A\u9AD8", "\u7ED3\u679C"],
+        rows: [
+          ["`960 / 56`\uFF08\u224817:1\uFF09", "\u7EA6 105px", "\u2705 \u4E00\u6761\u901A\u680F\u63D0\u793A"],
+          ["`24 / 1`", "\u7EA6 75px", "\u2705 \u66F4\u6241\uFF0C\u89C6\u89C9\u66F4\u8F7B"],
+          ["`1200 / 300`\uFF084:1\uFF09", "\u7EA6 451px", "\u274C \u5403\u6389\u9996\u5C4F\u4E00\u5927\u5757"]
+        ]
+      },
+      {
+        t: "note",
+        tone: "info",
+        text: "banner \u5751\u4F4D\u5E38\u9A7B\u5728\u9875\u9762\u9876\u90E8\u3001\u4E0D\u8DDF\u968F\u5185\u5BB9\u6EDA\u52A8\uFF0C\u9AD8\u5EA6\u662F**\u5751\u4F4D\u7684\u8BBE\u8BA1\u5C3A\u5BF8**\uFF0C\u4E0D\u662F\u914D\u7F6E\u7684\u81EA\u7531\u5EA6\u3002\u9700\u8981\u5927\u56FE\u5F3A\u66DD\u5149\uFF0C\u7528\u5F39\u7A97\uFF08popup\uFF09\uFF0C\u522B\u628A banner \u6491\u6210\u5927\u56FE\u3002"
+      },
       { t: "h3", text: "banner / \u516C\u544A\u6761\uFF1A\u522B\u5199 maxWidth" },
       {
         t: "p",
@@ -1477,7 +1501,10 @@ var changelog = [
       "\u3010\u5DF2\u77E5\u7A7A\u767D\u3011\u591A\u89C6\u56FE\u91CC\u300C\u5173\u6389\u67D0\u4E00\u5C42\u300D\u4E0D\u4EA7\u751F\u4EFB\u4F55\u4E0A\u62A5\uFF08\u5982\u516C\u544A\u6761\u5F39\u51FA\u5F39\u7A97\u540E\u53C8\u5173\u6389\u5F39\u7A97\uFF0C\u7269\u6599\u5E76\u6CA1\u6709\u5173\uFF09\uFF0C\u90A3\u4E00\u5C42\u914D\u7684 onClose \u57CB\u70B9\u7B49\u4E0D\u5230\u6570\u636E",
       "banner / \u516C\u544A\u6761\u4E0D\u8981\u5199 maxWidth\uFF08\u7B2C 3 \u8282\uFF09\uFF1A\u901A\u680F\u5F62\u6001\u7684\u5BBD\u5EA6\u8BE5\u7531\u9875\u9762\u5751\u4F4D\u51B3\u5B9A\uFF0C\u5199\u6B7B\u4E0A\u9650\u4F1A\u94FA\u4E0D\u6EE1\u3001\u53F3\u8FB9\u7A7A\u4E00\u622A\uFF1B\u786E\u5B9E\u8981\u9650\u5BBD\u5219\u4F1A\u81EA\u52A8\u5C45\u4E2D",
       "\u6570\u636E\u6E90\u586B\u4E86\u5BBF\u4E3B\u6CA1\u6CE8\u518C\u7684\u540D\u5B57\uFF0C\u6574\u4EFD\u7269\u6599\u4E00\u76F4\u662F\u7A7A\u7684\u3001\u4E0D\u62A5\u9519\uFF08\u7B2C 8 \u8282\uFF09\uFF1A\u6570\u636E\u6E90\u6309\u9875\u9762\u6CE8\u518C\uFF0C\u8C03\u8BD5\u53F0\u6B63\u5E38\u4E0D\u4EE3\u8868\u76EE\u6807\u9875\u9762\u6B63\u5E38\uFF0C\u914D\u5B8C\u8981\u5728\u771F\u5B9E\u9875\u9762\u8DD1\u4E00\u904D",
-      "\u793A\u4F8B \u2464 \u516C\u544A\u6761\u6539\u6210\u53EA\u6709\u53F3\u4FA7\u6309\u94AE\u80FD\u6253\u5F00\u5F39\u7A97\uFF1A\u6574\u6761\u53EF\u70B9\u4F1A\u8BA9\u7528\u6237\u60F3\u9009\u4E2D\u6587\u6848\u590D\u5236\u65F6\u8BEF\u89E6\u53D1"
+      "\u793A\u4F8B \u2464 \u516C\u544A\u6761\u6539\u6210\u53EA\u6709\u53F3\u4FA7\u6309\u94AE\u80FD\u6253\u5F00\u5F39\u7A97\uFF1A\u6574\u6761\u53EF\u70B9\u4F1A\u8BA9\u7528\u6237\u60F3\u9009\u4E2D\u6587\u6848\u590D\u5236\u65F6\u8BEF\u89E6\u53D1",
+      "\u3010\u65B0\u589E\u786C\u7EA6\u675F\u3011banner \u7684\u5BBD\u9AD8\u6BD4\u4E0D\u80FD\u5C0F\u4E8E 12:1\uFF08\u7B2C 3 \u8282\uFF09\uFF1Abanner \u9AD8\u5EA6\u662F\u300C\u5751\u4F4D\u5BBD\u5EA6 \xD7 \u6BD4\u4F8B\u300D\u7B97\u51FA\u6765\u7684\uFF0C\u6BD4\u4F8B\u8D8A\u65B9\u5728\u5BBD\u5C4F\u4E0A\u8D8A\u9AD8\uFF0C1200\xD7300 \u90A3\u79CD\u5927\u56FE\u5728 1800 \u5BBD\u7684\u5751\u4F4D\u91CC\u6709 451px\u3001\u76F4\u63A5\u5403\u6389\u9996\u5C4F\uFF0C\u73B0\u5728\u4FDD\u5B58\u65F6\u4F1A\u88AB\u62E6\u4E0B",
+      "\u5173\u95ED\u6309\u94AE\u7684 offset \u4E24\u4E2A\u503C\u8981\u540C\u5411\uFF08\u7B2C 3 \u8282\uFF09\uFF1A\u5199\u6210 [-12, 12] \u8FD9\u79CD\u4E00\u8D1F\u4E00\u6B63\uFF0C\u6309\u94AE\u4F1A\u6A2A\u8DE8\u5F39\u7A97\u8FB9\u7F18\u3001\u770B\u7740\u50CF\u8D34\u6B6A\u4E86\uFF0C\u793A\u4F8B \u2466 \u5DF2\u4FEE",
+      "\u793A\u4F8B \u2467 \u6574\u56FE Banner \u7684\u5173\u95ED\u56FE\u6807\u6539\u7528 calc(100% - 32px) \u56FA\u5B9A\u8D34\u53F3\u2014\u2014\u539F\u5148\u7528\u767E\u5206\u6BD4\u5B9A\u4F4D\uFF0C\u5751\u4F4D\u8D8A\u5BBD\u79BB\u53F3\u8FB9\u7F18\u8D8A\u8FDC\uFF081885 \u5BBD\u65F6\u5DEE\u51FA\u5FEB 200px\uFF09\uFF0C\u770B\u7740\u50CF\u98D8\u5728\u4E2D\u95F4"
     ]
   },
   {
@@ -2908,7 +2935,9 @@ var tabTheme = {
     closeButton: {
       show: true,
       position: "top-right",
-      offset: [-12, 12],
+      // 两个值要么都往内、要么都往外：[-12, 12] 这种一外一内会让按钮横跨弹窗边缘，
+      // 看着像贴歪了。这里放在弹窗内侧右上角（stage 有 22 的 padding，压不到内容）
+      offset: [12, 12],
       size: 28,
       icon: "\u2715",
       style: { color: "rgba(255,255,255,0.85)", fontSize: 16 }
@@ -3070,18 +3099,18 @@ var tabTheme = {
 var tab_theme_default = tabTheme;
 
 // src/docs/examples/image-banner.ts
-var RATIO = "960 / 56";
-var BANNER_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="960" height="56" viewBox="0 0 960 56">
+var RATIO = "1920 / 75";
+var BANNER_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="75" viewBox="0 0 1920 75">
   <defs>
     <linearGradient id="g" x1="0" y1="0" x2="1" y2="0">
       <stop offset="0" stop-color="#ff4433"/>
       <stop offset="1" stop-color="#ff8a3c"/>
     </linearGradient>
   </defs>
-  <rect width="960" height="56" fill="url(#g)"/>
-  <text x="24" y="34" font-family="sans-serif" font-size="15" fill="#ffffff">\u79CB\u5B63\u5927\u4FC3 \xB7 \u6574\u56FE Banner \u5360\u4F4D\u56FE\uFF08\u5BBD\u5EA6\u81EA\u9002\u5E94\uFF09</text>
-  <rect x="749" y="12" width="144" height="32" rx="16" fill="#ffffff" fill-opacity="0.92"/>
-  <text x="821" y="33" font-family="sans-serif" font-size="14" fill="#d43a1f" text-anchor="middle">\u7ACB\u5373\u67E5\u770B</text>
+  <rect width="1920" height="75" fill="url(#g)"/>
+  <text x="48" y="47" font-family="sans-serif" font-size="24" fill="#ffffff">\u79CB\u5B63\u5927\u4FC3 \xB7 \u6574\u56FE Banner \u5360\u4F4D\u56FE</text>
+  <rect x="1344" y="19" width="288" height="38" rx="19" fill="#ffffff" fill-opacity="0.92"/>
+  <text x="1488" y="45" font-family="sans-serif" font-size="22" fill="#d43a1f" text-anchor="middle">\u7ACB\u5373\u67E5\u770B</text>
 </svg>`;
 var BANNER_IMAGE = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(BANNER_SVG)}`;
 var imageBanner = {
@@ -3090,11 +3119,11 @@ var imageBanner = {
   meta: { name: "\u6574\u56FE Banner\uFF08\u7A84\u901A\u680F + \u70ED\u533A\uFF09" },
   stage: {
     width: "100%",
+    // 高度由下面那层 box 的 aspectRatio 撑出来，所以这里是 auto + flow
     height: "auto",
     layout: "flow",
-    // 不写 maxWidth：banner 是通栏类型，宽度该由宿主坑位决定。写死上限后一旦
-    // 小于坑位宽度就铺不满、右边留白。占位图是矢量 SVG + objectFit:cover，
-    // 拉到多宽都不会糊；高度由下面的 aspectRatio 按实际宽度算
+    // 不写 maxWidth：banner 是通栏类型，宽度该由宿主坑位决定。
+    // 写死上限后一旦小于坑位宽度就铺不满、右边留白
     style: { radius: 8, overflow: "hidden" },
     onClose: {
       type: "track",
@@ -3104,7 +3133,8 @@ var imageBanner = {
   },
   nodes: [
     {
-      // 热区的定位容器：宽度铺满，高度由 aspectRatio 算
+      // 热区的定位容器：宽度铺满，高度由 aspectRatio 按实际宽度算。
+      // 子节点都是绝对定位、撑不起高度，这里没有确定高度的话热区的百分比 rect 全算成 0
       type: "box",
       style: { width: "100%", aspectRatio: RATIO },
       children: [
@@ -3112,12 +3142,13 @@ var imageBanner = {
           type: "image",
           rect: [0, 0, "100%", "100%"],
           src: BANNER_IMAGE,
+          // 容器比例与图比例一致，cover 既不裁也不拉，图里元素与百分比热区天然对齐
           style: { objectFit: "cover" }
         },
         {
-          // 左半边：文案区，点了看活动详情（1.5% ~ 47.5%，不碰右侧按钮）
+          // 左半边：文案区，点了看活动详情（图里文字从 48/1920 起，热区框大一圈）
           type: "box",
-          rect: ["1.5%", "14%", "46%", "72%"],
+          rect: ["1.5%", "16%", "46%", "68%"],
           style: { radius: 6, background: "rgba(255,255,255,0.16)", cursor: "pointer" },
           action: {
             type: "sequence",
@@ -3132,9 +3163,9 @@ var imageBanner = {
           }
         },
         {
-          // 右侧按钮：直接去下单（78% ~ 94%，正好盖住图里那颗白色按钮）
+          // 右侧按钮：直接去下单。图里按钮是 1344~1632（70%~85%），热区照着框
           type: "box",
-          rect: ["78%", "16%", "16%", "68%"],
+          rect: ["70%", "25%", "15%", "51%"],
           style: { radius: 999, background: "rgba(255,255,255,0.16)", cursor: "pointer" },
           action: {
             type: "sequence",
@@ -3149,10 +3180,13 @@ var imageBanner = {
           }
         },
         {
-          // 关闭放在最右侧空白处（96% 起，20px 宽约占 2%），与按钮热区不重叠
+          // 关闭按钮固定贴右：x 用 calc 而不是百分比 ——
+          // 百分比是按容器宽度算的，坑位越宽它离右边缘越远（1885 宽时能差出快 200px），
+          // 看着就像飘在中间。calc(100% - 32px) 让它永远距右边缘 12px（20 宽 + 12 边距）；
+          // y 同理用 calc 垂直居中，banner 高度随坑位宽度变，写死百分比会上下飘
           type: "text",
           content: "\u2715",
-          rect: ["96%", "25%", 20, 20],
+          rect: ["calc(100% - 32px)", "calc(50% - 10px)", 20, 20],
           style: {
             textAlign: "center",
             lineHeight: 20,

package/dist/docs/index.js

@@ -1,4 +1,4 @@
-import { TRACK_EVENT_PATTERN, DEFAULT_USER_FIELDS, USER_FIELD_LABELS, DSL_VERSION, ACTION_TYPES, NODE_TYPES, ALLOWED_STYLE_KEYS, CLOSE_POSITIONS } from '../chunk-BSJDNS6C.js';
+import { TRACK_EVENT_PATTERN, DEFAULT_USER_FIELDS, USER_FIELD_LABELS, DSL_VERSION, ACTION_TYPES, NODE_TYPES, ALLOWED_STYLE_KEYS, CLOSE_POSITIONS } from '../chunk-7TWWOK7Q.js';
 
 // src/docs/reconcile.ts
 function pickTokens(rows, columnIndex) {
@@ -965,6 +965,11 @@ var sections6 = [
         t: "p",
         text: "\u5706\u89D2\u88C1\u5207\u53EA\u4F5C\u7528\u4E8E\u5F39\u7A97\u5185\u5BB9\uFF0C\u5173\u95ED\u6309\u94AE\u5728\u88C1\u5207\u5C42\u4E4B\u5916\uFF0C\u6240\u4EE5 `offset` \u5199\u8D1F\u503C\u65F6\u4E0D\u4F1A\u88AB\u88C1\u6389\u3002\u4E24\u79CD\u5E38\u89C1\u505A\u6CD5\uFF1A"
       },
+      {
+        t: "note",
+        tone: "warn",
+        text: "**\u4E24\u4E2A\u503C\u8981\u540C\u5411**\uFF1A`[x, y]` \u8981\u4E48\u90FD\u662F\u6B63\u6570\uFF08\u8D34\u5728\u5F39\u7A97\u5185\u4FA7\uFF09\uFF0C\u8981\u4E48\u90FD\u662F\u8D1F\u6570\uFF08\u6311\u5230\u5F39\u7A97\u5916\u4FA7\uFF09\u3002\u5199\u6210 `[-12, 12]` \u8FD9\u79CD\u4E00\u8D1F\u4E00\u6B63\uFF0C\u6309\u94AE\u4F1A\u6A2A\u8DE8\u5F39\u7A97\u8FB9\u7F18\u2014\u2014\u6A2A\u5411\u6311\u51FA\u53BB\u4E00\u534A\u3001\u7EB5\u5411\u53C8\u7F29\u5728\u91CC\u9762\uFF0C\u770B\u7740\u5C31\u662F\u8D34\u6B6A\u4E86\u3002"
+      },
       {
         t: "code",
         code: `// \u53F3\u4E0A\u89D2\u5916\u4FA7
@@ -985,6 +990,25 @@ var sections6 = [
         tone: "warn",
         text: "\u653E\u5230\u5916\u9762\u65F6\u8BB0\u5F97\u7559\u51FA\u7A7A\u95F4\uFF1A\u5F39\u7A97\u56DB\u5468\u6709 20px \u5185\u8FB9\u8DDD\uFF0C\u8D85\u8FC7\u8FD9\u4E2A\u8DDD\u79BB\u5728\u5C0F\u5C4F\u4E0A\u53EF\u80FD\u8D34\u8FB9\u3002\u5728\u8C03\u8BD5\u53F0\u91CC\u628A\u9884\u89C8\u7F29\u653E\u5207\u5230 100% \u786E\u8BA4\u4E00\u4E0B\u3002"
       },
+      { t: "h3", text: "banner \u7684\u5BBD\u9AD8\u6BD4\uFF1A\u4E0D\u80FD\u5C0F\u4E8E 12:1" },
+      {
+        t: "p",
+        text: "\u6574\u56FE banner \u9760\u6839\u8282\u70B9\u7684 `aspectRatio` \u7EF4\u6301\u7B49\u6BD4\uFF08\u5199\u6B7B\u9AD8\u5EA6\u7684\u8BDD\u5751\u4F4D\u4E00\u5BBD\uFF0C\u56FE\u5C31\u88AB\u6A2A\u5411\u62C9\u53D8\u5F62\uFF09\u3002\u4F46\u6BD4\u4F8B\u8D8A\u65B9\uFF0C\u5728\u5BBD\u5C4F\u4E0A\u7B97\u51FA\u6765\u8D8A\u9AD8\u2014\u2014**\u6BD4\u4F8B\u5C0F\u4E8E 12:1 \u7684\u914D\u7F6E\u4FDD\u5B58\u65F6\u4F1A\u88AB\u62E6\u4E0B**\u3002"
+      },
+      {
+        t: "table",
+        head: ["\u5BBD\u9AD8\u6BD4", "1800px \u5BBD\u7684\u5751\u4F4D\u91CC\u6709\u591A\u9AD8", "\u7ED3\u679C"],
+        rows: [
+          ["`960 / 56`\uFF08\u224817:1\uFF09", "\u7EA6 105px", "\u2705 \u4E00\u6761\u901A\u680F\u63D0\u793A"],
+          ["`24 / 1`", "\u7EA6 75px", "\u2705 \u66F4\u6241\uFF0C\u89C6\u89C9\u66F4\u8F7B"],
+          ["`1200 / 300`\uFF084:1\uFF09", "\u7EA6 451px", "\u274C \u5403\u6389\u9996\u5C4F\u4E00\u5927\u5757"]
+        ]
+      },
+      {
+        t: "note",
+        tone: "info",
+        text: "banner \u5751\u4F4D\u5E38\u9A7B\u5728\u9875\u9762\u9876\u90E8\u3001\u4E0D\u8DDF\u968F\u5185\u5BB9\u6EDA\u52A8\uFF0C\u9AD8\u5EA6\u662F**\u5751\u4F4D\u7684\u8BBE\u8BA1\u5C3A\u5BF8**\uFF0C\u4E0D\u662F\u914D\u7F6E\u7684\u81EA\u7531\u5EA6\u3002\u9700\u8981\u5927\u56FE\u5F3A\u66DD\u5149\uFF0C\u7528\u5F39\u7A97\uFF08popup\uFF09\uFF0C\u522B\u628A banner \u6491\u6210\u5927\u56FE\u3002"
+      },
       { t: "h3", text: "banner / \u516C\u544A\u6761\uFF1A\u522B\u5199 maxWidth" },
       {
         t: "p",
@@ -1352,7 +1376,10 @@ var changelog = [
       "\u3010\u5DF2\u77E5\u7A7A\u767D\u3011\u591A\u89C6\u56FE\u91CC\u300C\u5173\u6389\u67D0\u4E00\u5C42\u300D\u4E0D\u4EA7\u751F\u4EFB\u4F55\u4E0A\u62A5\uFF08\u5982\u516C\u544A\u6761\u5F39\u51FA\u5F39\u7A97\u540E\u53C8\u5173\u6389\u5F39\u7A97\uFF0C\u7269\u6599\u5E76\u6CA1\u6709\u5173\uFF09\uFF0C\u90A3\u4E00\u5C42\u914D\u7684 onClose \u57CB\u70B9\u7B49\u4E0D\u5230\u6570\u636E",
       "banner / \u516C\u544A\u6761\u4E0D\u8981\u5199 maxWidth\uFF08\u7B2C 3 \u8282\uFF09\uFF1A\u901A\u680F\u5F62\u6001\u7684\u5BBD\u5EA6\u8BE5\u7531\u9875\u9762\u5751\u4F4D\u51B3\u5B9A\uFF0C\u5199\u6B7B\u4E0A\u9650\u4F1A\u94FA\u4E0D\u6EE1\u3001\u53F3\u8FB9\u7A7A\u4E00\u622A\uFF1B\u786E\u5B9E\u8981\u9650\u5BBD\u5219\u4F1A\u81EA\u52A8\u5C45\u4E2D",
       "\u6570\u636E\u6E90\u586B\u4E86\u5BBF\u4E3B\u6CA1\u6CE8\u518C\u7684\u540D\u5B57\uFF0C\u6574\u4EFD\u7269\u6599\u4E00\u76F4\u662F\u7A7A\u7684\u3001\u4E0D\u62A5\u9519\uFF08\u7B2C 8 \u8282\uFF09\uFF1A\u6570\u636E\u6E90\u6309\u9875\u9762\u6CE8\u518C\uFF0C\u8C03\u8BD5\u53F0\u6B63\u5E38\u4E0D\u4EE3\u8868\u76EE\u6807\u9875\u9762\u6B63\u5E38\uFF0C\u914D\u5B8C\u8981\u5728\u771F\u5B9E\u9875\u9762\u8DD1\u4E00\u904D",
-      "\u793A\u4F8B \u2464 \u516C\u544A\u6761\u6539\u6210\u53EA\u6709\u53F3\u4FA7\u6309\u94AE\u80FD\u6253\u5F00\u5F39\u7A97\uFF1A\u6574\u6761\u53EF\u70B9\u4F1A\u8BA9\u7528\u6237\u60F3\u9009\u4E2D\u6587\u6848\u590D\u5236\u65F6\u8BEF\u89E6\u53D1"
+      "\u793A\u4F8B \u2464 \u516C\u544A\u6761\u6539\u6210\u53EA\u6709\u53F3\u4FA7\u6309\u94AE\u80FD\u6253\u5F00\u5F39\u7A97\uFF1A\u6574\u6761\u53EF\u70B9\u4F1A\u8BA9\u7528\u6237\u60F3\u9009\u4E2D\u6587\u6848\u590D\u5236\u65F6\u8BEF\u89E6\u53D1",
+      "\u3010\u65B0\u589E\u786C\u7EA6\u675F\u3011banner \u7684\u5BBD\u9AD8\u6BD4\u4E0D\u80FD\u5C0F\u4E8E 12:1\uFF08\u7B2C 3 \u8282\uFF09\uFF1Abanner \u9AD8\u5EA6\u662F\u300C\u5751\u4F4D\u5BBD\u5EA6 \xD7 \u6BD4\u4F8B\u300D\u7B97\u51FA\u6765\u7684\uFF0C\u6BD4\u4F8B\u8D8A\u65B9\u5728\u5BBD\u5C4F\u4E0A\u8D8A\u9AD8\uFF0C1200\xD7300 \u90A3\u79CD\u5927\u56FE\u5728 1800 \u5BBD\u7684\u5751\u4F4D\u91CC\u6709 451px\u3001\u76F4\u63A5\u5403\u6389\u9996\u5C4F\uFF0C\u73B0\u5728\u4FDD\u5B58\u65F6\u4F1A\u88AB\u62E6\u4E0B",
+      "\u5173\u95ED\u6309\u94AE\u7684 offset \u4E24\u4E2A\u503C\u8981\u540C\u5411\uFF08\u7B2C 3 \u8282\uFF09\uFF1A\u5199\u6210 [-12, 12] \u8FD9\u79CD\u4E00\u8D1F\u4E00\u6B63\uFF0C\u6309\u94AE\u4F1A\u6A2A\u8DE8\u5F39\u7A97\u8FB9\u7F18\u3001\u770B\u7740\u50CF\u8D34\u6B6A\u4E86\uFF0C\u793A\u4F8B \u2466 \u5DF2\u4FEE",
+      "\u793A\u4F8B \u2467 \u6574\u56FE Banner \u7684\u5173\u95ED\u56FE\u6807\u6539\u7528 calc(100% - 32px) \u56FA\u5B9A\u8D34\u53F3\u2014\u2014\u539F\u5148\u7528\u767E\u5206\u6BD4\u5B9A\u4F4D\uFF0C\u5751\u4F4D\u8D8A\u5BBD\u79BB\u53F3\u8FB9\u7F18\u8D8A\u8FDC\uFF081885 \u5BBD\u65F6\u5DEE\u51FA\u5FEB 200px\uFF09\uFF0C\u770B\u7740\u50CF\u98D8\u5728\u4E2D\u95F4"
     ]
   },
   {
@@ -2783,7 +2810,9 @@ var tabTheme = {
     closeButton: {
       show: true,
       position: "top-right",
-      offset: [-12, 12],
+      // 两个值要么都往内、要么都往外：[-12, 12] 这种一外一内会让按钮横跨弹窗边缘，
+      // 看着像贴歪了。这里放在弹窗内侧右上角（stage 有 22 的 padding，压不到内容）
+      offset: [12, 12],
       size: 28,
       icon: "\u2715",
       style: { color: "rgba(255,255,255,0.85)", fontSize: 16 }
@@ -2945,18 +2974,18 @@ var tabTheme = {
 var tab_theme_default = tabTheme;
 
 // src/docs/examples/image-banner.ts
-var RATIO = "960 / 56";
-var BANNER_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="960" height="56" viewBox="0 0 960 56">
+var RATIO = "1920 / 75";
+var BANNER_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="75" viewBox="0 0 1920 75">
   <defs>
     <linearGradient id="g" x1="0" y1="0" x2="1" y2="0">
       <stop offset="0" stop-color="#ff4433"/>
       <stop offset="1" stop-color="#ff8a3c"/>
     </linearGradient>
   </defs>
-  <rect width="960" height="56" fill="url(#g)"/>
-  <text x="24" y="34" font-family="sans-serif" font-size="15" fill="#ffffff">\u79CB\u5B63\u5927\u4FC3 \xB7 \u6574\u56FE Banner \u5360\u4F4D\u56FE\uFF08\u5BBD\u5EA6\u81EA\u9002\u5E94\uFF09</text>
-  <rect x="749" y="12" width="144" height="32" rx="16" fill="#ffffff" fill-opacity="0.92"/>
-  <text x="821" y="33" font-family="sans-serif" font-size="14" fill="#d43a1f" text-anchor="middle">\u7ACB\u5373\u67E5\u770B</text>
+  <rect width="1920" height="75" fill="url(#g)"/>
+  <text x="48" y="47" font-family="sans-serif" font-size="24" fill="#ffffff">\u79CB\u5B63\u5927\u4FC3 \xB7 \u6574\u56FE Banner \u5360\u4F4D\u56FE</text>
+  <rect x="1344" y="19" width="288" height="38" rx="19" fill="#ffffff" fill-opacity="0.92"/>
+  <text x="1488" y="45" font-family="sans-serif" font-size="22" fill="#d43a1f" text-anchor="middle">\u7ACB\u5373\u67E5\u770B</text>
 </svg>`;
 var BANNER_IMAGE = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(BANNER_SVG)}`;
 var imageBanner = {
@@ -2965,11 +2994,11 @@ var imageBanner = {
   meta: { name: "\u6574\u56FE Banner\uFF08\u7A84\u901A\u680F + \u70ED\u533A\uFF09" },
   stage: {
     width: "100%",
+    // 高度由下面那层 box 的 aspectRatio 撑出来，所以这里是 auto + flow
     height: "auto",
     layout: "flow",
-    // 不写 maxWidth：banner 是通栏类型，宽度该由宿主坑位决定。写死上限后一旦
-    // 小于坑位宽度就铺不满、右边留白。占位图是矢量 SVG + objectFit:cover，
-    // 拉到多宽都不会糊；高度由下面的 aspectRatio 按实际宽度算
+    // 不写 maxWidth：banner 是通栏类型，宽度该由宿主坑位决定。
+    // 写死上限后一旦小于坑位宽度就铺不满、右边留白
     style: { radius: 8, overflow: "hidden" },
     onClose: {
       type: "track",
@@ -2979,7 +3008,8 @@ var imageBanner = {
   },
   nodes: [
     {
-      // 热区的定位容器：宽度铺满，高度由 aspectRatio 算
+      // 热区的定位容器：宽度铺满，高度由 aspectRatio 按实际宽度算。
+      // 子节点都是绝对定位、撑不起高度，这里没有确定高度的话热区的百分比 rect 全算成 0
       type: "box",
       style: { width: "100%", aspectRatio: RATIO },
       children: [
@@ -2987,12 +3017,13 @@ var imageBanner = {
           type: "image",
           rect: [0, 0, "100%", "100%"],
           src: BANNER_IMAGE,
+          // 容器比例与图比例一致，cover 既不裁也不拉，图里元素与百分比热区天然对齐
           style: { objectFit: "cover" }
         },
         {
-          // 左半边：文案区，点了看活动详情（1.5% ~ 47.5%，不碰右侧按钮）
+          // 左半边：文案区，点了看活动详情（图里文字从 48/1920 起，热区框大一圈）
           type: "box",
-          rect: ["1.5%", "14%", "46%", "72%"],
+          rect: ["1.5%", "16%", "46%", "68%"],
           style: { radius: 6, background: "rgba(255,255,255,0.16)", cursor: "pointer" },
           action: {
             type: "sequence",
@@ -3007,9 +3038,9 @@ var imageBanner = {
           }
         },
         {
-          // 右侧按钮：直接去下单（78% ~ 94%，正好盖住图里那颗白色按钮）
+          // 右侧按钮：直接去下单。图里按钮是 1344~1632（70%~85%），热区照着框
           type: "box",
-          rect: ["78%", "16%", "16%", "68%"],
+          rect: ["70%", "25%", "15%", "51%"],
           style: { radius: 999, background: "rgba(255,255,255,0.16)", cursor: "pointer" },
           action: {
             type: "sequence",
@@ -3024,10 +3055,13 @@ var imageBanner = {
           }
         },
         {
-          // 关闭放在最右侧空白处（96% 起，20px 宽约占 2%），与按钮热区不重叠
+          // 关闭按钮固定贴右：x 用 calc 而不是百分比 ——
+          // 百分比是按容器宽度算的，坑位越宽它离右边缘越远（1885 宽时能差出快 200px），
+          // 看着就像飘在中间。calc(100% - 32px) 让它永远距右边缘 12px（20 宽 + 12 边距）；
+          // y 同理用 calc 垂直居中，banner 高度随坑位宽度变，写死百分比会上下飘
           type: "text",
           content: "\u2715",
-          rect: ["96%", "25%", 20, 20],
+          rect: ["calc(100% - 32px)", "calc(50% - 10px)", 20, 20],
           style: {
             textAlign: "center",
             lineHeight: 20,

package/dist/index.cjs

@@ -1528,6 +1528,7 @@ function validateView(view, prefix, ctx) {
   if (["popup", "banner", "notice"].indexOf(view.type) === -1) {
     add(at("type"), "type \u5FC5\u987B\u662F popup / banner / notice \u4E4B\u4E00");
   }
+  ctx.viewType = view.type;
   validateStage(
     view.stage,
     (path, message) => add(prefix ? `${prefix}.${path}` : path, message),
@@ -1551,6 +1552,16 @@ function checkLength(value) {
   if (isLength(value)) return true;
   return value.trim().split(/\s+/).every(isLength);
 }
+var BANNER_MIN_ASPECT_RATIO = 12;
+function parseAspectRatio(value) {
+  if (typeof value === "number") return isFinite(value) && value > 0 ? value : null;
+  if (typeof value !== "string" || value.indexOf("{{") > -1) return null;
+  const parts = value.split("/");
+  const width = Number(parts[0]);
+  const height = parts.length > 1 ? Number(parts[1]) : 1;
+  if (!isFinite(width) || !isFinite(height) || width <= 0 || height <= 0) return null;
+  return width / height;
+}
 function checkAspectRatio(value) {
   if (typeof value === "string" && value.indexOf("{{") > -1) return true;
   if (typeof value === "number") return isFinite(value) && value > 0;
@@ -1718,11 +1729,21 @@ function validateNode(node, path, layout, ctx) {
           `"${node.style[key]}" \u4E0D\u662F\u5408\u6CD5\u957F\u5EA6\uFF0C\u652F\u6301\u6570\u5B57(px) / '100%' / 'auto' \u7B49`
         );
       }
-      if (key === "aspectRatio" && !checkAspectRatio(node.style[key])) {
-        add(
-          `${path}.style.aspectRatio`,
-          "aspectRatio \u8981\u5199\u6210 '750 / 200' \u6216 1.5 \u8FD9\u6837\u7684\u5BBD\u9AD8\u6BD4"
-        );
+      if (key === "aspectRatio") {
+        if (!checkAspectRatio(node.style[key])) {
+          add(
+            `${path}.style.aspectRatio`,
+            "aspectRatio \u8981\u5199\u6210 '750 / 200' \u6216 1.5 \u8FD9\u6837\u7684\u5BBD\u9AD8\u6BD4"
+          );
+        } else if (ctx.viewType === "banner") {
+          const ratio = parseAspectRatio(node.style[key]);
+          if (ratio !== null && ratio < BANNER_MIN_ASPECT_RATIO) {
+            add(
+              `${path}.style.aspectRatio`,
+              `banner \u7684\u5BBD\u9AD8\u6BD4\u4E0D\u80FD\u5C0F\u4E8E ${BANNER_MIN_ASPECT_RATIO}:1\uFF08\u5F53\u524D\u7EA6 ${ratio.toFixed(1)}:1\uFF09\u3002banner \u5751\u4F4D\u5E38\u9A7B\u9875\u9762\u9876\u90E8\uFF0C\u6BD4\u4F8B\u8D8A\u65B9\u5728\u5BBD\u5C4F\u4E0A\u8D8A\u9AD8 \u2014\u2014 1800px \u5BBD\u7684\u5751\u4F4D\u91CC\uFF0C${ratio.toFixed(1)}:1 \u4F1A\u7B97\u51FA ${Math.round(1800 / ratio)}px \u9AD8\uFF0C\u5403\u6389\u9996\u5C4F\u4E00\u5927\u5757`
+            );
+          }
+        }
       }
     });
   }
@@ -1855,6 +1876,7 @@ function formatIssues(issues) {
 
 exports.ACTION_TYPES = ACTION_TYPES;
 exports.ALLOWED_STYLE_KEYS = ALLOWED_STYLE_KEYS;
+exports.BANNER_MIN_ASPECT_RATIO = BANNER_MIN_ASPECT_RATIO;
 exports.CLOSE_POSITIONS = CLOSE_POSITIONS;
 exports.DEFAULT_USER_FIELDS = DEFAULT_USER_FIELDS;
 exports.DSL_VERSION = DSL_VERSION;

package/dist/index.d.cts

@@ -80,6 +80,18 @@ declare const CLOSE_POSITIONS: string[];
  * @param options 可选项；不传时与旧版行为完全一致
  */
 declare function validate(dsl: Dsl | unknown, options?: ValidateOptions): ValidateResult;
+/** 宽高比：'750 / 200'、'16/9' 或纯数字 */
+/**
+ * banner 允许的最小宽高比（宽 ÷ 高）。
+ *
+ * banner 坑位常驻页面顶部、不跟随内容滚动，比例越方在宽屏上越高：
+ * 同样 1800px 宽的坑位，17:1 算出来是 105px，4:1（1200×300 那种大图）直接 451px，
+ * 首屏一眼看过去全是广告。所以比例必须够扁——**这是坑位的设计尺寸，不是配置的自由度**。
+ *
+ * 约束比例而不是约束固定高度，是因为整图 banner 必须靠 aspectRatio 维持等比：
+ * 写死高度的话坑位一宽，图就被横向拉变形了。
+ */
+declare const BANNER_MIN_ASPECT_RATIO = 12;
 /** 把校验结果拼成可以直接展示的文本 */
 declare function formatIssues(issues: Issue[]): string;
 
@@ -236,4 +248,4 @@ declare function computeParts(endTime: number, now?: number): CountdownParts;
 /** 不给 children 时退化成一行文本，占位符 {d} {h} {hAll} {m} {s} {cs} */
 declare function formatParts(parts: CountdownParts, format?: string): string;
 
-export { ACTION_TYPES, ALLOWED_STYLE_KEYS, CLOSE_POSITIONS, type CountdownParts, type CountdownPrecision, CssStyle, DEFAULT_USER_FIELDS, DSL_VERSION, Dsl, type DslRuntime, DslStyle, DslView, type Issue, NODE_TYPES, type NormalizedViews, RenderTree, RuntimeOptions, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, type ValidateOptions, type ValidateResult, check, computeParts, createRuntime, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, safeImageUrl, safeUrl, toCssStyle, toLength, validate, validateUserFields };
+export { ACTION_TYPES, ALLOWED_STYLE_KEYS, BANNER_MIN_ASPECT_RATIO, CLOSE_POSITIONS, type CountdownParts, type CountdownPrecision, CssStyle, DEFAULT_USER_FIELDS, DSL_VERSION, Dsl, type DslRuntime, DslStyle, DslView, type Issue, NODE_TYPES, type NormalizedViews, RenderTree, RuntimeOptions, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, type ValidateOptions, type ValidateResult, check, computeParts, createRuntime, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, safeImageUrl, safeUrl, toCssStyle, toLength, validate, validateUserFields };

package/dist/index.d.ts

@@ -80,6 +80,18 @@ declare const CLOSE_POSITIONS: string[];
  * @param options 可选项；不传时与旧版行为完全一致
  */
 declare function validate(dsl: Dsl | unknown, options?: ValidateOptions): ValidateResult;
+/** 宽高比：'750 / 200'、'16/9' 或纯数字 */
+/**
+ * banner 允许的最小宽高比（宽 ÷ 高）。
+ *
+ * banner 坑位常驻页面顶部、不跟随内容滚动，比例越方在宽屏上越高：
+ * 同样 1800px 宽的坑位，17:1 算出来是 105px，4:1（1200×300 那种大图）直接 451px，
+ * 首屏一眼看过去全是广告。所以比例必须够扁——**这是坑位的设计尺寸，不是配置的自由度**。
+ *
+ * 约束比例而不是约束固定高度，是因为整图 banner 必须靠 aspectRatio 维持等比：
+ * 写死高度的话坑位一宽，图就被横向拉变形了。
+ */
+declare const BANNER_MIN_ASPECT_RATIO = 12;
 /** 把校验结果拼成可以直接展示的文本 */
 declare function formatIssues(issues: Issue[]): string;
 
@@ -236,4 +248,4 @@ declare function computeParts(endTime: number, now?: number): CountdownParts;
 /** 不给 children 时退化成一行文本，占位符 {d} {h} {hAll} {m} {s} {cs} */
 declare function formatParts(parts: CountdownParts, format?: string): string;
 
-export { ACTION_TYPES, ALLOWED_STYLE_KEYS, CLOSE_POSITIONS, type CountdownParts, type CountdownPrecision, CssStyle, DEFAULT_USER_FIELDS, DSL_VERSION, Dsl, type DslRuntime, DslStyle, DslView, type Issue, NODE_TYPES, type NormalizedViews, RenderTree, RuntimeOptions, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, type ValidateOptions, type ValidateResult, check, computeParts, createRuntime, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, safeImageUrl, safeUrl, toCssStyle, toLength, validate, validateUserFields };
+export { ACTION_TYPES, ALLOWED_STYLE_KEYS, BANNER_MIN_ASPECT_RATIO, CLOSE_POSITIONS, type CountdownParts, type CountdownPrecision, CssStyle, DEFAULT_USER_FIELDS, DSL_VERSION, Dsl, type DslRuntime, DslStyle, DslView, type Issue, NODE_TYPES, type NormalizedViews, RenderTree, RuntimeOptions, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, type ValidateOptions, type ValidateResult, check, computeParts, createRuntime, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, safeImageUrl, safeUrl, toCssStyle, toLength, validate, validateUserFields };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { normalizeViews, createTicker, evaluate, resolveNodeStyle, interpolateDeep, interpolate, toLength, toCssStyle, parseEndTime, computeParts, formatParts } from './chunk-BSJDNS6C.js';
-export { ACTION_TYPES, ALLOWED_STYLE_KEYS, CLOSE_POSITIONS, DEFAULT_USER_FIELDS, DSL_VERSION, NODE_TYPES, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, check, computeParts, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, toCssStyle, toLength, validate, validateUserFields } from './chunk-BSJDNS6C.js';
+import { normalizeViews, createTicker, evaluate, resolveNodeStyle, interpolateDeep, interpolate, toLength, toCssStyle, parseEndTime, computeParts, formatParts } from './chunk-7TWWOK7Q.js';
+export { ACTION_TYPES, ALLOWED_STYLE_KEYS, BANNER_MIN_ASPECT_RATIO, CLOSE_POSITIONS, DEFAULT_USER_FIELDS, DSL_VERSION, NODE_TYPES, SINGLE_VIEW_NAME, TRACK_EVENT_PATTERN, USER_FIELD_LABELS, check, computeParts, evaluate, formatIssues, formatParts, interpolate, interpolateDeep, isLength, isValidEndTime, normalizeViews, parseEndTime, toCssStyle, toLength, validate, validateUserFields } from './chunk-7TWWOK7Q.js';
 
 // src/url.ts
 var SAFE_PROTOCOLS = ["http:", "https:", "mailto:", "tel:"];

package/package.json

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