dsh-design-studio 0.13.0 → 0.13.1

package/README.en.md

@@ -42,7 +42,7 @@ If DSH can't reach the npm registry, it falls back to a mirror in China. To upda
 - **Open what you have:** click "Browse…" on the empty page to pick an HTML file, or drop an HTML file or folder onto the sidebar (desktop app); you can also type a path or a dev-server port.
 - **Design check:** one click finds overflowing text, low contrast, small tap targets and tiny text, marked right on the page. In Design mode the model also checks its own work and fixes what it finds.
 - **Versions and compare:** every turn is saved; drag a slider to compare, and go back to any version.
-- **Export and phone preview:** showcase images, PDF and PowerPoint (links between screens still work); scan a QR code to see it on your phone at real size.
+- **Export and phone preview:** showcase images, PDF and PowerPoint (links between screens still work); scan a QR code to see it on your phone at real size. Slides and posters larger than the default canvas now use the page's real size. You can also set it by adding `WIDTHxHEIGHT` after the type, for example `<meta name="dsh-design" content="slides 1440x810">`.
 - **Design library and gallery:** everything you've designed, plus saved references and styles, lives in the Library. Browse templates, design systems and style cards others shared, and "Start from this" copies one for you to keep editing. Share your own with "Share to the gallery": it's checked, zipped and submitted on a web page, and listed once reviewed. The gallery catalog comes from npm mirrors and is used only when its signature and checksums match; to keep it offline, turn on "Design library offline" on the Plugins page.
 - **Your brand, and real code:** give a site URL to extract a brand design system and design with it from then on; turn a finished design into React / Vue / HTML (mini programs straight into uni-app or native WeChat code, HBuilderX projects included), compared screen by screen against the design.
 

package/README.md

@@ -42,7 +42,7 @@
 - **打开已有的页面**：首页输入框左边的「+」→「打开已有的 HTML…」选一个，或把 HTML 文件 / 文件夹拖进右侧栏就能预览（桌面版）；也能输路径或开发服务器端口。
 - **设计体检**：一键查文字溢出、对比度不够、按钮太小、字太小，问题直接标在页面上；模型做完也会自己查一遍再改。
 - **版本和对比**：每轮自动存一版，左右拖动对比，随时回到任意一版。
-- **导出和手机上看**：导出展示图、PDF、PPT（屏和屏之间的跳转照样能点）；扫码在手机上按真机尺寸看。
+- **导出和手机上看**：导出展示图、PDF、PPT（屏和屏之间的跳转照样能点）；扫码在手机上按真机尺寸看。页面比默认画幅大的幻灯片、海报，画幅自动跟页面走；也可以在类型后面跟 `宽x高` 指定，比如 `<meta name="dsh-design" content="slides 1440x810">`。
 - **设计库和设计市场**：以前做过的设计、收的参考图和风格都在「设计库」里；市场里逛大家分享的模板、设计系统和风格卡，点「用这个开始」复制一份接着改。自己做的点「分享到设计市场」，查过打成 zip，在网页里交上去，审过就上架。市场目录从 npm 镜像取，签了名、核对过才用；不想让它联网，在插件页打开「设计库不联网」。
 - **照品牌风格做、转成代码**：给官网地址，提一套品牌设计系统，以后都照它做；做好的设计转成 React / Vue / HTML，小程序直接转成 uni-app 或原生小程序代码（HBuilderX 建的项目也认得出），逐屏和设计稿比对。
 

package/lib/client.js

@@ -2057,6 +2057,7 @@ window.__ModuleLoader__.load({
 .ddp-home.over{position:absolute;inset:0;z-index:10;background-color:var(--dsw-alias-bg-base,var(--dsw-alias-bg-layer-1));animation:ddp-homein .28s ${EASE} both}
 .ddp-home.over.out{animation:ddp-homeout .19s ease both;pointer-events:none}
 .ddp-home .ddp-start>*{animation:ddp-rise .5s ${EASE} both}
+.ddp-home .ddp-start>.ddp-askwrap{position:relative;z-index:5}
 .ddp-home .ddp-start>:nth-child(2){animation-delay:.05s}
 .ddp-home .ddp-start>:nth-child(3){animation-delay:.1s}
 .ddp-home .ddp-start>:nth-child(4){animation-delay:.15s}
@@ -4300,6 +4301,28 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
       return KIND_SIZE[kind] || KIND_SIZE.web
     }
 
+    // 定死画面的类型：页面比默认画幅大（写死了 1440×810 又没写进 meta）就按页面实际大小。比例不像一页的（几页竖着堆的）不算
+    const AUTO_RATIO = { slides: [1.2, 2.4], poster: [0.45, 2.5] }
+
+    /** 各屏量到的实际大小 → 'WxH'（都没比默认大：''）。和 look.js 的 autoSize 一样 */
+    function autoSize(list, kind) {
+      const range = AUTO_RATIO[kind]
+      if (!range) return ''
+      const [dw, dh] = KIND_SIZE[kind]
+      let W = 0, H = 0
+      for (const n of list) {
+        if (!Array.isArray(n)) continue
+        const w = Math.ceil(+n[0]), h = Math.ceil(+n[1])
+        if (!(w >= 200 && h >= 200 && w <= 4000 && h <= 6000)) continue
+        if ((w <= dw && h <= dh) || w / h < range[0] || w / h > range[1]) continue
+        W = Math.max(W, w)
+        H = Math.max(H, h)
+      }
+      if (!W) return ''
+      // 一组屏共用一个画幅：别的屏量不出比默认大（正好默认大小的也报不出来），画幅不能比默认小，不然它们被裁
+      return list.length > 1 ? `${Math.max(W, dw)}x${Math.max(H, dh)}` : `${W}x${H}`
+    }
+
     /** 外框加上去之后的整块大小 */
     function deviceBox(kind, size) {
       const f = FRAME[kind] || FRAME.web
@@ -5085,7 +5108,12 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
         if (!f || !f.contentWindow) return
         // 远程看：沙盒里的页面是不透明的源，只能发给 *（发的都是界面指令，没有要保密的）
         if (f.hasAttribute('srcdoc')) f.contentWindow.postMessage({ dshDesign: 1, ...msg }, '*')
-        else if (origin) f.contentWindow.postMessage({ dshDesign: 1, ...msg }, origin)
+        else {
+          // 按这一帧自己的地址发：单看时换到别的设计目录，还是同一个组件，api 里留着的旧闭包记的是旧地址，消息会被浏览器丢掉（导出一直等到超时）
+          let to = ''
+          try { to = new URL(f.getAttribute('src')).origin } catch { /* 地址不对就不发 */ }
+          if (to) f.contentWindow.postMessage({ dshDesign: 1, ...msg }, to)
+        }
       }
 
       // 在后台载一帧新的；正在载就记一笔，等它换上来再载
@@ -5205,7 +5233,7 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
               L.title = d.title || ''
               if (p.dark) postTo(id, { type: 'theme', dark: true })
               if (p.tweak) postTo(id, { type: 'tweak', vars: p.tweak.vars, attrs: p.tweak.attrs })
-              if (p.onMeta) p.onMeta(d.meta || '', d.title || '', Array.isArray(d.tokens) ? d.tokens : [], !!d.dark, Array.isArray(d.links) ? d.links : [])
+              if (p.onMeta) p.onMeta(d.meta || '', d.title || '', Array.isArray(d.tokens) ? d.tokens : [], !!d.dark, Array.isArray(d.links) ? d.links : [], d.natural)
               if (p.onHref && d.href) p.onHref(d.href)
               if (isCur) {
                 postTo(id, { type: 'reveal' })
@@ -7578,7 +7606,7 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
       const meta = parseMeta(main.meta || (st && st.draft && st.draft.meta) || (playR.current.end ? '' : playR.current.meta) || '') // 第一屏还在放草稿（真的没摆出来）：按草稿开头写的类型
       const tokens = main.tokens || []
       const kind = (st && st.kind) || meta.kind || 'web'
-      const size = sizeOf((st && st.size) || meta.size, kind)
+      const size = sizeOf((st && st.size) || meta.size || autoSize(screens.map((sc) => (infoOf(ik(sc)) || {}).natural), kind), kind)
       const view = (st && st.view) || (screens.length >= 2 && screens.length <= 12 ? 'canvas' : 'single')
       const canvas = view === 'canvas'
       const writingNew = !!(st && st.writing) && /\.html?$/i.test(st.writing) && !screens.some((s) => s.key === st.writing)
@@ -7764,11 +7792,14 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
         showFlash(t('born', { name: title || labelOf(sc) }))
       }
 
-      const remember = (key, m, title, toks, dk, links) => {
+      const remember = (key, m, title, toks, dk, links, nat) => {
         const k = site + '|' + key
         const sig = JSON.stringify([toks || [], links || []])
-        setInfo((cur) => (cur[k] && cur[k].meta === m && cur[k].title === title && cur[k].sig === sig && cur[k].dark === dk ? cur
-          : { ...cur, [k]: { meta: m, title, tokens: toks || [], links: links || [], sig, dark: dk } }))
+        setInfo((cur) => {
+          const natural = nat || (cur[k] && cur[k].natural) || null // 画幅放大后页面不再比框大、报空：还按上回量的
+          return cur[k] && cur[k].meta === m && cur[k].title === title && cur[k].sig === sig && cur[k].dark === dk && String(cur[k].natural) === String(natural) ? cur
+            : { ...cur, [k]: { meta: m, title, tokens: toks || [], links: links || [], sig, dark: dk, natural } }
+        })
       }
 
       const rememberLinks = (key, links) => {
@@ -8068,7 +8099,7 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
           onEdited: (d) => onEdited(sc, d),
           onEditDone: () => setTextEdit(false),
           onNote: (n) => note(n, sc),
-          onMeta: (m, title, toks, dk, links) => remember(ik(sc), m, title, toks, dk, links),
+          onMeta: (m, title, toks, dk, links, nat) => remember(ik(sc), m, title, toks, dk, links, nat),
           onLinks: (links) => rememberLinks(ik(sc), links),
           onTop: (dk) => setTop(ik(sc), dk),
           onBuilt: (title) => onBuilt(sc, title),
@@ -9031,7 +9062,7 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
                     onNav: isTop ? demoGo : undefined,
                     onHref: isTop ? (href) => demoHref(l.id, href) : undefined,
                     onShown: () => demoShown(l.id),
-                    onMeta: (m, title, toks, dk, links) => remember(l.key, m, title, toks, dk, links),
+                    onMeta: (m, title, toks, dk, links, nat) => remember(l.key, m, title, toks, dk, links, nat),
                     onLinks: (links) => rememberLinks(l.key, links),
                     onTop: (dk) => setTop(l.key, dk),
                   })))))
@@ -9366,7 +9397,7 @@ ${Object.entries(CHIP_ICON).map(([k, d]) => `[data-composer-chip="${chipSrc(k)}"
     // 注意：这里是客户端**服务名**（短的），不是包名
     exports.inject = INJECT
     // 测试用
-    exports._test = { pulseStep, MarketDetail, dragKind, droppedOf, pickInfo, pickLabel, pickRanges, pickRule, chipOf, chipRanges, makeT, ZH, EN, formatCheck, formatTweaks, markHit, markPath, STYLES, formatStyle, accentUse, autoStyle, styleLook, padInsert, pageOf, pxOf, styleChanges, formatStyleAsk, takesOf, formatCheckTool, poller, frameOf, paletteOf, formatRef, layoutRow, keyOfPath, flowsOf, flowLines, flowMarks, formatPick, whereOf, parseMeta, sizeOf, layoutGrid, fitCam, tokenKind, formatToken, splitTitles, pickColors, hhmm, formatTpl, formatPrep, styleFromTokens, myStyleOf, isZipFile }
+    exports._test = { autoSize, pulseStep, MarketDetail, dragKind, droppedOf, pickInfo, pickLabel, pickRanges, pickRule, chipOf, chipRanges, makeT, ZH, EN, formatCheck, formatTweaks, markHit, markPath, STYLES, formatStyle, accentUse, autoStyle, styleLook, padInsert, pageOf, pxOf, styleChanges, formatStyleAsk, takesOf, formatCheckTool, poller, frameOf, paletteOf, formatRef, layoutRow, keyOfPath, flowsOf, flowLines, flowMarks, formatPick, whereOf, parseMeta, sizeOf, layoutGrid, fitCam, tokenKind, formatToken, splitTitles, pickColors, hhmm, formatTpl, formatPrep, styleFromTokens, myStyleOf, isZipFile }
     return module.exports
   },
 })

package/lib/index.js

@@ -60,7 +60,7 @@ import { createPhone } from './phone.js'
 import { qrMatrix } from './qr.js'
 import { makePdf, makePptx, jpegInfo } from './doc.js'
 import { createBrowser } from './browser.js'
-import { designOf, metaOfFile, sizeOf, pickScreens, measureAll, shootAll, cropIssues, formatMeasure, issueSnapshot, formatShots, whereOf, MAX_SCREENS, MAX_SIZES, MAX_SHOTS, MAX_CROPS } from './look.js'
+import { designOf, fitSize, metaOfFile, sizeOf, pickScreens, measureAll, shootAll, cropIssues, formatMeasure, issueSnapshot, formatShots, whereOf, MAX_SCREENS, MAX_SIZES, MAX_SHOTS, MAX_CROPS } from './look.js'
 import { SYSTEMS_DIR, extractSystem, listSystems, setDefault, skillSection } from './system.js'
 import { readTweaks, applyTweaks, lintTweaks } from './tweaks.js'
 import { FRAMEWORKS, detectProject, projectFor, defaultFramework, buildHandoff, compareScreens, implUrl, defaultDest, pickedDest, within } from './handoff.js'
@@ -176,6 +176,9 @@ export const previewTool = {
   },
 }
 
+/** 无头浏览器用的尺寸：没写尺寸的幻灯片 / 海报按页面实际大小（和右侧栏的画幅一样） */
+const fitted = (b, d, names) => (d.auto && b && b.available() ? fitSize(b, pickScreens(d.snap, names, names && names.length ? 40 : 6).list, d.kind, d.size) : d.size)
+
 /** 这个会话在预览的设计：哪几屏、哪类、多大（工具在无头浏览器里量 / 截图用） */
 function designFor(id) {
   const snap = studio.tracker.snapshot(id)
@@ -236,14 +239,15 @@ export const checkTool = {
     const id = toolSession(exec, '体检')
     const a = args || {}
     if (!studio.tracker.snapshot(id).url) return { text: '还没有在预览的页面：先用 preview_page 打开设计文件，再体检。' }
-    const { snap, kind, size } = designFor(id)
+    const design = designFor(id)
+    const { snap, kind } = design
     const want = sizesFrom(a.sizes, kind)
     const b = studio.browser
     if (b && b.available()) {
       try {
         const pick = pickScreens(snap, a.screens, MAX_SCREENS)
         if (!pick.list.length) return { text: `没找到要量的屏：${pick.missing.join('、')}。现在有：${(snap.screens || []).map((x) => x.key).join('、') || snap.focus}` }
-        const sizes = want.sizes.length ? want.sizes : [size]
+        const sizes = want.sizes.length ? want.sizes : [await fitted(b, design, a.screens)]
         const rows = await measureAll(b, { screens: pick.list, sizes, kind, dark: !!a.dark, locate: (items) => locateRules(studio.tracker.stateOf(id), items) })
         if (rows.some((r) => !r.error)) {
           // 同一个会话上次量的结果：这次比一比修好了几个、新出了几个
@@ -369,8 +373,9 @@ export const lookTool = {
     if (!studio.tracker.snapshot(id).url) return { text: '还没有在预览的页面：先用 preview_page 打开设计文件，再看。' }
     const b = studio.browser
     if (!b || !b.available()) return { text: '这台电脑上没找到 Chrome / Edge（无头浏览器截图要用），看不了。用 check_design 拿测量数字，或者让用户看右侧栏。' }
-    const { snap, kind, size } = designFor(id)
-    const want = a.size ? sizeOf(a.size, kind) : size
+    const design = designFor(id)
+    const { snap, kind } = design
+    const want = a.size ? sizeOf(a.size, kind) : await fitted(b, design, a.screens)
     if (!want) return { text: `认不出尺寸「${String(a.size).slice(0, 20)}」：写成 375x667，或只写宽度 375。` }
     const at = ['top', 'bottom', 'full'].includes(a.at) ? a.at : 'top'
     const pick = pickScreens(snap, a.screens, MAX_SHOTS)
@@ -469,7 +474,9 @@ export const handoffTool = {
     if (!snap.url) return { text: '还没有在预览的设计：先用 preview_page 打开设计文件。' }
     const t = studio.tracker.stateOf(id).target
     if (!t || t.kind !== 'file') return { text: '现在预览的是开发服务器上的页面，它已经是代码了：直接在那个项目里改；要比对设计稿就先用 preview_page 打开设计的 HTML 文件。' }
-    const { kind, size } = designFor(id)
+    const design = designFor(id)
+    const { kind } = design
+    const size = await fitted(studio.browser, design, a.screens)
     const pick = pickScreens(snap, a.screens, 12)
     if (!pick.list.length) return { text: `没找到要转的屏：${pick.missing.join('、')}。现在有：${(snap.screens || []).map((x) => x.key).join('、')}` }
     const cwd = studio.tracker.cwdOf(id)
@@ -524,8 +531,9 @@ export const compareTool = {
     if (!snap.url) return { text: '还没有在预览的设计稿：先用 preview_page 打开设计文件，再比。' }
     const b = studio.browser
     if (!b || !b.available()) return { text: '这台电脑上没找到 Chrome / Edge（比对要用无头浏览器截图），比不了。' }
-    const { kind, size } = designFor(id)
-    const want = a.size ? sizeOf(a.size, kind) : size
+    const design = designFor(id)
+    const { kind } = design
+    const want = a.size ? sizeOf(a.size, kind) : await fitted(b, design, typeof a.screen === 'string' && a.screen.trim() ? [a.screen] : null)
     if (!want) return { text: `认不出尺寸「${String(a.size).slice(0, 20)}」：写成 375x667，或只写宽度 375。` }
     // 指定了哪屏就只认那屏，找不到就说（别悄悄拿第一屏比，结果对不上号）；没指定才用正在看的 / 第一屏
     const asked = typeof a.screen === 'string' && a.screen.trim()

package/lib/look.js

@@ -51,6 +51,28 @@ export function sizeOf(v, kind) {
   return [w, dh]
 }
 
+// 定死画面的类型：页面比默认画幅大（写死了 1440×810 又没写进 meta）就按页面实际大小。比例不像一页的（几页竖着堆的）不算
+const AUTO_RATIO = { slides: [1.2, 2.4], poster: [0.45, 2.5] }
+
+/** 各屏量到的实际大小 → 'WxH'（都没比默认大：''）。和右侧栏 client.js 的 autoSize 一样 */
+export function autoSize(list, kind) {
+  const range = AUTO_RATIO[kind]
+  if (!range) return ''
+  const [dw, dh] = KIND_SIZE[kind]
+  let W = 0, H = 0
+  for (const n of list) {
+    if (!Array.isArray(n)) continue
+    const w = Math.ceil(+n[0]), h = Math.ceil(+n[1])
+    if (!(w >= 200 && h >= 200 && w <= 4000 && h <= 6000)) continue
+    if ((w <= dw && h <= dh) || w / h < range[0] || w / h > range[1]) continue
+    W = Math.max(W, w)
+    H = Math.max(H, h)
+  }
+  if (!W) return ''
+  // 一组屏共用一个画幅：别的屏量不出比默认大（正好默认大小的也报不出来），画幅不能比默认小，不然它们被裁
+  return list.length > 1 ? `${Math.max(W, dw)}x${Math.max(H, dh)}` : `${W}x${H}`
+}
+
 /** 设计稿是哪类、多大：preview_page 给的 → 页面里的 <meta name="dsh-design"> → 默认网页 */
 export function designOf(snap, readHead) {
   let meta = { kind: '', size: '' }
@@ -58,8 +80,9 @@ export function designOf(snap, readHead) {
     try { meta = parseMeta(readHead() || '') } catch { /* 读不到就按默认 */ }
   }
   const kind = KIND_LIST.includes(snap.kind) ? snap.kind : meta.kind || 'web'
-  const size = sizeOf(snap.size, kind) || sizeOf(meta.size, kind) || KIND_SIZE[kind]
-  return { kind, size }
+  const named = sizeOf(snap.size, kind) || sizeOf(meta.size, kind)
+  const size = named || KIND_SIZE[kind]
+  return !named && AUTO_RATIO[kind] ? { kind, size, auto: true } : { kind, size }
 }
 
 /** 本地 HTML 文件里 dsh-design 那个 meta 的内容（只读开头一段） */
@@ -109,6 +132,13 @@ export async function prepare(page, dark) {
   return { info: await page.eval('window.__dshDesign.info()'), darkOk }
 }
 
+/** 没写尺寸的幻灯片 / 海报：开页面量一下，比默认画幅大就按页面实际大小（和右侧栏的画幅一样）。量不到就还是默认 */
+export async function fitSize(browser, screens, kind, size) {
+  const [w, h] = size
+  const seen = await Promise.all(screens.map((sc) => browser.withPage({ url: sc.url, w, h }, async (page) => (await prepare(page, false)).info.natural).catch(() => null)))
+  return sizeOf(autoSize(seen, kind), kind) || size
+}
+
 /**
  * 量：每屏 × 每种尺寸开一个页面跑体检。
  * @returns [{ key, label, w, h, issues, metrics, error }]

package/lib/picker.js

@@ -993,6 +993,35 @@
 
   const seedNow = () => ({ href: here(), scroll: { x: scrollX, y: scrollY }, sig: snapshot().map })
 
+  /**
+   * 最外层那块的实际大小 [宽, 高]（幻灯片 / 海报常写死 1440×810，比框大的话画幅要跟它走）。
+   * 正好和框一样大（自适应的，或画幅已经跟过来了）、几页竖着堆的、还有别的东西往外撑的：null
+   */
+  function naturalSize() {
+    const b = document.body
+    if (!b) return null
+    const skip = (el) => el.hasAttribute('data-dsh-design') || /^(SCRIPT|STYLE|LINK|NOSCRIPT|TEMPLATE)$/.test(el.tagName)
+    let best = null
+    let box = null
+    let area = 0
+    for (const el of [b, ...b.children]) {
+      if (skip(el)) continue
+      const r = el.getBoundingClientRect()
+      if (r.width * r.height > area) { area = r.width * r.height; best = r; box = el }
+    }
+    if (!best) return null
+    // 一样大的几页竖着堆（一个文件里放了几张幻灯片 / 海报）：不是一页
+    const kids = [...box.children].filter((k) => !skip(k)).map((k) => k.getBoundingClientRect()).filter((r) => r.width && r.height)
+    if (kids.length >= 2 && kids[0].height >= innerHeight * 0.8 && kids.every((r) => Math.abs(r.width - kids[0].width) < 2 && Math.abs(r.height - kids[0].height) < 2) && kids[1].top >= kids[0].bottom - 1) return null
+    const right = best.right + scrollX
+    const bottom = best.bottom + scrollY
+    const w = Math.ceil(Math.max(best.width, right))
+    const h = Math.ceil(Math.max(best.height, bottom))
+    if (Math.abs(w - innerWidth) <= 1 && Math.abs(h - innerHeight) <= 1) return null
+    const de = document.scrollingElement || document.documentElement
+    return de.scrollWidth > Math.max(innerWidth, right) + 40 || de.scrollHeight > Math.max(innerHeight, bottom) + 40 ? null : [w, h]
+  }
+
   function boot(seed) {
     if (booted) return
     booted = true
@@ -1008,6 +1037,7 @@
       tokens: tokensOf(),
       links: firstLinks(),
       dark: hasDark(),
+      natural: naturalSize(),
       changes: pending ? { count: pending.count, whole: pending.whole } : null,
     })
     postTop()
@@ -4011,7 +4041,7 @@ background:rgba(20,20,22,.86);color:#e8e8ea;font:12px/18px -apple-system,system-
         links: () => linksOf().map(({ path, text }) => ({ path, text })),
         info: () => {
           const meta = document.querySelector('meta[name="dsh-design"]')
-          return { title: document.title, meta: meta ? String(meta.getAttribute('content') || '').slice(0, 80) : '', page: Math.max(se().scrollHeight, innerHeight), w: innerWidth, h: innerHeight, topDark: topDark() }
+          return { title: document.title, meta: meta ? String(meta.getAttribute('content') || '').slice(0, 80) : '', page: Math.max(se().scrollHeight, innerHeight), w: innerWidth, h: innerHeight, topDark: topDark(), natural: naturalSize() }
         },
         /** 'end'：所有能滚的地方都滚到底；数字 i：主要的那块滚到第 i 屏（相邻两屏留出顶栏、底栏的高度，栏后面的内容下一屏能看到） */
         // 滚完等页面跟上再截图

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-design-studio",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "type": "module",
   "scripts": {
     "test": "node --test --test-concurrency=1 test/*.mjs"