one-screen-scale 1.0.0 → 1.1.0

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/core.js","../src/directives.js","../src/composables.js"],"sourcesContent":["/**\n * 一屏自适应缩放 — 核心算法（框架无关）\n *\n * 两种模式：\n *   'contain'     一屏展示，内容不溢出，用 min(scaleX, scaleY)\n *   'fixed-width' 固定视觉宽度，内容可滚动，反向补高\n */\n\n// ---------- helpers ----------\n\nfunction resolveEl(el) {\n  if (!el) return null\n  if (typeof el === 'string') return document.querySelector(el)\n  if (el instanceof HTMLElement) return el\n  // Vue ref / React ref\n  if (el.value instanceof HTMLElement) return el.value\n  if (el.current instanceof HTMLElement) return el.current\n  return null\n}\n\n// ---------- scale calculation ----------\n\nexport function calculateScale({\n  sourceWidth,\n  sourceHeight,\n  targetWidth = (typeof window !== 'undefined' ? window.innerWidth : 1920),\n  targetHeight = (typeof window !== 'undefined' ? window.innerHeight : 1080),\n  mode = 'contain',\n  visualWidth = 450,     // fixed-width 模式下的目标视觉宽度\n  screenWidth = (typeof window !== 'undefined' ? window.screen.width : 1920),     // fixed-width 模式下的设备屏幕宽度\n}) {\n  if (!sourceWidth || !sourceHeight || sourceWidth <= 0 || sourceHeight <= 0) return 1\n\n  let scale\n\n  if (mode === 'fixed-width') {\n    if(screenWidth < visualWidth){\n      scale = 1\n    }else{\n      scale = visualWidth / Math.max(targetWidth, screenWidth)\n    }\n  } else {\n    const sx = targetWidth / sourceWidth\n    const sy = targetHeight / sourceHeight\n    scale = Math.min(sx, sy)\n  }\n\n  return scale\n}\n\n// ---------- apply / read ----------\n\nexport function applyScale(el, scale, origin = 'top center') {\n  const target = resolveEl(el)\n  if (!target) return\n  target.style.transform = `scale(${scale})`\n  target.style.transformOrigin = origin\n}\n\nexport function getPageScale(el) {\n  const target = resolveEl(el)\n  if (!target) return 1\n\n  const style = window.getComputedStyle(target)\n  const t = style.transform\n  if (!t || t === 'none') return 1\n\n  // matrix(a, b, c, d, e, f) — 2d\n  const m2 = t.match(/matrix\\(([^,]+),\\s*[^,]+,\\s*[^,]+,\\s*([^,]+)/)\n  if (m2) return (parseFloat(m2[1]) + parseFloat(m2[2])) / 2\n\n  // matrix3d — 3d\n  const m3 = t.match(/matrix3d\\(([^,]+),[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,([^,]+)\\)/)\n  if (m3) return (parseFloat(m3[1]) + parseFloat(m3[2])) / 2\n\n  // scale(x, y) or scale(s)\n  const sm = t.match(/scale\\(([^)]+)\\)/)\n  if (sm) {\n    const vals = sm[1].split(',').map(v => parseFloat(v.trim()))\n    return vals.length >= 2 ? (vals[0] + vals[1]) / 2 : vals[0]\n  }\n\n  return 1\n}\n\nexport function getInverseScale(el = '.share-page') {\n  const s = getPageScale(el)\n  return s > 0 ? 1 / s : 1\n}\n\n// ---------- scaler instance ----------\n\nexport function createScaler(el, options = {}) {\n  const target = resolveEl(el)\n  if (!target) throw new Error('[one-screen-scale] element not found')\n\n  const {\n    mode = 'contain',\n    visualWidth = 450,\n    origin = 'top center',\n    autoResize = true\n  } = options\n\n  let currentScale = 1\n  let handler = null\n\n  function compute() {\n    const sw = target.offsetWidth\n    const sh = target.offsetHeight\n    const tw = window.innerWidth\n    const th = window.innerHeight\n\n    return calculateScale({\n      sourceWidth: sw,\n      sourceHeight: sh,\n      targetWidth: tw,\n      targetHeight: th,\n      mode,\n      visualWidth,\n      screenWidth: window.screen.width\n    })\n  }\n\n  function refresh() {\n    const next = compute()\n    if (next !== currentScale) {\n      currentScale = next\n      applyScale(target, next, origin)\n\n      // fixed-width 模式：反向补偿高度\n      if (mode === 'fixed-width' && next > 0) {\n        target.style.width = `${Math.max(window.innerWidth, window.screen.width)}px`\n        target.style.height = `${Math.round(window.innerHeight / next)}px`\n      }\n    }\n    return currentScale\n  }\n\n  function start() {\n    refresh()\n    if (autoResize) {\n      handler = () => refresh()\n      window.addEventListener('resize', handler)\n    }\n    return currentScale\n  }\n\n  function stop() {\n    if (handler) {\n      window.removeEventListener('resize', handler)\n      handler = null\n    }\n  }\n\n  return { start, stop, refresh, getScale: () => currentScale }\n}\n","/**\n * Vue 3 指令\n *   v-fit-screen   页面级缩放\n *   v-compensate   组件级反缩放补偿\n */\nimport { createScaler } from './core.js'\n\n// ---- v-fit-screen ----\n\nexport const vFitScreen = {\n  mounted(el, binding) {\n    const options = binding.value || {}\n    const scaler = createScaler(el, options)\n    scaler.start()\n    el.__fitScreenScaler = scaler\n  },\n\n  updated(el, binding) {\n    const scaler = el.__fitScreenScaler\n    if (scaler) {\n      const options = binding.value || {}\n      // 简单处理：重新 refresh\n      scaler.refresh()\n    }\n  },\n\n  unmounted(el) {\n    const scaler = el.__fitScreenScaler\n    if (scaler) {\n      scaler.stop()\n      delete el.__fitScreenScaler\n    }\n  }\n}\n","/**\n * Vue 3 Composable\n *   useFitScreen(ref, options) → { scale, inverseScale, refresh }\n */\nimport { ref, onMounted, onUnmounted, watch } from 'vue'\nimport { createScaler, getInverseScale } from './core.js'\n\nexport function useFitScreen(targetRef, options = {}) {\n  const scale = ref(1)\n  const inverseScale = ref(1)\n\n  let scaler = null\n  let onResize = null\n\n  function setup(el) {\n    if (!el) return\n    scaler = createScaler(el, options)\n    const s = scaler.start()\n    scale.value = s\n    inverseScale.value = getInverseScale(el)\n\n    onResize = () => {\n      scale.value = scaler?.getScale?.() ?? 1\n      inverseScale.value = getInverseScale(el)\n    }\n    window.addEventListener('resize', onResize)\n  }\n\n  function teardown() {\n    if (onResize) {\n      window.removeEventListener('resize', onResize)\n      onResize = null\n    }\n    scaler?.stop()\n    scaler = null\n  }\n\n  // 处理 ref 初始有值的情况\n  onMounted(() => {\n    const el = targetRef?.value ?? targetRef\n    setup(el)\n  })\n\n  // 处理 ref 延迟赋值的情况（异步挂载）\n  if (targetRef && typeof targetRef === 'object' && 'value' in targetRef) {\n    watch(\n      () => targetRef.value,\n      (el) => {\n        if (el && !scaler) setup(el)\n      }\n    )\n  }\n\n  onUnmounted(() => {\n    teardown()\n  })\n\n  const refresh = () => {\n    const el = targetRef?.value ?? targetRef\n    if (!el || !scaler) return\n    const s = scaler.refresh()\n    scale.value = s\n    inverseScale.value = getInverseScale(el)\n  }\n\n  return { scale, inverseScale, refresh }\n}\n"],"names":["resolveEl","el","document","querySelector","HTMLElement","value","current","calculateScale","sourceWidth","sourceHeight","targetWidth","window","innerWidth","targetHeight","innerHeight","mode","visualWidth","screenWidth","screen","width","scale","Math","max","sx","sy","min","applyScale","origin","target","style","transform","transformOrigin","getPageScale","t","getComputedStyle","m2","match","parseFloat","m3","sm","vals","split","map","v","trim","length","getInverseScale","s","createScaler","options","Error","autoResize","currentScale","handler","refresh","next","offsetWidth","offsetHeight","height","round","start","addEventListener","stop","removeEventListener","getScale","vFitScreen","mounted","binding","scaler","__fitScreenScaler","updated","unmounted","useFitScreen","targetRef","ref","inverseScale","onResize","setup","onMounted","watch","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/core.js","../src/directives.js","../src/composables.js"],"sourcesContent":["/**\r\n * 一屏自适应缩放 — 核心算法（框架无关）\r\n *\r\n * 两种模式：\r\n *   'contain'     一屏展示，内容不溢出，用 min(scaleX, scaleY)\r\n *   'fixed-width' 固定视觉宽度，内容可滚动，反向补高\r\n */\r\n\r\n// ---------- helpers ----------\r\n\r\nfunction resolveEl(el) {\r\n  if (!el) return null\r\n  if (typeof el === 'string') return document.querySelector(el)\r\n  if (el instanceof HTMLElement) return el\r\n  // Vue ref / React ref\r\n  if (el.value instanceof HTMLElement) return el.value\r\n  if (el.current instanceof HTMLElement) return el.current\r\n  return null\r\n}\r\n\r\n// ---------- scale calculation ----------\r\n\r\nexport function calculateScale({\r\n  sourceWidth,\r\n  sourceHeight,\r\n  targetWidth = (typeof window !== 'undefined' ? window.innerWidth : 1920),\r\n  targetHeight = (typeof window !== 'undefined' ? window.innerHeight : 1080),\r\n  mode = 'contain',\r\n  visualWidth = 450,     // fixed-width 模式下的目标视觉宽度\r\n  // screenWidth = (typeof window !== 'undefined' ? window.screen.width : 1920),     // fixed-width 模式下的设备屏幕宽度\r\n}) {\r\n  if (!sourceWidth || !sourceHeight || sourceWidth <= 0 || sourceHeight <= 0) return 1\r\n\r\n  let scale\r\n\r\n  if (mode === 'fixed-width') {\r\n    // if(screenWidth < visualWidth){\r\n    //   scale = 1\r\n    // }else{\r\n    //   scale = visualWidth / Math.max(targetWidth, screenWidth)\r\n    // }\r\n    // 只用视口宽：视口比目标宽才缩小，否则 1:1（保持清晰）\r\n    scale = targetWidth > visualWidth ? visualWidth / targetWidth : 1\r\n  } else {\r\n    const sx = targetWidth / sourceWidth\r\n    const sy = targetHeight / sourceHeight\r\n    scale = Math.min(sx, sy)\r\n  }\r\n\r\n  return scale\r\n}\r\n\r\n// ---------- apply / read ----------\r\n\r\nexport function applyScale(el, scale, origin = 'top center') {\r\n  const target = resolveEl(el)\r\n  if (!target) return\r\n  target.style.transform = `scale(${scale})`\r\n  target.style.transformOrigin = origin\r\n}\r\n\r\nexport function getPageScale(el) {\r\n  const target = resolveEl(el)\r\n  if (!target) return 1\r\n\r\n  const style = window.getComputedStyle(target)\r\n  const t = style.transform\r\n  if (!t || t === 'none') return 1\r\n\r\n  // matrix(a, b, c, d, e, f) — 2d\r\n  const m2 = t.match(/matrix\\(([^,]+),\\s*[^,]+,\\s*[^,]+,\\s*([^,]+)/)\r\n  if (m2) return (parseFloat(m2[1]) + parseFloat(m2[2])) / 2\r\n\r\n  // matrix3d — 3d\r\n  const m3 = t.match(/matrix3d\\(([^,]+),[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,([^,]+)\\)/)\r\n  if (m3) return (parseFloat(m3[1]) + parseFloat(m3[2])) / 2\r\n\r\n  // scale(x, y) or scale(s)\r\n  const sm = t.match(/scale\\(([^)]+)\\)/)\r\n  if (sm) {\r\n    const vals = sm[1].split(',').map(v => parseFloat(v.trim()))\r\n    return vals.length >= 2 ? (vals[0] + vals[1]) / 2 : vals[0]\r\n  }\r\n\r\n  return 1\r\n}\r\n\r\nexport function getInverseScale(el = '.share-page') {\r\n  const s = getPageScale(el)\r\n  return s > 0 ? 1 / s : 1\r\n}\r\n\r\n// ---------- scaler instance ----------\r\n\r\nexport function createScaler(el, options = {}) {\r\n  const target = resolveEl(el)\r\n  if (!target) throw new Error('[one-screen-scale] element not found')\r\n\r\n  const {\r\n    mode = 'contain',\r\n    visualWidth = 450,\r\n    origin = 'top center',\r\n    autoResize = true\r\n  } = options\r\n\r\n  let currentScale = 1\r\n  let handler = null\r\n\r\n  function compute() {\r\n    const sw = target.offsetWidth\r\n    const sh = target.offsetHeight\r\n    const tw = document.documentElement.clientWidth || window.innerWidth\r\n    const th = window.innerHeight\r\n\r\n    return calculateScale({\r\n      sourceWidth: sw,\r\n      sourceHeight: sh,\r\n      targetWidth: tw,\r\n      targetHeight: th,\r\n      mode,\r\n      visualWidth,\r\n      // screenWidth: window.screen.width\r\n    })\r\n  }\r\n\r\n  function refresh() {\r\n    const next = compute()\r\n    if (next !== currentScale) {\r\n      currentScale = next\r\n      applyScale(target, next, origin)\r\n    }\r\n\r\n    // fixed-width 模式：反向补偿高度\r\n    if (mode === 'fixed-width' && next > 0) {\r\n      // target.style.width = `${Math.max(window.innerWidth, window.screen.width)}px`\r\n      const viewportWidth = document.documentElement.clientWidth || window.innerWidth\r\n      target.style.width = `${viewportWidth}px`\r\n      target.style.height = `${Math.round(window.innerHeight / next)}px`\r\n    }\r\n    return currentScale\r\n  }\r\n\r\n  function start() {\r\n    refresh()\r\n    if (autoResize) {\r\n      handler = () => refresh()\r\n      window.addEventListener('resize', handler)\r\n    }\r\n    return currentScale\r\n  }\r\n\r\n  function stop() {\r\n    if (handler) {\r\n      window.removeEventListener('resize', handler)\r\n      handler = null\r\n    }\r\n  }\r\n\r\n  return { start, stop, refresh, getScale: () => currentScale }\r\n}\r\n","/**\r\n * Vue 3 指令\r\n *   v-fit-screen   页面级缩放\r\n *   v-compensate   组件级反缩放补偿\r\n */\r\nimport { createScaler } from './core.js'\r\n\r\n// ---- v-fit-screen ----\r\n\r\nexport const vFitScreen = {\r\n  mounted(el, binding) {\r\n    const options = binding.value || {}\r\n    const scaler = createScaler(el, options)\r\n    scaler.start()\r\n    el.__fitScreenScaler = scaler\r\n  },\r\n\r\n  updated(el, binding) {\r\n    const scaler = el.__fitScreenScaler\r\n    if (scaler) {\r\n      const options = binding.value || {}\r\n      // 简单处理：重新 refresh\r\n      scaler.refresh()\r\n    }\r\n  },\r\n\r\n  unmounted(el) {\r\n    const scaler = el.__fitScreenScaler\r\n    if (scaler) {\r\n      scaler.stop()\r\n      delete el.__fitScreenScaler\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Vue 3 Composable\r\n *   useFitScreen(ref, options) → { scale, inverseScale, refresh }\r\n */\r\nimport { ref, onMounted, onUnmounted, watch } from 'vue'\r\nimport { createScaler, getInverseScale } from './core.js'\r\n\r\nexport function useFitScreen(targetRef, options = {}) {\r\n  const scale = ref(1)\r\n  const inverseScale = ref(1)\r\n\r\n  let scaler = null\r\n  let onResize = null\r\n\r\n  function setup(el) {\r\n    if (!el) return\r\n    scaler = createScaler(el, options)\r\n    const s = scaler.start()\r\n    scale.value = s\r\n    inverseScale.value = getInverseScale(el)\r\n\r\n    onResize = () => {\r\n      scale.value = scaler?.getScale?.() ?? 1\r\n      inverseScale.value = getInverseScale(el)\r\n    }\r\n    window.addEventListener('resize', onResize)\r\n  }\r\n\r\n  function teardown() {\r\n    if (onResize) {\r\n      window.removeEventListener('resize', onResize)\r\n      onResize = null\r\n    }\r\n    scaler?.stop()\r\n    scaler = null\r\n  }\r\n\r\n  // 处理 ref 初始有值的情况\r\n  onMounted(() => {\r\n    const el = targetRef?.value ?? targetRef\r\n    setup(el)\r\n  })\r\n\r\n  // 处理 ref 延迟赋值的情况（异步挂载）\r\n  if (targetRef && typeof targetRef === 'object' && 'value' in targetRef) {\r\n    watch(\r\n      () => targetRef.value,\r\n      (el) => {\r\n        if (el && !scaler) setup(el)\r\n      }\r\n    )\r\n  }\r\n\r\n  onUnmounted(() => {\r\n    teardown()\r\n  })\r\n\r\n  const refresh = () => {\r\n    const el = targetRef?.value ?? targetRef\r\n    if (!el || !scaler) return\r\n    const s = scaler.refresh()\r\n    scale.value = s\r\n    inverseScale.value = getInverseScale(el)\r\n  }\r\n\r\n  return { scale, inverseScale, refresh }\r\n}\r\n"],"names":["resolveEl","el","document","querySelector","HTMLElement","value","current","calculateScale","sourceWidth","sourceHeight","targetWidth","window","innerWidth","targetHeight","innerHeight","mode","visualWidth","scale","sx","sy","Math","min","applyScale","origin","target","style","transform","transformOrigin","getPageScale","t","getComputedStyle","m2","match","parseFloat","m3","sm","vals","split","map","v","trim","length","getInverseScale","s","createScaler","options","Error","autoResize","currentScale","handler","refresh","next","offsetWidth","offsetHeight","documentElement","clientWidth","viewportWidth","width","height","round","start","addEventListener","stop","removeEventListener","getScale","vFitScreen","mounted","binding","scaler","__fitScreenScaler","updated","unmounted","useFitScreen","targetRef","ref","inverseScale","onResize","setup","onMounted","watch","onUnmounted"],"mappings":"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"}

package/dist/react.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");function t(e){return e?"string"==typeof e?document.querySelector(e):e instanceof HTMLElement?e:e.value instanceof HTMLElement?e.value:e.current instanceof HTMLElement?e.current:null:null}function n(e,n={}){const r=t(e);if(!r)throw new Error("[one-screen-scale] element not found");const{mode:i="contain",visualWidth:o=450,origin:s="top center",autoResize:c=!0}=n;let u=1,d=null;function w(){return function({sourceWidth:e,sourceHeight:t,targetWidth:n=("undefined"!=typeof window?window.innerWidth:1920),targetHeight:r=("undefined"!=typeof window?window.innerHeight:1080),mode:i="contain",visualWidth:o=450,screenWidth:s=("undefined"!=typeof window?window.screen.width:1920)}){if(!e||!t||e<=0||t<=0)return 1;let c;if("fixed-width"===i)c=s<o?1:o/Math.max(n,s);else{const i=n/e,o=r/t;c=Math.min(i,o)}return c}({sourceWidth:r.offsetWidth,sourceHeight:r.offsetHeight,targetWidth:window.innerWidth,targetHeight:window.innerHeight,mode:i,visualWidth:o,screenWidth:window.screen.width})}function a(){const e=w();return e!==u&&(u=e,function(e,n,r="top center"){const i=t(e);i&&(i.style.transform=`scale(${n})`,i.style.transformOrigin=r)}(r,e,s),"fixed-width"===i&&e>0&&(r.style.width=`${Math.max(window.innerWidth,window.screen.width)}px`,r.style.height=`${Math.round(window.innerHeight/e)}px`)),u}return{start:function(){return a(),c&&(d=()=>a(),window.addEventListener("resize",d)),u},stop:function(){d&&(window.removeEventListener("resize",d),d=null)},refresh:a,getScale:()=>u}}exports.useFitScreen=function(t,r={}){const[i,o]=e.useState(1),[s,c]=e.useState(1),u=e.useRef(null);return e.useEffect(()=>{const e=t?.current??t;if(!e)return;const i=n(e,r);u.current=i;const s=i.start();o(s),c(s>0?1/s:1);const d=()=>{const e=i.getScale();o(e),c(e>0?1/e:1)};return window.addEventListener("resize",d),()=>{window.removeEventListener("resize",d),i.stop(),u.current=null}},[t]),{scale:i,inverseScale:s,refresh:e.useCallback(()=>{if(!(t?.current??t)||!u.current)return;const e=u.current.refresh();o(e),c(e>0?1/e:1)},[t])}};
+"use strict";var e=require("react");function t(e){return e?"string"==typeof e?document.querySelector(e):e instanceof HTMLElement?e:e.value instanceof HTMLElement?e.value:e.current instanceof HTMLElement?e.current:null:null}function n(e,n={}){const r=t(e);if(!r)throw new Error("[one-screen-scale] element not found");const{mode:i="contain",visualWidth:o=450,origin:s="top center",autoResize:u=!0}=n;let c=1,d=null;function l(){return function({sourceWidth:e,sourceHeight:t,targetWidth:n=("undefined"!=typeof window?window.innerWidth:1920),targetHeight:r=("undefined"!=typeof window?window.innerHeight:1080),mode:i="contain",visualWidth:o=450}){if(!e||!t||e<=0||t<=0)return 1;let s;if("fixed-width"===i)s=n>o?o/n:1;else{const i=n/e,o=r/t;s=Math.min(i,o)}return s}({sourceWidth:r.offsetWidth,sourceHeight:r.offsetHeight,targetWidth:document.documentElement.clientWidth||window.innerWidth,targetHeight:window.innerHeight,mode:i,visualWidth:o})}function f(){const e=l();if(e!==c&&(c=e,function(e,n,r="top center"){const i=t(e);i&&(i.style.transform=`scale(${n})`,i.style.transformOrigin=r)}(r,e,s)),"fixed-width"===i&&e>0){const t=document.documentElement.clientWidth||window.innerWidth;r.style.width=`${t}px`,r.style.height=`${Math.round(window.innerHeight/e)}px`}return c}return{start:function(){return f(),u&&(d=()=>f(),window.addEventListener("resize",d)),c},stop:function(){d&&(window.removeEventListener("resize",d),d=null)},refresh:f,getScale:()=>c}}exports.useFitScreen=function(t,r={}){const[i,o]=e.useState(1),[s,u]=e.useState(1),c=e.useRef(null);return e.useEffect(()=>{const e=t?.current??t;if(!e)return;const i=n(e,r);c.current=i;const s=i.start();o(s),u(s>0?1/s:1);const d=()=>{const e=i.getScale();o(e),u(e>0?1/e:1)};return window.addEventListener("resize",d),()=>{window.removeEventListener("resize",d),i.stop(),c.current=null}},[t]),{scale:i,inverseScale:s,refresh:e.useCallback(()=>{if(!(t?.current??t)||!c.current)return;const e=c.current.refresh();o(e),u(e>0?1/e:1)},[t])}};
 //# sourceMappingURL=react.cjs.js.map

package/dist/react.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.cjs.js","sources":["../src/core.js","../src/react.js"],"sourcesContent":["/**\n * 一屏自适应缩放 — 核心算法（框架无关）\n *\n * 两种模式：\n *   'contain'     一屏展示，内容不溢出，用 min(scaleX, scaleY)\n *   'fixed-width' 固定视觉宽度，内容可滚动，反向补高\n */\n\n// ---------- helpers ----------\n\nfunction resolveEl(el) {\n  if (!el) return null\n  if (typeof el === 'string') return document.querySelector(el)\n  if (el instanceof HTMLElement) return el\n  // Vue ref / React ref\n  if (el.value instanceof HTMLElement) return el.value\n  if (el.current instanceof HTMLElement) return el.current\n  return null\n}\n\n// ---------- scale calculation ----------\n\nexport function calculateScale({\n  sourceWidth,\n  sourceHeight,\n  targetWidth = (typeof window !== 'undefined' ? window.innerWidth : 1920),\n  targetHeight = (typeof window !== 'undefined' ? window.innerHeight : 1080),\n  mode = 'contain',\n  visualWidth = 450,     // fixed-width 模式下的目标视觉宽度\n  screenWidth = (typeof window !== 'undefined' ? window.screen.width : 1920),     // fixed-width 模式下的设备屏幕宽度\n}) {\n  if (!sourceWidth || !sourceHeight || sourceWidth <= 0 || sourceHeight <= 0) return 1\n\n  let scale\n\n  if (mode === 'fixed-width') {\n    if(screenWidth < visualWidth){\n      scale = 1\n    }else{\n      scale = visualWidth / Math.max(targetWidth, screenWidth)\n    }\n  } else {\n    const sx = targetWidth / sourceWidth\n    const sy = targetHeight / sourceHeight\n    scale = Math.min(sx, sy)\n  }\n\n  return scale\n}\n\n// ---------- apply / read ----------\n\nexport function applyScale(el, scale, origin = 'top center') {\n  const target = resolveEl(el)\n  if (!target) return\n  target.style.transform = `scale(${scale})`\n  target.style.transformOrigin = origin\n}\n\nexport function getPageScale(el) {\n  const target = resolveEl(el)\n  if (!target) return 1\n\n  const style = window.getComputedStyle(target)\n  const t = style.transform\n  if (!t || t === 'none') return 1\n\n  // matrix(a, b, c, d, e, f) — 2d\n  const m2 = t.match(/matrix\\(([^,]+),\\s*[^,]+,\\s*[^,]+,\\s*([^,]+)/)\n  if (m2) return (parseFloat(m2[1]) + parseFloat(m2[2])) / 2\n\n  // matrix3d — 3d\n  const m3 = t.match(/matrix3d\\(([^,]+),[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,([^,]+)\\)/)\n  if (m3) return (parseFloat(m3[1]) + parseFloat(m3[2])) / 2\n\n  // scale(x, y) or scale(s)\n  const sm = t.match(/scale\\(([^)]+)\\)/)\n  if (sm) {\n    const vals = sm[1].split(',').map(v => parseFloat(v.trim()))\n    return vals.length >= 2 ? (vals[0] + vals[1]) / 2 : vals[0]\n  }\n\n  return 1\n}\n\nexport function getInverseScale(el = '.share-page') {\n  const s = getPageScale(el)\n  return s > 0 ? 1 / s : 1\n}\n\n// ---------- scaler instance ----------\n\nexport function createScaler(el, options = {}) {\n  const target = resolveEl(el)\n  if (!target) throw new Error('[one-screen-scale] element not found')\n\n  const {\n    mode = 'contain',\n    visualWidth = 450,\n    origin = 'top center',\n    autoResize = true\n  } = options\n\n  let currentScale = 1\n  let handler = null\n\n  function compute() {\n    const sw = target.offsetWidth\n    const sh = target.offsetHeight\n    const tw = window.innerWidth\n    const th = window.innerHeight\n\n    return calculateScale({\n      sourceWidth: sw,\n      sourceHeight: sh,\n      targetWidth: tw,\n      targetHeight: th,\n      mode,\n      visualWidth,\n      screenWidth: window.screen.width\n    })\n  }\n\n  function refresh() {\n    const next = compute()\n    if (next !== currentScale) {\n      currentScale = next\n      applyScale(target, next, origin)\n\n      // fixed-width 模式：反向补偿高度\n      if (mode === 'fixed-width' && next > 0) {\n        target.style.width = `${Math.max(window.innerWidth, window.screen.width)}px`\n        target.style.height = `${Math.round(window.innerHeight / next)}px`\n      }\n    }\n    return currentScale\n  }\n\n  function start() {\n    refresh()\n    if (autoResize) {\n      handler = () => refresh()\n      window.addEventListener('resize', handler)\n    }\n    return currentScale\n  }\n\n  function stop() {\n    if (handler) {\n      window.removeEventListener('resize', handler)\n      handler = null\n    }\n  }\n\n  return { start, stop, refresh, getScale: () => currentScale }\n}\n","/**\n * React hook\n *   useFitScreen(ref, options) → { scale, inverseScale, refresh }\n */\nimport { useRef, useState, useEffect, useCallback } from 'react'\nimport { createScaler } from './core.js'\n\nexport function useFitScreen(targetRef, options = {}) {\n  const [scale, setScale] = useState(1)\n  const [inverseScale, setInverseScale] = useState(1)\n  const scalerRef = useRef(null)\n\n  useEffect(() => {\n    const el = targetRef?.current ?? targetRef\n    if (!el) return\n\n    const scaler = createScaler(el, options)\n    scalerRef.current = scaler\n    const s = scaler.start()\n    setScale(s)\n    setInverseScale(s > 0 ? 1 / s : 1)\n\n    const onResize = () => {\n      const s = scaler.getScale()\n      setScale(s)\n      setInverseScale(s > 0 ? 1 / s : 1)\n    }\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      window.removeEventListener('resize', onResize)\n      scaler.stop()\n      scalerRef.current = null\n    }\n  }, [targetRef])\n\n  const refresh = useCallback(() => {\n    const el = targetRef?.current ?? targetRef\n    if (!el || !scalerRef.current) return\n    const s = scalerRef.current.refresh()\n    setScale(s)\n    setInverseScale(s > 0 ? 1 / s : 1)\n  }, [targetRef])\n\n  return { scale, inverseScale, refresh }\n}\n"],"names":["resolveEl","el","document","querySelector","HTMLElement","value","current","createScaler","options","target","Error","mode","visualWidth","origin","autoResize","currentScale","handler","compute","sourceWidth","sourceHeight","targetWidth","window","innerWidth","targetHeight","innerHeight","screenWidth","screen","width","scale","Math","max","sx","sy","min","calculateScale","offsetWidth","offsetHeight","refresh","next","style","transform","transformOrigin","applyScale","height","round","start","addEventListener","stop","removeEventListener","getScale","targetRef","setScale","useState","inverseScale","setInverseScale","scalerRef","useRef","useEffect","scaler","s","onResize","useCallback"],"mappings":"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"}
+{"version":3,"file":"react.cjs.js","sources":["../src/core.js","../src/react.js"],"sourcesContent":["/**\r\n * 一屏自适应缩放 — 核心算法（框架无关）\r\n *\r\n * 两种模式：\r\n *   'contain'     一屏展示，内容不溢出，用 min(scaleX, scaleY)\r\n *   'fixed-width' 固定视觉宽度，内容可滚动，反向补高\r\n */\r\n\r\n// ---------- helpers ----------\r\n\r\nfunction resolveEl(el) {\r\n  if (!el) return null\r\n  if (typeof el === 'string') return document.querySelector(el)\r\n  if (el instanceof HTMLElement) return el\r\n  // Vue ref / React ref\r\n  if (el.value instanceof HTMLElement) return el.value\r\n  if (el.current instanceof HTMLElement) return el.current\r\n  return null\r\n}\r\n\r\n// ---------- scale calculation ----------\r\n\r\nexport function calculateScale({\r\n  sourceWidth,\r\n  sourceHeight,\r\n  targetWidth = (typeof window !== 'undefined' ? window.innerWidth : 1920),\r\n  targetHeight = (typeof window !== 'undefined' ? window.innerHeight : 1080),\r\n  mode = 'contain',\r\n  visualWidth = 450,     // fixed-width 模式下的目标视觉宽度\r\n  // screenWidth = (typeof window !== 'undefined' ? window.screen.width : 1920),     // fixed-width 模式下的设备屏幕宽度\r\n}) {\r\n  if (!sourceWidth || !sourceHeight || sourceWidth <= 0 || sourceHeight <= 0) return 1\r\n\r\n  let scale\r\n\r\n  if (mode === 'fixed-width') {\r\n    // if(screenWidth < visualWidth){\r\n    //   scale = 1\r\n    // }else{\r\n    //   scale = visualWidth / Math.max(targetWidth, screenWidth)\r\n    // }\r\n    // 只用视口宽：视口比目标宽才缩小，否则 1:1（保持清晰）\r\n    scale = targetWidth > visualWidth ? visualWidth / targetWidth : 1\r\n  } else {\r\n    const sx = targetWidth / sourceWidth\r\n    const sy = targetHeight / sourceHeight\r\n    scale = Math.min(sx, sy)\r\n  }\r\n\r\n  return scale\r\n}\r\n\r\n// ---------- apply / read ----------\r\n\r\nexport function applyScale(el, scale, origin = 'top center') {\r\n  const target = resolveEl(el)\r\n  if (!target) return\r\n  target.style.transform = `scale(${scale})`\r\n  target.style.transformOrigin = origin\r\n}\r\n\r\nexport function getPageScale(el) {\r\n  const target = resolveEl(el)\r\n  if (!target) return 1\r\n\r\n  const style = window.getComputedStyle(target)\r\n  const t = style.transform\r\n  if (!t || t === 'none') return 1\r\n\r\n  // matrix(a, b, c, d, e, f) — 2d\r\n  const m2 = t.match(/matrix\\(([^,]+),\\s*[^,]+,\\s*[^,]+,\\s*([^,]+)/)\r\n  if (m2) return (parseFloat(m2[1]) + parseFloat(m2[2])) / 2\r\n\r\n  // matrix3d — 3d\r\n  const m3 = t.match(/matrix3d\\(([^,]+),[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,([^,]+)\\)/)\r\n  if (m3) return (parseFloat(m3[1]) + parseFloat(m3[2])) / 2\r\n\r\n  // scale(x, y) or scale(s)\r\n  const sm = t.match(/scale\\(([^)]+)\\)/)\r\n  if (sm) {\r\n    const vals = sm[1].split(',').map(v => parseFloat(v.trim()))\r\n    return vals.length >= 2 ? (vals[0] + vals[1]) / 2 : vals[0]\r\n  }\r\n\r\n  return 1\r\n}\r\n\r\nexport function getInverseScale(el = '.share-page') {\r\n  const s = getPageScale(el)\r\n  return s > 0 ? 1 / s : 1\r\n}\r\n\r\n// ---------- scaler instance ----------\r\n\r\nexport function createScaler(el, options = {}) {\r\n  const target = resolveEl(el)\r\n  if (!target) throw new Error('[one-screen-scale] element not found')\r\n\r\n  const {\r\n    mode = 'contain',\r\n    visualWidth = 450,\r\n    origin = 'top center',\r\n    autoResize = true\r\n  } = options\r\n\r\n  let currentScale = 1\r\n  let handler = null\r\n\r\n  function compute() {\r\n    const sw = target.offsetWidth\r\n    const sh = target.offsetHeight\r\n    const tw = document.documentElement.clientWidth || window.innerWidth\r\n    const th = window.innerHeight\r\n\r\n    return calculateScale({\r\n      sourceWidth: sw,\r\n      sourceHeight: sh,\r\n      targetWidth: tw,\r\n      targetHeight: th,\r\n      mode,\r\n      visualWidth,\r\n      // screenWidth: window.screen.width\r\n    })\r\n  }\r\n\r\n  function refresh() {\r\n    const next = compute()\r\n    if (next !== currentScale) {\r\n      currentScale = next\r\n      applyScale(target, next, origin)\r\n    }\r\n\r\n    // fixed-width 模式：反向补偿高度\r\n    if (mode === 'fixed-width' && next > 0) {\r\n      // target.style.width = `${Math.max(window.innerWidth, window.screen.width)}px`\r\n      const viewportWidth = document.documentElement.clientWidth || window.innerWidth\r\n      target.style.width = `${viewportWidth}px`\r\n      target.style.height = `${Math.round(window.innerHeight / next)}px`\r\n    }\r\n    return currentScale\r\n  }\r\n\r\n  function start() {\r\n    refresh()\r\n    if (autoResize) {\r\n      handler = () => refresh()\r\n      window.addEventListener('resize', handler)\r\n    }\r\n    return currentScale\r\n  }\r\n\r\n  function stop() {\r\n    if (handler) {\r\n      window.removeEventListener('resize', handler)\r\n      handler = null\r\n    }\r\n  }\r\n\r\n  return { start, stop, refresh, getScale: () => currentScale }\r\n}\r\n","/**\r\n * React hook\r\n *   useFitScreen(ref, options) → { scale, inverseScale, refresh }\r\n */\r\nimport { useRef, useState, useEffect, useCallback } from 'react'\r\nimport { createScaler } from './core.js'\r\n\r\nexport function useFitScreen(targetRef, options = {}) {\r\n  const [scale, setScale] = useState(1)\r\n  const [inverseScale, setInverseScale] = useState(1)\r\n  const scalerRef = useRef(null)\r\n\r\n  useEffect(() => {\r\n    const el = targetRef?.current ?? targetRef\r\n    if (!el) return\r\n\r\n    const scaler = createScaler(el, options)\r\n    scalerRef.current = scaler\r\n    const s = scaler.start()\r\n    setScale(s)\r\n    setInverseScale(s > 0 ? 1 / s : 1)\r\n\r\n    const onResize = () => {\r\n      const s = scaler.getScale()\r\n      setScale(s)\r\n      setInverseScale(s > 0 ? 1 / s : 1)\r\n    }\r\n    window.addEventListener('resize', onResize)\r\n\r\n    return () => {\r\n      window.removeEventListener('resize', onResize)\r\n      scaler.stop()\r\n      scalerRef.current = null\r\n    }\r\n  }, [targetRef])\r\n\r\n  const refresh = useCallback(() => {\r\n    const el = targetRef?.current ?? targetRef\r\n    if (!el || !scalerRef.current) return\r\n    const s = scalerRef.current.refresh()\r\n    setScale(s)\r\n    setInverseScale(s > 0 ? 1 / s : 1)\r\n  }, [targetRef])\r\n\r\n  return { scale, inverseScale, refresh }\r\n}\r\n"],"names":["resolveEl","el","document","querySelector","HTMLElement","value","current","createScaler","options","target","Error","mode","visualWidth","origin","autoResize","currentScale","handler","compute","sourceWidth","sourceHeight","targetWidth","window","innerWidth","targetHeight","innerHeight","scale","sx","sy","Math","min","calculateScale","offsetWidth","offsetHeight","documentElement","clientWidth","refresh","next","style","transform","transformOrigin","applyScale","viewportWidth","width","height","round","start","addEventListener","stop","removeEventListener","getScale","targetRef","setScale","useState","inverseScale","setInverseScale","scalerRef","useRef","useEffect","scaler","s","onResize","useCallback"],"mappings":"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"}

package/dist/react.d.ts

@@ -1,19 +1,19 @@
-// ===== React =====
-
-import type { RefObject } from 'react'
-
-export interface ScalerOptions {
-  mode?: 'contain' | 'fixed-width'
-  visualWidth?: number
-  origin?: string
-  autoResize?: boolean
-}
-
-export function useFitScreen(
-  targetRef: RefObject<HTMLElement | null> | HTMLElement,
-  options?: ScalerOptions
-): {
-  scale: number
-  inverseScale: number
-  refresh: () => void
-}
+// ===== React =====
+
+import type { RefObject } from 'react'
+
+export interface ScalerOptions {
+  mode?: 'contain' | 'fixed-width'
+  visualWidth?: number
+  origin?: string
+  autoResize?: boolean
+}
+
+export function useFitScreen(
+  targetRef: RefObject<HTMLElement | null> | HTMLElement,
+  options?: ScalerOptions
+): {
+  scale: number
+  inverseScale: number
+  refresh: () => void
+}

package/dist/react.esm.js

@@ -1,2 +1,2 @@
-import{useState as e,useRef as n,useEffect as t,useCallback as r}from"react";function i(e){return e?"string"==typeof e?document.querySelector(e):e instanceof HTMLElement?e:e.value instanceof HTMLElement?e.value:e.current instanceof HTMLElement?e.current:null:null}function o(e,n={}){const t=i(e);if(!t)throw new Error("[one-screen-scale] element not found");const{mode:r="contain",visualWidth:o=450,origin:s="top center",autoResize:c=!0}=n;let d=1,u=null;function w(){return function({sourceWidth:e,sourceHeight:n,targetWidth:t=("undefined"!=typeof window?window.innerWidth:1920),targetHeight:r=("undefined"!=typeof window?window.innerHeight:1080),mode:i="contain",visualWidth:o=450,screenWidth:s=("undefined"!=typeof window?window.screen.width:1920)}){if(!e||!n||e<=0||n<=0)return 1;let c;if("fixed-width"===i)c=s<o?1:o/Math.max(t,s);else{const i=t/e,o=r/n;c=Math.min(i,o)}return c}({sourceWidth:t.offsetWidth,sourceHeight:t.offsetHeight,targetWidth:window.innerWidth,targetHeight:window.innerHeight,mode:r,visualWidth:o,screenWidth:window.screen.width})}function f(){const e=w();return e!==d&&(d=e,function(e,n,t="top center"){const r=i(e);r&&(r.style.transform=`scale(${n})`,r.style.transformOrigin=t)}(t,e,s),"fixed-width"===r&&e>0&&(t.style.width=`${Math.max(window.innerWidth,window.screen.width)}px`,t.style.height=`${Math.round(window.innerHeight/e)}px`)),d}return{start:function(){return f(),c&&(u=()=>f(),window.addEventListener("resize",u)),d},stop:function(){u&&(window.removeEventListener("resize",u),u=null)},refresh:f,getScale:()=>d}}function s(i,s={}){const[c,d]=e(1),[u,w]=e(1),f=n(null);t(()=>{const e=i?.current??i;if(!e)return;const n=o(e,s);f.current=n;const t=n.start();d(t),w(t>0?1/t:1);const r=()=>{const e=n.getScale();d(e),w(e>0?1/e:1)};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),n.stop(),f.current=null}},[i]);return{scale:c,inverseScale:u,refresh:r(()=>{if(!(i?.current??i)||!f.current)return;const e=f.current.refresh();d(e),w(e>0?1/e:1)},[i])}}export{s as useFitScreen};
+import{useState as e,useRef as t,useEffect as n,useCallback as r}from"react";function i(e){return e?"string"==typeof e?document.querySelector(e):e instanceof HTMLElement?e:e.value instanceof HTMLElement?e.value:e.current instanceof HTMLElement?e.current:null:null}function o(e,t={}){const n=i(e);if(!n)throw new Error("[one-screen-scale] element not found");const{mode:r="contain",visualWidth:o=450,origin:c="top center",autoResize:s=!0}=t;let u=1,d=null;function l(){return function({sourceWidth:e,sourceHeight:t,targetWidth:n=("undefined"!=typeof window?window.innerWidth:1920),targetHeight:r=("undefined"!=typeof window?window.innerHeight:1080),mode:i="contain",visualWidth:o=450}){if(!e||!t||e<=0||t<=0)return 1;let c;if("fixed-width"===i)c=n>o?o/n:1;else{const i=n/e,o=r/t;c=Math.min(i,o)}return c}({sourceWidth:n.offsetWidth,sourceHeight:n.offsetHeight,targetWidth:document.documentElement.clientWidth||window.innerWidth,targetHeight:window.innerHeight,mode:r,visualWidth:o})}function f(){const e=l();if(e!==u&&(u=e,function(e,t,n="top center"){const r=i(e);r&&(r.style.transform=`scale(${t})`,r.style.transformOrigin=n)}(n,e,c)),"fixed-width"===r&&e>0){const t=document.documentElement.clientWidth||window.innerWidth;n.style.width=`${t}px`,n.style.height=`${Math.round(window.innerHeight/e)}px`}return u}return{start:function(){return f(),s&&(d=()=>f(),window.addEventListener("resize",d)),u},stop:function(){d&&(window.removeEventListener("resize",d),d=null)},refresh:f,getScale:()=>u}}function c(i,c={}){const[s,u]=e(1),[d,l]=e(1),f=t(null);n(()=>{const e=i?.current??i;if(!e)return;const t=o(e,c);f.current=t;const n=t.start();u(n),l(n>0?1/n:1);const r=()=>{const e=t.getScale();u(e),l(e>0?1/e:1)};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),t.stop(),f.current=null}},[i]);return{scale:s,inverseScale:d,refresh:r(()=>{if(!(i?.current??i)||!f.current)return;const e=f.current.refresh();u(e),l(e>0?1/e:1)},[i])}}export{c as useFitScreen};
 //# sourceMappingURL=react.esm.js.map

package/dist/react.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.esm.js","sources":["../src/core.js","../src/react.js"],"sourcesContent":["/**\n * 一屏自适应缩放 — 核心算法（框架无关）\n *\n * 两种模式：\n *   'contain'     一屏展示，内容不溢出，用 min(scaleX, scaleY)\n *   'fixed-width' 固定视觉宽度，内容可滚动，反向补高\n */\n\n// ---------- helpers ----------\n\nfunction resolveEl(el) {\n  if (!el) return null\n  if (typeof el === 'string') return document.querySelector(el)\n  if (el instanceof HTMLElement) return el\n  // Vue ref / React ref\n  if (el.value instanceof HTMLElement) return el.value\n  if (el.current instanceof HTMLElement) return el.current\n  return null\n}\n\n// ---------- scale calculation ----------\n\nexport function calculateScale({\n  sourceWidth,\n  sourceHeight,\n  targetWidth = (typeof window !== 'undefined' ? window.innerWidth : 1920),\n  targetHeight = (typeof window !== 'undefined' ? window.innerHeight : 1080),\n  mode = 'contain',\n  visualWidth = 450,     // fixed-width 模式下的目标视觉宽度\n  screenWidth = (typeof window !== 'undefined' ? window.screen.width : 1920),     // fixed-width 模式下的设备屏幕宽度\n}) {\n  if (!sourceWidth || !sourceHeight || sourceWidth <= 0 || sourceHeight <= 0) return 1\n\n  let scale\n\n  if (mode === 'fixed-width') {\n    if(screenWidth < visualWidth){\n      scale = 1\n    }else{\n      scale = visualWidth / Math.max(targetWidth, screenWidth)\n    }\n  } else {\n    const sx = targetWidth / sourceWidth\n    const sy = targetHeight / sourceHeight\n    scale = Math.min(sx, sy)\n  }\n\n  return scale\n}\n\n// ---------- apply / read ----------\n\nexport function applyScale(el, scale, origin = 'top center') {\n  const target = resolveEl(el)\n  if (!target) return\n  target.style.transform = `scale(${scale})`\n  target.style.transformOrigin = origin\n}\n\nexport function getPageScale(el) {\n  const target = resolveEl(el)\n  if (!target) return 1\n\n  const style = window.getComputedStyle(target)\n  const t = style.transform\n  if (!t || t === 'none') return 1\n\n  // matrix(a, b, c, d, e, f) — 2d\n  const m2 = t.match(/matrix\\(([^,]+),\\s*[^,]+,\\s*[^,]+,\\s*([^,]+)/)\n  if (m2) return (parseFloat(m2[1]) + parseFloat(m2[2])) / 2\n\n  // matrix3d — 3d\n  const m3 = t.match(/matrix3d\\(([^,]+),[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,([^,]+)\\)/)\n  if (m3) return (parseFloat(m3[1]) + parseFloat(m3[2])) / 2\n\n  // scale(x, y) or scale(s)\n  const sm = t.match(/scale\\(([^)]+)\\)/)\n  if (sm) {\n    const vals = sm[1].split(',').map(v => parseFloat(v.trim()))\n    return vals.length >= 2 ? (vals[0] + vals[1]) / 2 : vals[0]\n  }\n\n  return 1\n}\n\nexport function getInverseScale(el = '.share-page') {\n  const s = getPageScale(el)\n  return s > 0 ? 1 / s : 1\n}\n\n// ---------- scaler instance ----------\n\nexport function createScaler(el, options = {}) {\n  const target = resolveEl(el)\n  if (!target) throw new Error('[one-screen-scale] element not found')\n\n  const {\n    mode = 'contain',\n    visualWidth = 450,\n    origin = 'top center',\n    autoResize = true\n  } = options\n\n  let currentScale = 1\n  let handler = null\n\n  function compute() {\n    const sw = target.offsetWidth\n    const sh = target.offsetHeight\n    const tw = window.innerWidth\n    const th = window.innerHeight\n\n    return calculateScale({\n      sourceWidth: sw,\n      sourceHeight: sh,\n      targetWidth: tw,\n      targetHeight: th,\n      mode,\n      visualWidth,\n      screenWidth: window.screen.width\n    })\n  }\n\n  function refresh() {\n    const next = compute()\n    if (next !== currentScale) {\n      currentScale = next\n      applyScale(target, next, origin)\n\n      // fixed-width 模式：反向补偿高度\n      if (mode === 'fixed-width' && next > 0) {\n        target.style.width = `${Math.max(window.innerWidth, window.screen.width)}px`\n        target.style.height = `${Math.round(window.innerHeight / next)}px`\n      }\n    }\n    return currentScale\n  }\n\n  function start() {\n    refresh()\n    if (autoResize) {\n      handler = () => refresh()\n      window.addEventListener('resize', handler)\n    }\n    return currentScale\n  }\n\n  function stop() {\n    if (handler) {\n      window.removeEventListener('resize', handler)\n      handler = null\n    }\n  }\n\n  return { start, stop, refresh, getScale: () => currentScale }\n}\n","/**\n * React hook\n *   useFitScreen(ref, options) → { scale, inverseScale, refresh }\n */\nimport { useRef, useState, useEffect, useCallback } from 'react'\nimport { createScaler } from './core.js'\n\nexport function useFitScreen(targetRef, options = {}) {\n  const [scale, setScale] = useState(1)\n  const [inverseScale, setInverseScale] = useState(1)\n  const scalerRef = useRef(null)\n\n  useEffect(() => {\n    const el = targetRef?.current ?? targetRef\n    if (!el) return\n\n    const scaler = createScaler(el, options)\n    scalerRef.current = scaler\n    const s = scaler.start()\n    setScale(s)\n    setInverseScale(s > 0 ? 1 / s : 1)\n\n    const onResize = () => {\n      const s = scaler.getScale()\n      setScale(s)\n      setInverseScale(s > 0 ? 1 / s : 1)\n    }\n    window.addEventListener('resize', onResize)\n\n    return () => {\n      window.removeEventListener('resize', onResize)\n      scaler.stop()\n      scalerRef.current = null\n    }\n  }, [targetRef])\n\n  const refresh = useCallback(() => {\n    const el = targetRef?.current ?? targetRef\n    if (!el || !scalerRef.current) return\n    const s = scalerRef.current.refresh()\n    setScale(s)\n    setInverseScale(s > 0 ? 1 / s : 1)\n  }, [targetRef])\n\n  return { scale, inverseScale, refresh }\n}\n"],"names":["resolveEl","el","document","querySelector","HTMLElement","value","current","createScaler","options","target","Error","mode","visualWidth","origin","autoResize","currentScale","handler","compute","sourceWidth","sourceHeight","targetWidth","window","innerWidth","targetHeight","innerHeight","screenWidth","screen","width","scale","Math","max","sx","sy","min","calculateScale","offsetWidth","offsetHeight","refresh","next","style","transform","transformOrigin","applyScale","height","round","start","addEventListener","stop","removeEventListener","getScale","useFitScreen","targetRef","setScale","useState","inverseScale","setInverseScale","scalerRef","useRef","useEffect","scaler","s","onResize","useCallback"],"mappings":"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"}
+{"version":3,"file":"react.esm.js","sources":["../src/core.js","../src/react.js"],"sourcesContent":["/**\r\n * 一屏自适应缩放 — 核心算法（框架无关）\r\n *\r\n * 两种模式：\r\n *   'contain'     一屏展示，内容不溢出，用 min(scaleX, scaleY)\r\n *   'fixed-width' 固定视觉宽度，内容可滚动，反向补高\r\n */\r\n\r\n// ---------- helpers ----------\r\n\r\nfunction resolveEl(el) {\r\n  if (!el) return null\r\n  if (typeof el === 'string') return document.querySelector(el)\r\n  if (el instanceof HTMLElement) return el\r\n  // Vue ref / React ref\r\n  if (el.value instanceof HTMLElement) return el.value\r\n  if (el.current instanceof HTMLElement) return el.current\r\n  return null\r\n}\r\n\r\n// ---------- scale calculation ----------\r\n\r\nexport function calculateScale({\r\n  sourceWidth,\r\n  sourceHeight,\r\n  targetWidth = (typeof window !== 'undefined' ? window.innerWidth : 1920),\r\n  targetHeight = (typeof window !== 'undefined' ? window.innerHeight : 1080),\r\n  mode = 'contain',\r\n  visualWidth = 450,     // fixed-width 模式下的目标视觉宽度\r\n  // screenWidth = (typeof window !== 'undefined' ? window.screen.width : 1920),     // fixed-width 模式下的设备屏幕宽度\r\n}) {\r\n  if (!sourceWidth || !sourceHeight || sourceWidth <= 0 || sourceHeight <= 0) return 1\r\n\r\n  let scale\r\n\r\n  if (mode === 'fixed-width') {\r\n    // if(screenWidth < visualWidth){\r\n    //   scale = 1\r\n    // }else{\r\n    //   scale = visualWidth / Math.max(targetWidth, screenWidth)\r\n    // }\r\n    // 只用视口宽：视口比目标宽才缩小，否则 1:1（保持清晰）\r\n    scale = targetWidth > visualWidth ? visualWidth / targetWidth : 1\r\n  } else {\r\n    const sx = targetWidth / sourceWidth\r\n    const sy = targetHeight / sourceHeight\r\n    scale = Math.min(sx, sy)\r\n  }\r\n\r\n  return scale\r\n}\r\n\r\n// ---------- apply / read ----------\r\n\r\nexport function applyScale(el, scale, origin = 'top center') {\r\n  const target = resolveEl(el)\r\n  if (!target) return\r\n  target.style.transform = `scale(${scale})`\r\n  target.style.transformOrigin = origin\r\n}\r\n\r\nexport function getPageScale(el) {\r\n  const target = resolveEl(el)\r\n  if (!target) return 1\r\n\r\n  const style = window.getComputedStyle(target)\r\n  const t = style.transform\r\n  if (!t || t === 'none') return 1\r\n\r\n  // matrix(a, b, c, d, e, f) — 2d\r\n  const m2 = t.match(/matrix\\(([^,]+),\\s*[^,]+,\\s*[^,]+,\\s*([^,]+)/)\r\n  if (m2) return (parseFloat(m2[1]) + parseFloat(m2[2])) / 2\r\n\r\n  // matrix3d — 3d\r\n  const m3 = t.match(/matrix3d\\(([^,]+),[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,[^,]+,([^,]+)\\)/)\r\n  if (m3) return (parseFloat(m3[1]) + parseFloat(m3[2])) / 2\r\n\r\n  // scale(x, y) or scale(s)\r\n  const sm = t.match(/scale\\(([^)]+)\\)/)\r\n  if (sm) {\r\n    const vals = sm[1].split(',').map(v => parseFloat(v.trim()))\r\n    return vals.length >= 2 ? (vals[0] + vals[1]) / 2 : vals[0]\r\n  }\r\n\r\n  return 1\r\n}\r\n\r\nexport function getInverseScale(el = '.share-page') {\r\n  const s = getPageScale(el)\r\n  return s > 0 ? 1 / s : 1\r\n}\r\n\r\n// ---------- scaler instance ----------\r\n\r\nexport function createScaler(el, options = {}) {\r\n  const target = resolveEl(el)\r\n  if (!target) throw new Error('[one-screen-scale] element not found')\r\n\r\n  const {\r\n    mode = 'contain',\r\n    visualWidth = 450,\r\n    origin = 'top center',\r\n    autoResize = true\r\n  } = options\r\n\r\n  let currentScale = 1\r\n  let handler = null\r\n\r\n  function compute() {\r\n    const sw = target.offsetWidth\r\n    const sh = target.offsetHeight\r\n    const tw = document.documentElement.clientWidth || window.innerWidth\r\n    const th = window.innerHeight\r\n\r\n    return calculateScale({\r\n      sourceWidth: sw,\r\n      sourceHeight: sh,\r\n      targetWidth: tw,\r\n      targetHeight: th,\r\n      mode,\r\n      visualWidth,\r\n      // screenWidth: window.screen.width\r\n    })\r\n  }\r\n\r\n  function refresh() {\r\n    const next = compute()\r\n    if (next !== currentScale) {\r\n      currentScale = next\r\n      applyScale(target, next, origin)\r\n    }\r\n\r\n    // fixed-width 模式：反向补偿高度\r\n    if (mode === 'fixed-width' && next > 0) {\r\n      // target.style.width = `${Math.max(window.innerWidth, window.screen.width)}px`\r\n      const viewportWidth = document.documentElement.clientWidth || window.innerWidth\r\n      target.style.width = `${viewportWidth}px`\r\n      target.style.height = `${Math.round(window.innerHeight / next)}px`\r\n    }\r\n    return currentScale\r\n  }\r\n\r\n  function start() {\r\n    refresh()\r\n    if (autoResize) {\r\n      handler = () => refresh()\r\n      window.addEventListener('resize', handler)\r\n    }\r\n    return currentScale\r\n  }\r\n\r\n  function stop() {\r\n    if (handler) {\r\n      window.removeEventListener('resize', handler)\r\n      handler = null\r\n    }\r\n  }\r\n\r\n  return { start, stop, refresh, getScale: () => currentScale }\r\n}\r\n","/**\r\n * React hook\r\n *   useFitScreen(ref, options) → { scale, inverseScale, refresh }\r\n */\r\nimport { useRef, useState, useEffect, useCallback } from 'react'\r\nimport { createScaler } from './core.js'\r\n\r\nexport function useFitScreen(targetRef, options = {}) {\r\n  const [scale, setScale] = useState(1)\r\n  const [inverseScale, setInverseScale] = useState(1)\r\n  const scalerRef = useRef(null)\r\n\r\n  useEffect(() => {\r\n    const el = targetRef?.current ?? targetRef\r\n    if (!el) return\r\n\r\n    const scaler = createScaler(el, options)\r\n    scalerRef.current = scaler\r\n    const s = scaler.start()\r\n    setScale(s)\r\n    setInverseScale(s > 0 ? 1 / s : 1)\r\n\r\n    const onResize = () => {\r\n      const s = scaler.getScale()\r\n      setScale(s)\r\n      setInverseScale(s > 0 ? 1 / s : 1)\r\n    }\r\n    window.addEventListener('resize', onResize)\r\n\r\n    return () => {\r\n      window.removeEventListener('resize', onResize)\r\n      scaler.stop()\r\n      scalerRef.current = null\r\n    }\r\n  }, [targetRef])\r\n\r\n  const refresh = useCallback(() => {\r\n    const el = targetRef?.current ?? targetRef\r\n    if (!el || !scalerRef.current) return\r\n    const s = scalerRef.current.refresh()\r\n    setScale(s)\r\n    setInverseScale(s > 0 ? 1 / s : 1)\r\n  }, [targetRef])\r\n\r\n  return { scale, inverseScale, refresh }\r\n}\r\n"],"names":["resolveEl","el","document","querySelector","HTMLElement","value","current","createScaler","options","target","Error","mode","visualWidth","origin","autoResize","currentScale","handler","compute","sourceWidth","sourceHeight","targetWidth","window","innerWidth","targetHeight","innerHeight","scale","sx","sy","Math","min","calculateScale","offsetWidth","offsetHeight","documentElement","clientWidth","refresh","next","style","transform","transformOrigin","applyScale","viewportWidth","width","height","round","start","addEventListener","stop","removeEventListener","getScale","useFitScreen","targetRef","setScale","useState","inverseScale","setInverseScale","scalerRef","useRef","useEffect","scaler","s","onResize","useCallback"],"mappings":"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"}

package/package.json

@@ -1,71 +1,71 @@
-{
-  "name": "one-screen-scale",
-  "version": "1.0.0",
-  "description": "Transform:scale 实现的一屏自适应方案。框架无关核心 + Vue/React 开箱即用",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/request-stack/one-screen-scale.git"
-  },
-  "type": "module",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js"
-    },
-    "./react": {
-      "types": "./dist/react.d.ts",
-      "import": "./dist/react.esm.js",
-      "require": "./dist/react.cjs.js"
-    }
-  },
-  "files": [
-    "dist",
-    "src",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "build": "rollup -c && node -e \"var f=require('fs');f.copyFileSync('src/index.d.ts','dist/index.d.ts');f.copyFileSync('src/react.d.ts','dist/react.d.ts')\"",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
-  "keywords": [
-    "one-screen",
-    "adaptive-scale",
-    "responsive",
-    "viewport",
-    "transform-scale",
-    "fit-screen",
-    "h5-scale",
-    "vue3",
-    "react",
-    "auto-scale"
-  ],
-  "author": "李港",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.0.0",
-    "react": ">=16.8.0"
-  },
-  "peerDependenciesMeta": {
-    "vue": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-terser": "^0.4.0",
-    "jsdom": "^29.0.1",
-    "rollup": "^3.0.0",
-    "vitest": "^1.0.0"
-  },
-  "dependencies": {}
-}
+{
+  "name": "one-screen-scale",
+  "version": "1.1.0",
+  "description": "Transform:scale 实现的一屏自适应方案。框架无关核心 + Vue/React 开箱即用",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/request-stack/one-screen-scale.git"
+  },
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.esm.js",
+      "require": "./dist/react.cjs.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c && node -e \"var f=require('fs');f.copyFileSync('src/index.d.ts','dist/index.d.ts');f.copyFileSync('src/react.d.ts','dist/react.d.ts')\"",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "keywords": [
+    "one-screen",
+    "adaptive-scale",
+    "responsive",
+    "viewport",
+    "transform-scale",
+    "fit-screen",
+    "h5-scale",
+    "vue3",
+    "react",
+    "auto-scale"
+  ],
+  "author": "李港",
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^3.0.0",
+    "react": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-terser": "^0.4.0",
+    "jsdom": "^29.0.1",
+    "rollup": "^3.0.0",
+    "vitest": "^1.0.0"
+  },
+  "dependencies": {}
+}

package/src/composables.js

@@ -1,67 +1,67 @@
-/**
- * Vue 3 Composable
- *   useFitScreen(ref, options) → { scale, inverseScale, refresh }
- */
-import { ref, onMounted, onUnmounted, watch } from 'vue'
-import { createScaler, getInverseScale } from './core.js'
-
-export function useFitScreen(targetRef, options = {}) {
-  const scale = ref(1)
-  const inverseScale = ref(1)
-
-  let scaler = null
-  let onResize = null
-
-  function setup(el) {
-    if (!el) return
-    scaler = createScaler(el, options)
-    const s = scaler.start()
-    scale.value = s
-    inverseScale.value = getInverseScale(el)
-
-    onResize = () => {
-      scale.value = scaler?.getScale?.() ?? 1
-      inverseScale.value = getInverseScale(el)
-    }
-    window.addEventListener('resize', onResize)
-  }
-
-  function teardown() {
-    if (onResize) {
-      window.removeEventListener('resize', onResize)
-      onResize = null
-    }
-    scaler?.stop()
-    scaler = null
-  }
-
-  // 处理 ref 初始有值的情况
-  onMounted(() => {
-    const el = targetRef?.value ?? targetRef
-    setup(el)
-  })
-
-  // 处理 ref 延迟赋值的情况（异步挂载）
-  if (targetRef && typeof targetRef === 'object' && 'value' in targetRef) {
-    watch(
-      () => targetRef.value,
-      (el) => {
-        if (el && !scaler) setup(el)
-      }
-    )
-  }
-
-  onUnmounted(() => {
-    teardown()
-  })
-
-  const refresh = () => {
-    const el = targetRef?.value ?? targetRef
-    if (!el || !scaler) return
-    const s = scaler.refresh()
-    scale.value = s
-    inverseScale.value = getInverseScale(el)
-  }
-
-  return { scale, inverseScale, refresh }
-}
+/**
+ * Vue 3 Composable
+ *   useFitScreen(ref, options) → { scale, inverseScale, refresh }
+ */
+import { ref, onMounted, onUnmounted, watch } from 'vue'
+import { createScaler, getInverseScale } from './core.js'
+
+export function useFitScreen(targetRef, options = {}) {
+  const scale = ref(1)
+  const inverseScale = ref(1)
+
+  let scaler = null
+  let onResize = null
+
+  function setup(el) {
+    if (!el) return
+    scaler = createScaler(el, options)
+    const s = scaler.start()
+    scale.value = s
+    inverseScale.value = getInverseScale(el)
+
+    onResize = () => {
+      scale.value = scaler?.getScale?.() ?? 1
+      inverseScale.value = getInverseScale(el)
+    }
+    window.addEventListener('resize', onResize)
+  }
+
+  function teardown() {
+    if (onResize) {
+      window.removeEventListener('resize', onResize)
+      onResize = null
+    }
+    scaler?.stop()
+    scaler = null
+  }
+
+  // 处理 ref 初始有值的情况
+  onMounted(() => {
+    const el = targetRef?.value ?? targetRef
+    setup(el)
+  })
+
+  // 处理 ref 延迟赋值的情况（异步挂载）
+  if (targetRef && typeof targetRef === 'object' && 'value' in targetRef) {
+    watch(
+      () => targetRef.value,
+      (el) => {
+        if (el && !scaler) setup(el)
+      }
+    )
+  }
+
+  onUnmounted(() => {
+    teardown()
+  })
+
+  const refresh = () => {
+    const el = targetRef?.value ?? targetRef
+    if (!el || !scaler) return
+    const s = scaler.refresh()
+    scale.value = s
+    inverseScale.value = getInverseScale(el)
+  }
+
+  return { scale, inverseScale, refresh }
+}