@greypan/web-ui 3.0.1 → 4.0.0

package/dist/shared/visible-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/visible-area/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\nexport interface VisibleArea {\n  readonly top: number\n  readonly right: number\n  readonly bottom: number\n  readonly left: number\n  readonly width: number\n  readonly height: number\n}\n\nexport interface VisibleAreaTracker {\n  setTarget(target: Element | null): void\n  refresh(): void\n  connect(): void\n  disconnect(): void\n}\n\nconst emptyVisibleArea: VisibleArea = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  width: 0,\n  height: 0\n}\n\nfunction getVisibleArea(target: Element | null): VisibleArea {\n  if (!target) return emptyVisibleArea\n\n  const rect = target.getBoundingClientRect()\n  const left = Math.max(0, rect.left)\n  const top = Math.max(0, rect.top)\n  const right = Math.min(window.innerWidth, rect.right)\n  const bottom = Math.min(window.innerHeight, rect.bottom)\n\n  if (right <= left || bottom <= top) return emptyVisibleArea\n\n  return {\n    top,\n    right,\n    bottom,\n    left,\n    width: right - left,\n    height: bottom - top\n  }\n}\n\nfunction visibleAreasEqual(a: VisibleArea | undefined, b: VisibleArea): boolean {\n  return (\n    a?.top === b.top &&\n    a.right === b.right &&\n    a.bottom === b.bottom &&\n    a.left === b.left &&\n    a.width === b.width &&\n    a.height === b.height\n  )\n}\n\n/**\n * 追踪单个元素与浏览器 viewport 的交集区域。\n *\n * 模块统一持有 ResizeObserver、viewport 监听器和 rAF 合帧；\n * 使用方只需管理 target 并响应可见区域变化。\n */\nexport function defineVisibleAreaTracker(options: { readonly onVisibleAreaChange: (area: VisibleArea) => void }) {\n  return definePlugin<VisibleAreaTracker, Record<never, never>>(() => {\n    let target: Element | null = null\n    let observer: ResizeObserver | undefined\n    let frame: number | undefined\n    let connected = false\n    let previousArea: VisibleArea | undefined\n\n    const report = () => {\n      frame = undefined\n      if (!connected) return\n\n      const nextArea = getVisibleArea(target)\n      if (visibleAreasEqual(previousArea, nextArea)) return\n\n      previousArea = nextArea\n      options.onVisibleAreaChange(nextArea)\n    }\n\n    const refresh = () => {\n      if (!connected || frame !== undefined) return\n      frame = requestAnimationFrame(report)\n    }\n\n    const observeTarget = () => {\n      observer?.disconnect()\n      observer = undefined\n\n      if (!target || typeof ResizeObserver === 'undefined') return\n\n      observer = new ResizeObserver(refresh)\n      observer.observe(target)\n    }\n\n    return {\n      setTarget(nextTarget) {\n        if (target === nextTarget) {\n          refresh()\n          return\n        }\n\n        target = nextTarget\n        previousArea = undefined\n        if (!connected) return\n\n        observeTarget()\n        refresh()\n      },\n\n      refresh,\n\n      connect() {\n        if (connected) return\n\n        connected = true\n        window.addEventListener('scroll', refresh, { passive: true })\n        window.addEventListener('resize', refresh, { passive: true })\n        observeTarget()\n        refresh()\n      },\n\n      disconnect() {\n        if (!connected) return\n\n        connected = false\n        window.removeEventListener('scroll', refresh)\n        window.removeEventListener('resize', refresh)\n        observer?.disconnect()\n        observer = undefined\n        previousArea = undefined\n\n        if (frame !== undefined) cancelAnimationFrame(frame)\n        frame = undefined\n      }\n    }\n  })\n}\n\n/** 将内部可见区域追踪器接入 Lit host 生命周期。 */\nexport class VisibleAreaController implements ReactiveController {\n  constructor(\n    host: ReactiveControllerHost,\n    private readonly tracker: VisibleAreaTracker\n  ) {\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this.tracker.connect()\n  }\n\n  hostDisconnected() {\n    this.tracker.disconnect()\n  }\n}\n"],"mappings":";;AAmBA,IAAM,IAAgC;CACpC,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;AACV;AAEA,SAAS,EAAe,GAAqC;CAC3D,IAAI,CAAC,GAAQ,OAAO;CAEpB,IAAM,IAAO,EAAO,sBAAsB,GACpC,IAAO,KAAK,IAAI,GAAG,EAAK,IAAI,GAC5B,IAAM,KAAK,IAAI,GAAG,EAAK,GAAG,GAC1B,IAAQ,KAAK,IAAI,OAAO,YAAY,EAAK,KAAK,GAC9C,IAAS,KAAK,IAAI,OAAO,aAAa,EAAK,MAAM;CAIvD,OAFI,KAAS,KAAQ,KAAU,IAAY,IAEpC;EACL;EACA;EACA;EACA;EACA,OAAO,IAAQ;EACf,QAAQ,IAAS;CACnB;AACF;AAEA,SAAS,EAAkB,GAA4B,GAAyB;CAC9E,OACE,GAAG,QAAQ,EAAE,OACb,EAAE,UAAU,EAAE,SACd,EAAE,WAAW,EAAE,UACf,EAAE,SAAS,EAAE,QACb,EAAE,UAAU,EAAE,SACd,EAAE,WAAW,EAAE;AAEnB;AAQA,SAAgB,EAAyB,GAAwE;CAC/G,OAAO,QAA6D;EAClE,IAAI,IAAyB,MACzB,GACA,GACA,IAAY,IACZ,GAEE,UAAe;GAEnB,IADA,IAAQ,KAAA,GACJ,CAAC,GAAW;GAEhB,IAAM,IAAW,EAAe,CAAM;GAClC,EAAkB,GAAc,CAAQ,MAE5C,IAAe,GACf,EAAQ,oBAAoB,CAAQ;EACtC,GAEM,UAAgB;GAChB,CAAC,KAAa,MAAU,KAAA,MAC5B,IAAQ,sBAAsB,CAAM;EACtC,GAEM,UAAsB;GAC1B,GAAU,WAAW,GACrB,IAAW,KAAA,GAEP,GAAC,KAAU,OAAO,iBAAmB,SAEzC,IAAW,IAAI,eAAe,CAAO,GACrC,EAAS,QAAQ,CAAM;EACzB;EAEA,OAAO;GACL,UAAU,GAAY;IACpB,IAAI,MAAW,GAAY;KACzB,EAAQ;KACR;IACF;IAEA,IAAS,GACT,IAAe,KAAA,GACV,MAEL,EAAc,GACd,EAAQ;GACV;GAEA;GAEA,UAAU;IACJ,MAEJ,IAAY,IACZ,OAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,GAAK,CAAC,GAC5D,OAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,GAAK,CAAC,GAC5D,EAAc,GACd,EAAQ;GACV;GAEA,aAAa;IACN,MAEL,IAAY,IACZ,OAAO,oBAAoB,UAAU,CAAO,GAC5C,OAAO,oBAAoB,UAAU,CAAO,GAC5C,GAAU,WAAW,GACrB,IAAW,KAAA,GACX,IAAe,KAAA,GAEX,MAAU,KAAA,KAAW,qBAAqB,CAAK,GACnD,IAAQ,KAAA;GACV;EACF;CACF,CAAC;AACH;AAGA,IAAa,IAAb,MAAiE;CAC/D,YACE,GACA,GACA;EACA,AAFiB,KAAA,UAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAEA,gBAAgB;EACd,KAAK,QAAQ,QAAQ;CACvB;CAEA,mBAAmB;EACjB,KAAK,QAAQ,WAAW;CAC1B;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greypan/web-ui",
-  "version": "3.0.1",
+  "version": "4.0.0",
   "description": "Lit-based web components for React, Vue, and vanilla JS",
   "license": "MIT",
   "repository": {
@@ -41,12 +41,12 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@greypan/browser-kit": "1.7.8",
-    "@greypan/js-kit": "1.6.7"
+    "@greypan/js-kit": "2.0.0",
+    "@greypan/browser-kit": "2.0.0"
   },
   "devDependencies": {
     "@iconify-json/jam": "^1.2.3",
-    "@iconify-json/lucide": "^1.2.117",
+    "@iconify-json/lucide": "^1.2.126",
     "@iconify-json/si": "^1.2.17",
     "@iconify-json/heroicons": "^1.2.3",
     "@iconify-json/ooui": "^1.2.20",
@@ -56,6 +56,8 @@
     "lit": "^3.3.3",
     "vite-plugin-dts": "^5.0.3",
     "vue": "^3.5.39",
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.0",
+    "vite-plus": "0.3.0",
     "@greypan/tsconfig": "1.0.5"
   },
   "peerDependencies": {