@anker-in/headless-ui 1.1.87 → 1.1.89

package/dist/esm/hooks/useExposure.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useExposure.ts"],
-  "sourcesContent": ["import { type RefObject } from 'react'\nimport { gaTrack } from '../shared/track.js'\nimport { useIntersectionObserverDelay } from './useIntersectionObserver.js'\nimport { useAiuiContext } from '../biz-components/AiuiProvider/index.js'\n\ninterface ExposureOptions {\n  componentType: string\n  componentName: string\n  componentTitle?: string\n  componentDescription?: string\n  navigation?: string\n  pageGroup?: string\n  position?: number\n}\n\nexport const useExposure = (\n  ref: RefObject<HTMLDivElement>,\n  { componentType, componentName, componentTitle, componentDescription, navigation = '', position = 1 }: ExposureOptions\n) => {\n  const { trackingData, onExposure } = useAiuiContext()\n\n  useIntersectionObserverDelay(ref, {\n    once: true,\n    threshold: 0.5,\n    delay: 2000,\n    callback: () => {\n      const pageGroup = trackingData.pageGroup || 'Home Page'\n\n      if (onExposure) {\n        // Custom handler from AiuiProvider\n        onExposure({\n          componentType,\n          componentName,\n          componentTitle,\n          componentDescription,\n          navigation,\n          pageGroup,\n          position,\n        })\n      } else {\n        // Default GA behavior\n        // TODO: \u5220\u9664\u8FD9\u4E2A\u5206\u652F\uFF0C\u53EA\u4FDD\u7559 onExposure \u903B\u8F91\uFF0C\u8BA9\u4F7F\u7528\u65B9\u5B8C\u5168\u63A7\u5236\u66DD\u5149\u57CB\u70B9\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'component_impression',\n          event_parameters: {\n            page_group: pageGroup,\n            component_type: componentType,\n            component_name: componentName,\n            position: position,\n            creative_id: '',\n            component_title: componentTitle,\n            component_description: componentDescription,\n            navigation: navigation,\n          },\n        })\n      }\n    },\n  })\n}\n"],
-  "mappings": "AAAA,MAA+B,QAC/B,OAAS,WAAAA,MAAe,qBACxB,OAAS,gCAAAC,MAAoC,+BAC7C,OAAS,kBAAAC,MAAsB,0CAYxB,MAAMC,EAAc,CACzBC,EACA,CAAE,cAAAC,EAAe,cAAAC,EAAe,eAAAC,EAAgB,qBAAAC,EAAsB,WAAAC,EAAa,GAAI,SAAAC,EAAW,CAAE,IACjG,CACH,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,EAAIV,EAAe,EAEpDD,EAA6BG,EAAK,CAChC,KAAM,GACN,UAAW,GACX,MAAO,IACP,SAAU,IAAM,CACd,MAAMS,EAAYF,EAAa,WAAa,YAExCC,EAEFA,EAAW,CACT,cAAAP,EACA,cAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,UAAAI,EACA,SAAAH,CACF,CAAC,EAIDV,EAAQ,CACN,MAAO,WACP,WAAY,uBACZ,iBAAkB,CAChB,WAAYa,EACZ,eAAgBR,EAChB,eAAgBC,EAChB,SAAUI,EACV,YAAa,GACb,gBAAiBH,EACjB,sBAAuBC,EACvB,WAAYC,CACd,CACF,CAAC,CAEL,CACF,CAAC,CACH",
-  "names": ["gaTrack", "useIntersectionObserverDelay", "useAiuiContext", "useExposure", "ref", "componentType", "componentName", "componentTitle", "componentDescription", "navigation", "position", "trackingData", "onExposure", "pageGroup"]
+  "sourcesContent": ["import { type RefObject, useMemo } from 'react'\nimport { gaTrack } from '../shared/track.js'\nimport { useIntersectionObserverDelay } from './useIntersectionObserver.js'\nimport { useAiuiContext } from '../biz-components/AiuiProvider/index.js'\nimport { convertLexicalToPlaintext } from '@payloadcms/richtext-lexical/plaintext'\nimport type { SerializedEditorState } from '@payloadcms/richtext-lexical/lexical'\n\ninterface ExposureOptions {\n  componentType: string\n  componentName: string\n  componentTitle?: string | SerializedEditorState\n  componentDescription?: string | SerializedEditorState\n  navigation?: string\n  pageGroup?: string\n  position?: number\n}\n\nexport const useExposure = (\n  ref: RefObject<HTMLElement>,\n  { componentType, componentName, componentTitle, componentDescription, navigation = '', position = 1 }: ExposureOptions\n) => {\n  const { trackingData, onExposure } = useAiuiContext()\n\n  const parsedTitle = useMemo(\n    () =>\n      typeof componentTitle === 'object' && componentTitle !== null\n        ? convertLexicalToPlaintext({\n            data: componentTitle,\n          })\n        : componentTitle,\n    [componentTitle]\n  )\n\n  const parsedDescription = useMemo(\n    () =>\n      typeof componentDescription === 'object' && componentDescription !== null\n        ? convertLexicalToPlaintext({\n            data: componentDescription,\n          })\n        : componentDescription,\n    [componentDescription]\n  )\n\n  useIntersectionObserverDelay(ref, {\n    once: true,\n    threshold: 0.5,\n    delay: 2000,\n    callback: () => {\n      const pageGroup = trackingData.pageGroup || 'Home Page'\n\n      if (onExposure) {\n        // Custom handler from AiuiProvider\n        onExposure({\n          componentType,\n          componentName,\n          componentTitle: parsedTitle,\n          componentDescription: parsedDescription,\n          navigation,\n          pageGroup,\n          position,\n        })\n      } else {\n        // Default GA behavior\n        // TODO: \u5220\u9664\u8FD9\u4E2A\u5206\u652F\uFF0C\u53EA\u4FDD\u7559 onExposure \u903B\u8F91\uFF0C\u8BA9\u4F7F\u7528\u65B9\u5B8C\u5168\u63A7\u5236\u66DD\u5149\u57CB\u70B9\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'component_impression',\n          event_parameters: {\n            page_group: pageGroup,\n            component_type: componentType,\n            component_name: componentName,\n            position: position,\n            creative_id: '',\n            component_title: parsedTitle,\n            component_description: parsedDescription,\n            navigation: navigation,\n          },\n        })\n      }\n    },\n  })\n}\n"],
+  "mappings": "AAAA,OAAyB,WAAAA,MAAe,QACxC,OAAS,WAAAC,MAAe,qBACxB,OAAS,gCAAAC,MAAoC,+BAC7C,OAAS,kBAAAC,MAAsB,0CAC/B,OAAS,6BAAAC,MAAiC,yCAanC,MAAMC,EAAc,CACzBC,EACA,CAAE,cAAAC,EAAe,cAAAC,EAAe,eAAAC,EAAgB,qBAAAC,EAAsB,WAAAC,EAAa,GAAI,SAAAC,EAAW,CAAE,IACjG,CACH,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,EAAIX,EAAe,EAE9CY,EAAcf,EAClB,IACE,OAAOS,GAAmB,UAAYA,IAAmB,KACrDL,EAA0B,CACxB,KAAMK,CACR,CAAC,EACDA,EACN,CAACA,CAAc,CACjB,EAEMO,EAAoBhB,EACxB,IACE,OAAOU,GAAyB,UAAYA,IAAyB,KACjEN,EAA0B,CACxB,KAAMM,CACR,CAAC,EACDA,EACN,CAACA,CAAoB,CACvB,EAEAR,EAA6BI,EAAK,CAChC,KAAM,GACN,UAAW,GACX,MAAO,IACP,SAAU,IAAM,CACd,MAAMW,EAAYJ,EAAa,WAAa,YAExCC,EAEFA,EAAW,CACT,cAAAP,EACA,cAAAC,EACA,eAAgBO,EAChB,qBAAsBC,EACtB,WAAAL,EACA,UAAAM,EACA,SAAAL,CACF,CAAC,EAIDX,EAAQ,CACN,MAAO,WACP,WAAY,uBACZ,iBAAkB,CAChB,WAAYgB,EACZ,eAAgBV,EAChB,eAAgBC,EAChB,SAAUI,EACV,YAAa,GACb,gBAAiBG,EACjB,sBAAuBC,EACvB,WAAYL,CACd,CACF,CAAC,CAEL,CACF,CAAC,CACH",
+  "names": ["useMemo", "gaTrack", "useIntersectionObserverDelay", "useAiuiContext", "convertLexicalToPlaintext", "useExposure", "ref", "componentType", "componentName", "componentTitle", "componentDescription", "navigation", "position", "trackingData", "onExposure", "parsedTitle", "parsedDescription", "pageGroup"]
 }

package/dist/esm/hooks/useGridRowCount.d.ts

@@ -0,0 +1,16 @@
+interface UseGridRowCountOptions {
+    /** 行数限制 */
+    rows: number;
+    /** 移动端列数 (< 768px) */
+    mobileCols?: number;
+    /** 平板/小桌面列数 (≥ 768px and < 1440px) */
+    tabletCols?: number;
+    /** 大桌面列数 (≥ 1440px) */
+    desktopCols?: number;
+}
+/**
+ * 根据当前视口宽度计算网格可见项目数
+ * 用于响应式网格布局中，根据行数 × 当前列数计算显示数量
+ */
+export declare function useGridRowCount({ rows, mobileCols, tabletCols, desktopCols, }: UseGridRowCountOptions): number;
+export {};

package/dist/esm/hooks/useGridRowCount.js

@@ -0,0 +1,2 @@
+import{useState as m,useEffect as o}from"react";function h({rows:e,mobileCols:t=2,tabletCols:i=3,desktopCols:r=4}){const[c,u]=m(()=>typeof window>"u"?e*t:window.innerWidth>=1440?e*r:window.innerWidth>=768?e*i:e*t);return o(()=>{const d=window.matchMedia("(min-width: 768px)"),a=window.matchMedia("(min-width: 1440px)"),n=()=>{a.matches?u(e*r):d.matches?u(e*i):u(e*t)};return n(),d.addEventListener("change",n),a.addEventListener("change",n),()=>{d.removeEventListener("change",n),a.removeEventListener("change",n)}},[e,t,i,r]),c}export{h as useGridRowCount};
+//# sourceMappingURL=useGridRowCount.js.map

package/dist/esm/hooks/useGridRowCount.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useGridRowCount.ts"],
+  "sourcesContent": ["import { useState, useEffect } from 'react'\n\ninterface UseGridRowCountOptions {\n  /** \u884C\u6570\u9650\u5236 */\n  rows: number\n  /** \u79FB\u52A8\u7AEF\u5217\u6570 (< 768px) */\n  mobileCols?: number\n  /** \u5E73\u677F/\u5C0F\u684C\u9762\u5217\u6570 (\u2265 768px and < 1440px) */\n  tabletCols?: number\n  /** \u5927\u684C\u9762\u5217\u6570 (\u2265 1440px) */\n  desktopCols?: number\n}\n\n/**\n * \u6839\u636E\u5F53\u524D\u89C6\u53E3\u5BBD\u5EA6\u8BA1\u7B97\u7F51\u683C\u53EF\u89C1\u9879\u76EE\u6570\n * \u7528\u4E8E\u54CD\u5E94\u5F0F\u7F51\u683C\u5E03\u5C40\u4E2D\uFF0C\u6839\u636E\u884C\u6570 \u00D7 \u5F53\u524D\u5217\u6570\u8BA1\u7B97\u663E\u793A\u6570\u91CF\n */\nexport function useGridRowCount({\n  rows,\n  mobileCols = 2,\n  tabletCols = 3,\n  desktopCols = 4,\n}: UseGridRowCountOptions): number {\n  const [visibleCount, setVisibleCount] = useState(() => {\n    if (typeof window === 'undefined') return rows * mobileCols\n    if (window.innerWidth >= 1440) return rows * desktopCols\n    if (window.innerWidth >= 768) return rows * tabletCols\n    return rows * mobileCols\n  })\n\n  useEffect(() => {\n    const mqTablet = window.matchMedia('(min-width: 768px)')\n    const mqDesktop = window.matchMedia('(min-width: 1440px)')\n\n    const updateCount = () => {\n      if (mqDesktop.matches) {\n        setVisibleCount(rows * desktopCols)\n      } else if (mqTablet.matches) {\n        setVisibleCount(rows * tabletCols)\n      } else {\n        setVisibleCount(rows * mobileCols)\n      }\n    }\n\n    updateCount()\n\n    mqTablet.addEventListener('change', updateCount)\n    mqDesktop.addEventListener('change', updateCount)\n\n    return () => {\n      mqTablet.removeEventListener('change', updateCount)\n      mqDesktop.removeEventListener('change', updateCount)\n    }\n  }, [rows, mobileCols, tabletCols, desktopCols])\n\n  return visibleCount\n}\n"],
+  "mappings": "AAAA,OAAS,YAAAA,EAAU,aAAAC,MAAiB,QAiB7B,SAASC,EAAgB,CAC9B,KAAAC,EACA,WAAAC,EAAa,EACb,WAAAC,EAAa,EACb,YAAAC,EAAc,CAChB,EAAmC,CACjC,KAAM,CAACC,EAAcC,CAAe,EAAIR,EAAS,IAC3C,OAAO,OAAW,IAAoBG,EAAOC,EAC7C,OAAO,YAAc,KAAaD,EAAOG,EACzC,OAAO,YAAc,IAAYH,EAAOE,EACrCF,EAAOC,CACf,EAED,OAAAH,EAAU,IAAM,CACd,MAAMQ,EAAW,OAAO,WAAW,oBAAoB,EACjDC,EAAY,OAAO,WAAW,qBAAqB,EAEnDC,EAAc,IAAM,CACpBD,EAAU,QACZF,EAAgBL,EAAOG,CAAW,EACzBG,EAAS,QAClBD,EAAgBL,EAAOE,CAAU,EAEjCG,EAAgBL,EAAOC,CAAU,CAErC,EAEA,OAAAO,EAAY,EAEZF,EAAS,iBAAiB,SAAUE,CAAW,EAC/CD,EAAU,iBAAiB,SAAUC,CAAW,EAEzC,IAAM,CACXF,EAAS,oBAAoB,SAAUE,CAAW,EAClDD,EAAU,oBAAoB,SAAUC,CAAW,CACrD,CACF,EAAG,CAACR,EAAMC,EAAYC,EAAYC,CAAW,CAAC,EAEvCC,CACT",
+  "names": ["useState", "useEffect", "useGridRowCount", "rows", "mobileCols", "tabletCols", "desktopCols", "visibleCount", "setVisibleCount", "mqTablet", "mqDesktop", "updateCount"]
+}

package/dist/esm/hooks/useViewItemList.d.ts

@@ -0,0 +1,21 @@
+import { type RefObject } from 'react';
+interface ViewItemListOptions {
+    componentType: string;
+    componentName: string;
+    componentTitle?: string;
+    componentDescription?: string;
+    navigation?: string;
+    pageGroup?: string;
+    position?: number;
+    tabName?: string;
+    itemListName?: string;
+    items?: Array<{
+        item_id: string;
+        item_name: string;
+        item_variant: string;
+        price: string;
+        index: number;
+    }>;
+}
+export declare const useViewItemList: (ref: RefObject<HTMLElement>, { componentType, componentName, componentTitle, componentDescription, navigation, position, itemListName, items, tabName, }: ViewItemListOptions) => void;
+export {};

package/dist/esm/hooks/useViewItemList.js

@@ -0,0 +1,2 @@
+import"react";import{gaTrack as u}from"../shared/track.js";import{useIntersectionObserverDelay as l}from"./useIntersectionObserver.js";import{useAiuiContext as v}from"../biz-components/AiuiProvider/index.js";const L=(a,{componentType:e,componentName:t,componentTitle:i,componentDescription:n,navigation:r="",position:o=1,itemListName:p,items:g,tabName:c=""})=>{const{trackingData:_,onExposure:s}=v();l(a,{once:!0,threshold:.5,delay:2e3,callback:()=>{const m=_.pageGroup||"Home Page";s?s({componentType:e,componentName:t,componentTitle:i,componentDescription:n,navigation:r,pageGroup:m,position:o}):u({event:"ga4Event",event_name:"view_item_list",event_parameters:{page_group:m,component_type:e,component_name:t,position:o,creative_id:"",component_title:i,component_description:n,navigation:r,item_list_name:p,items:g,tab_name:c}})}})};export{L as useViewItemList};
+//# sourceMappingURL=useViewItemList.js.map

package/dist/esm/hooks/useViewItemList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useViewItemList.ts"],
+  "sourcesContent": ["import { type RefObject } from 'react'\nimport { gaTrack } from '../shared/track.js'\nimport { useIntersectionObserverDelay } from './useIntersectionObserver.js'\nimport { useAiuiContext } from '../biz-components/AiuiProvider/index.js'\n\ninterface ViewItemListOptions {\n  componentType: string\n  componentName: string\n  componentTitle?: string\n  componentDescription?: string\n  navigation?: string\n  pageGroup?: string\n  position?: number\n  tabName?: string\n  itemListName?: string\n  items?: Array<{\n    item_id: string\n    item_name: string\n    item_variant: string\n    price: string\n    index: number\n  }>\n}\n\nexport const useViewItemList = (\n  ref: RefObject<HTMLElement>,\n  {\n    componentType,\n    componentName,\n    componentTitle,\n    componentDescription,\n    navigation = '',\n    position = 1,\n    itemListName,\n    items,\n    tabName = '',\n  }: ViewItemListOptions\n) => {\n  const { trackingData, onExposure } = useAiuiContext()\n\n  useIntersectionObserverDelay(ref, {\n    once: true,\n    threshold: 0.5,\n    delay: 2000,\n    callback: () => {\n      const pageGroup = trackingData.pageGroup || 'Home Page'\n\n      if (onExposure) {\n        // Custom handler from AiuiProvider\n        onExposure({\n          componentType,\n          componentName,\n          componentTitle,\n          componentDescription,\n          navigation,\n          pageGroup,\n          position,\n        })\n      } else {\n        // Default GA behavior\n        // TODO: \u5220\u9664\u8FD9\u4E2A\u5206\u652F\uFF0C\u53EA\u4FDD\u7559 onExposure \u903B\u8F91\uFF0C\u8BA9\u4F7F\u7528\u65B9\u5B8C\u5168\u63A7\u5236\u66DD\u5149\u57CB\u70B9\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'view_item_list',\n          event_parameters: {\n            page_group: pageGroup,\n            component_type: componentType,\n            component_name: componentName,\n            position: position,\n            creative_id: '',\n            component_title: componentTitle,\n            component_description: componentDescription,\n            navigation: navigation,\n            item_list_name: itemListName,\n            items: items,\n            tab_name: tabName,\n          },\n        })\n      }\n    },\n  })\n}\n"],
+  "mappings": "AAAA,MAA+B,QAC/B,OAAS,WAAAA,MAAe,qBACxB,OAAS,gCAAAC,MAAoC,+BAC7C,OAAS,kBAAAC,MAAsB,0CAqBxB,MAAMC,EAAkB,CAC7BC,EACA,CACE,cAAAC,EACA,cAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,EACX,aAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,EACZ,IACG,CACH,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,EAAIb,EAAe,EAEpDD,EAA6BG,EAAK,CAChC,KAAM,GACN,UAAW,GACX,MAAO,IACP,SAAU,IAAM,CACd,MAAMY,EAAYF,EAAa,WAAa,YAExCC,EAEFA,EAAW,CACT,cAAAV,EACA,cAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,UAAAO,EACA,SAAAN,CACF,CAAC,EAIDV,EAAQ,CACN,MAAO,WACP,WAAY,iBACZ,iBAAkB,CAChB,WAAYgB,EACZ,eAAgBX,EAChB,eAAgBC,EAChB,SAAUI,EACV,YAAa,GACb,gBAAiBH,EACjB,sBAAuBC,EACvB,WAAYC,EACZ,eAAgBE,EAChB,MAAOC,EACP,SAAUC,CACZ,CACF,CAAC,CAEL,CACF,CAAC,CACH",
+  "names": ["gaTrack", "useIntersectionObserverDelay", "useAiuiContext", "useViewItemList", "ref", "componentType", "componentName", "componentTitle", "componentDescription", "navigation", "position", "itemListName", "items", "tabName", "trackingData", "onExposure", "pageGroup"]
+}

package/dist/esm/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components/index.js';
 export { gaTrack } from './shared/track.js';
+export { trackUrlRef, buildTrackingRef } from './shared/trackUrlRef.js';
 export type { ExposureParams, OnExposureCallback } from './biz-components/AiuiProvider/index.js';

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export*from"./components/index.js";import{gaTrack as p}from"./shared/track.js";export{p as gaTrack};
+export*from"./components/index.js";import{gaTrack as a}from"./shared/track.js";import{trackUrlRef as i,buildTrackingRef as t}from"./shared/trackUrlRef.js";export{t as buildTrackingRef,a as gaTrack,i as trackUrlRef};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './components/index.js'\nexport { gaTrack } from './shared/track.js'\nexport type { ExposureParams, OnExposureCallback } from './biz-components/AiuiProvider/index.js'\n"],
-  "mappings": "AAAA,WAAc,wBACd,OAAS,WAAAA,MAAe",
-  "names": ["gaTrack"]
+  "sourcesContent": ["export * from './components/index.js'\nexport { gaTrack } from './shared/track.js'\nexport { trackUrlRef, buildTrackingRef } from './shared/trackUrlRef.js'\nexport type { ExposureParams, OnExposureCallback } from './biz-components/AiuiProvider/index.js'\n"],
+  "mappings": "AAAA,WAAc,wBACd,OAAS,WAAAA,MAAe,oBACxB,OAAS,eAAAC,EAAa,oBAAAC,MAAwB",
+  "names": ["gaTrack", "trackUrlRef", "buildTrackingRef"]
 }

package/dist/esm/shared/Styles.js

@@ -1,2 +1,2 @@
-import{Fragment as _,jsx as s,jsxs as O}from"react/jsx-runtime";import p,{useMemo as m}from"react";import{simpleHash as R}from"./simpleHash.js";import f from"./getKeyPropsString.js";import{Grid as S,GridItem as g}from"../components/grid.js";import{Container as b}from"../components/container.js";import w from"./ErrorBoundary.js";const T={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},N={12:"tablet:col-start-1 tablet:col-end-13",10:"tablet:col-start-2 tablet:col-end-12",8:"tablet:col-start-3 tablet:col-end-11",6:"tablet:col-start-4 tablet:col-end-10",4:"tablet:col-start-5 tablet:col-end-9"},y=t=>{const n=f(t);return`style_${R(n)}`},I=t=>{const{style:n,uid:e,disabled:o,containerClassName:r}=t;return{style:n,uid:e,disabled:o,containerClassName:r}},k=({style:t,uid:n=y({}),disabled:e=!1})=>!t||e?null:s("style",{suppressHydrationWarning:!0,"data-style-id":n,dangerouslySetInnerHTML:{__html:`.block-${n} { ${t} }`}}),h=(t,n)=>{const e=m(()=>t?.uid||y({...t,...n??{}}),[n,t]),o=m(()=>s(k,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:o,uid:e}},$=t=>{const{desktopSpan:n,mobileSpan:e}=t||{},o=e?T[e]:"",r=n?N[n]:"";return`${o} ${r}`.trim()},j=t=>t?typeof t=="string"?t:typeof t=="object"&&Object.entries(t).length<=0?"":Object.entries(t).map(([n,e])=>`${n.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${e}`).join("; ")+";":"",x=(t,n)=>[t,n].map(j).filter(e=>!!e).map(e=>e.trim().endsWith(";")?e:`${e};`).join(" ");function L(t,n){const e=p.forwardRef((o,r)=>{const a=I(o),i=x(n?.style,a.style),c={...n,...a,...i&&{style:i}},{className:l,StyleComponent:d}=h(c,o.data),{style:G,uid:A,disabled:F,className:P,...C}=o;return O(_,{children:[d,s(t,{...C,className:[l,P].filter(Boolean).join(" ").trim(),ref:r})]})});return e.displayName=`WithStyleInjection(${t.displayName||t.name||"Component"})`,e}function E(t,n){const e=p.forwardRef((o,r)=>{const{container:a,containerClassName:i,...c}=o;if(!a||Reflect.ownKeys(a).length===0)return s(t,{...c,ref:r});const l=[n,i].filter(Boolean).join(" ").trim();return s(b,{className:l,children:s(S,{className:"container_grid",children:s(g,{className:$(a),children:s(t,{...c,ref:r})})})})});return e.displayName=`WithContainerLayout(${t.displayName||t.name||"Component"})`,e}function B(t){const n=p.forwardRef((e,o)=>s(w,{children:s(t,{...e,ref:o})}));return n.displayName=`WithErrorBoundary(${t.displayName||t.name||"Component"})`,n}const u=new WeakMap;function Z(t,n){if(u.has(t))return t;const e=B(E(L(t,n),n?.containerClassName));e.displayName=`WithLayout(${t.displayName||t.name||"Component"})`,u.set(t,!0);const o=e;return Object.getOwnPropertyNames(t).forEach(r=>{!(r in o)&&r!=="arguments"&&r!=="caller"&&r!=="length"&&r!=="name"&&(o[r]=t[r])}),o}export{I as getStylesProps,h as useStyles,Z as withLayout};
+import{Fragment as _,jsx as s,jsxs as O}from"react/jsx-runtime";import m,{useMemo as y}from"react";import{simpleHash as R}from"./simpleHash.js";import f from"./getKeyPropsString.js";import{Grid as S,GridItem as g}from"../components/grid.js";import{Container as b}from"../components/container.js";import w from"./ErrorBoundary.js";const T={12:"col-start-1 col-end-13",10:"col-start-2 col-end-12",8:"col-start-3 col-end-11",6:"col-start-4 col-end-10",4:"col-start-5 col-end-9"},N={12:"tablet:col-start-1 tablet:col-end-13",10:"tablet:col-start-2 tablet:col-end-12",8:"tablet:col-start-3 tablet:col-end-11",6:"tablet:col-start-4 tablet:col-end-10",4:"tablet:col-start-5 tablet:col-end-9"},u=t=>{const n=f(t);return`style_${R(n)}`},I=t=>{const{style:n,uid:e,disabled:o,containerClassName:r}=t;return{style:n,uid:e,disabled:o,containerClassName:r}},k=({style:t,uid:n=u({}),disabled:e=!1})=>!t||e?null:s("style",{suppressHydrationWarning:!0,"data-style-id":n,dangerouslySetInnerHTML:{__html:`.block-${n} { ${t} }`}}),h=(t,n)=>{const e=y(()=>t?.uid||u({...t,...n??{}}),[n,t]),o=y(()=>s(k,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:o,uid:e}},$=t=>{const{desktopSpan:n,mobileSpan:e}=t||{},o=e?T[e]:"",r=n?N[n]:"";return`${o} ${r}`.trim()},j=t=>t?typeof t=="string"?t:typeof t=="object"&&Object.entries(t).length<=0?"":Object.entries(t).map(([n,e])=>`${n.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${e}`).join("; ")+";":"",x=(t,n)=>[t,n].map(j).filter(e=>!!e).map(e=>e.trim().endsWith(";")?e:`${e};`).join(" ");function L(t,n){const e=m.forwardRef((o,r)=>{const{container:a,containerClassName:i,className:c,...l}=o;if(!a||Reflect.ownKeys(a).length===0)return s(t,{...l,className:c,ref:r});const p=[n,i,c].filter(Boolean).join(" ").trim();return s(b,{className:p,children:s(S,{className:"container_grid",children:s(g,{className:$(a),children:s(t,{...l,ref:r})})})})});return e.displayName=`WithContainerLayout(${t.displayName||t.name||"Component"})`,e}function E(t,n){const e=m.forwardRef((o,r)=>{const a=I(o),i=x(n?.style,a.style),c={...n,...a,...i&&{style:i}},{className:l,StyleComponent:p}=h(c,o.data),{style:G,uid:A,disabled:F,className:P,...C}=o;return O(_,{children:[p,s(t,{...C,className:[l,P].filter(Boolean).join(" ").trim(),ref:r})]})});return e.displayName=`WithStyleInjection(${t.displayName||t.name||"Component"})`,e}function B(t){const n=m.forwardRef((e,o)=>s(w,{children:s(t,{...e,ref:o})}));return n.displayName=`WithErrorBoundary(${t.displayName||t.name||"Component"})`,n}const d=new WeakMap;function Z(t,n){if(d.has(t))return t;const e=B(E(L(t,n?.containerClassName),n));e.displayName=`WithLayout(${t.displayName||t.name||"Component"})`,d.set(t,!0);const o=e;return Object.getOwnPropertyNames(t).forEach(r=>{!(r in o)&&r!=="arguments"&&r!=="caller"&&r!=="length"&&r!=="name"&&(o[r]=t[r])}),o}export{I as getStylesProps,h as useStyles,Z as withLayout};
 //# sourceMappingURL=Styles.js.map

package/dist/esm/shared/Styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/shared/Styles.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/grid.js'\nimport { Container } from '../components/container.js'\nimport ErrorBoundary from './ErrorBoundary.js'\n\nconst colContentClasses: Record<number, string> = {\n  12: 'col-start-1 col-end-13',\n  10: 'col-start-2 col-end-12',\n  8: 'col-start-3 col-end-11',\n  6: 'col-start-4 col-end-10',\n  4: 'col-start-5 col-end-9',\n} as const\n\n// \u9884\u5B9A\u4E49\u5E26 tablet \u524D\u7F00\u7684\u7C7B\u540D\uFF0C\u786E\u4FDD Tailwind \u53EF\u4EE5\u8BC6\u522B\nconst colContentClassesTablet: Record<number, string> = {\n  12: 'tablet:col-start-1 tablet:col-end-13',\n  10: 'tablet:col-start-2 tablet:col-end-12',\n  8: 'tablet:col-start-3 tablet:col-end-11',\n  6: 'tablet:col-start-4 tablet:col-end-10',\n  4: 'tablet:col-start-5 tablet:col-end-9',\n} as const\n\nexport interface ContainerProps {\n  container?: {\n    desktopSpan: number\n    mobileSpan: number\n  }\n}\n\nexport interface StylesProps {\n  style?: string | React.CSSProperties\n  uid?: string\n  disabled?: boolean\n  containerClassName?: string\n}\n\ntype LayoutProps<P> = Omit<P, keyof StylesProps | keyof ContainerProps> & StylesProps & ContainerProps\n\ntype StaticComponentProperties<T> = Omit<T, keyof React.ComponentType<any> | 'displayName' | 'prototype'>\n\nconst generateUID = (props: Record<string, unknown>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\nexport const getStylesProps = <T extends StylesProps>(props: T): StylesProps => {\n  const { style, uid, disabled, containerClassName } = props\n  return { style, uid, disabled, containerClassName }\n}\n\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return (\n    <style\n      suppressHydrationWarning\n      data-style-id={uid}\n      dangerouslySetInnerHTML={{ __html: `.block-${uid} { ${style} }` }}\n    />\n  )\n}\n\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, unknown>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, ...(data ?? {}) }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n  } as const\n}\n\nconst getGridItemClassName = (container?: ContainerProps['container']) => {\n  const { desktopSpan, mobileSpan } = container || {}\n  const mobileClasses = mobileSpan ? colContentClasses[mobileSpan] : ''\n  const desktopClasses = desktopSpan ? colContentClassesTablet[desktopSpan] : ''\n  return `${mobileClasses} ${desktopClasses}`.trim()\n}\n\nconst styleToString = (style?: string | React.CSSProperties): string => {\n  if (!style) return ''\n  if (typeof style === 'string') return style\n  if (typeof style === 'object' && Object.entries(style).length <= 0) return ''\n  return (\n    Object.entries(style)\n      .map(([key, value]) => {\n        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n        return `${cssKey}: ${value}`\n      })\n      .join('; ') + ';'\n  )\n}\n\nconst mergeStyles = (a?: string | React.CSSProperties, b?: string | React.CSSProperties): string =>\n  [a, b]\n    .map(styleToString)\n    .filter((s): s is string => Boolean(s))\n    .map(s => (s.trim().endsWith(';') ? s : `${s};`))\n    .join(' ')\n\ntype InternalProps = StylesProps &\n  ContainerProps & { className?: string; data?: Record<string, unknown> } & Record<string, unknown>\n\nfunction withStyleInjection(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultStyleProps?: Partial<StylesProps>\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    const propsStyleProps = getStylesProps(props)\n    const mergedStyle = mergeStyles(defaultStyleProps?.style, propsStyleProps.style)\n\n    const finalStyleProps: StylesProps = {\n      ...defaultStyleProps,\n      ...propsStyleProps,\n      ...(mergedStyle && { style: mergedStyle }),\n    }\n\n    const { className, StyleComponent } = useStyles(finalStyleProps, props.data as Record<string, unknown> | undefined)\n\n    // eslint-disable-next-line no-unused-vars\n    const { style: _s, uid: _u, disabled: _d, className: ownClassName, ...rest } = props\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent {...rest} className={[className, ownClassName].filter(Boolean).join(' ').trim()} ref={ref} />\n      </>\n    )\n  })\n\n  Wrapped.displayName = `WithStyleInjection(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withContainerLayout(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultContainerClassName?: string\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    // eslint-disable-next-line no-unused-vars\n    const { container, containerClassName, ...componentProps } = props\n\n    if (!container || Reflect.ownKeys(container).length === 0) {\n      return <WrappedComponent {...componentProps} ref={ref} />\n    }\n\n    const mergedContainerClassName = [defaultContainerClassName, containerClassName].filter(Boolean).join(' ').trim()\n\n    return (\n      <Container className={mergedContainerClassName}>\n        <Grid className=\"container_grid\">\n          <GridItem className={getGridItemClassName(container as ContainerProps['container'])}>\n            <WrappedComponent {...componentProps} ref={ref} />\n          </GridItem>\n        </Grid>\n      </Container>\n    )\n  })\n\n  Wrapped.displayName = `WithContainerLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withErrorBoundary(WrappedComponent: React.ComponentType<InternalProps>): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => (\n    <ErrorBoundary>\n      <WrappedComponent {...props} ref={ref} />\n    </ErrorBoundary>\n  ))\n\n  Wrapped.displayName = `WithErrorBoundary(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nconst wrappedComponents = new WeakMap<React.ComponentType<never>, true>()\n\nexport function withLayout<T extends React.ComponentType<any>>(\n  WrappedComponent: T,\n  defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n): React.ForwardRefExoticComponent<LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>> &\n  StaticComponentProperties<T> {\n  if (wrappedComponents.has(WrappedComponent as React.ComponentType<never>)) {\n    return WrappedComponent as unknown as React.ForwardRefExoticComponent<\n      LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n    > &\n      StaticComponentProperties<T>\n  }\n\n  const composed = withErrorBoundary(\n    withContainerLayout(\n      withStyleInjection(WrappedComponent as unknown as React.ComponentType<InternalProps>, defaultLayoutProps),\n      defaultLayoutProps?.containerClassName\n    )\n  )\n\n  composed.displayName = `WithLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n\n  wrappedComponents.set(WrappedComponent as React.ComponentType<never>, true)\n\n  const result = composed as unknown as React.ForwardRefExoticComponent<\n    LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n  > &\n    StaticComponentProperties<T>\n\n  Object.getOwnPropertyNames(WrappedComponent).forEach(key => {\n    if (!(key in result) && key !== 'arguments' && key !== 'caller' && key !== 'length' && key !== 'name') {\n      ;(result as any)[key] = (WrappedComponent as any)[key]\n    }\n  })\n\n  return result\n}\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useMemo", "simpleHash", "getKeyPropsString", "Grid", "GridItem", "Container", "ErrorBoundary", "colContentClasses", "colContentClassesTablet", "generateUID", "props", "keyString", "getStylesProps", "style", "uid", "disabled", "containerClassName", "Styles", "useStyles", "styleProps", "data", "StyleComponent", "getGridItemClassName", "container", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "styleToString", "key", "value", "mergeStyles", "a", "b", "s", "withStyleInjection", "WrappedComponent", "defaultStyleProps", "Wrapped", "ref", "propsStyleProps", "mergedStyle", "finalStyleProps", "className", "_s", "_u", "_d", "ownClassName", "rest", "withContainerLayout", "defaultContainerClassName", "componentProps", "mergedContainerClassName", "withErrorBoundary", "wrappedComponents", "withLayout", "defaultLayoutProps", "composed", "result"]
+  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/grid.js'\nimport { Container } from '../components/container.js'\nimport ErrorBoundary from './ErrorBoundary.js'\n\nconst colContentClasses: Record<number, string> = {\n  12: 'col-start-1 col-end-13',\n  10: 'col-start-2 col-end-12',\n  8: 'col-start-3 col-end-11',\n  6: 'col-start-4 col-end-10',\n  4: 'col-start-5 col-end-9',\n} as const\n\n// \u9884\u5B9A\u4E49\u5E26 tablet \u524D\u7F00\u7684\u7C7B\u540D\uFF0C\u786E\u4FDD Tailwind \u53EF\u4EE5\u8BC6\u522B\nconst colContentClassesTablet: Record<number, string> = {\n  12: 'tablet:col-start-1 tablet:col-end-13',\n  10: 'tablet:col-start-2 tablet:col-end-12',\n  8: 'tablet:col-start-3 tablet:col-end-11',\n  6: 'tablet:col-start-4 tablet:col-end-10',\n  4: 'tablet:col-start-5 tablet:col-end-9',\n} as const\n\nexport interface ContainerProps {\n  container?: {\n    desktopSpan: number\n    mobileSpan: number\n  }\n}\n\nexport interface StylesProps {\n  style?: string | React.CSSProperties\n  uid?: string\n  disabled?: boolean\n  containerClassName?: string\n}\n\ntype LayoutProps<P> = Omit<P, keyof StylesProps | keyof ContainerProps> & StylesProps & ContainerProps\n\ntype StaticComponentProperties<T> = Omit<T, keyof React.ComponentType<any> | 'displayName' | 'prototype'>\n\nconst generateUID = (props: Record<string, unknown>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\nexport const getStylesProps = <T extends StylesProps>(props: T): StylesProps => {\n  const { style, uid, disabled, containerClassName } = props\n  return { style, uid, disabled, containerClassName }\n}\n\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return (\n    <style\n      suppressHydrationWarning\n      data-style-id={uid}\n      dangerouslySetInnerHTML={{ __html: `.block-${uid} { ${style} }` }}\n    />\n  )\n}\n\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, unknown>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, ...(data ?? {}) }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n  } as const\n}\n\nconst getGridItemClassName = (container?: ContainerProps['container']) => {\n  const { desktopSpan, mobileSpan } = container || {}\n  const mobileClasses = mobileSpan ? colContentClasses[mobileSpan] : ''\n  const desktopClasses = desktopSpan ? colContentClassesTablet[desktopSpan] : ''\n  return `${mobileClasses} ${desktopClasses}`.trim()\n}\n\nconst styleToString = (style?: string | React.CSSProperties): string => {\n  if (!style) return ''\n  if (typeof style === 'string') return style\n  if (typeof style === 'object' && Object.entries(style).length <= 0) return ''\n  return (\n    Object.entries(style)\n      .map(([key, value]) => {\n        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n        return `${cssKey}: ${value}`\n      })\n      .join('; ') + ';'\n  )\n}\n\nconst mergeStyles = (a?: string | React.CSSProperties, b?: string | React.CSSProperties): string =>\n  [a, b]\n    .map(styleToString)\n    .filter((s): s is string => Boolean(s))\n    .map(s => (s.trim().endsWith(';') ? s : `${s};`))\n    .join(' ')\n\ntype InternalProps = StylesProps &\n  ContainerProps & { className?: string; data?: Record<string, unknown> } & Record<string, unknown>\n\nfunction withContainerLayout(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultContainerClassName?: string\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    // eslint-disable-next-line no-unused-vars\n    const { container, containerClassName, className, ...componentProps } = props\n\n    if (!container || Reflect.ownKeys(container).length === 0) {\n      return <WrappedComponent {...componentProps} className={className as string | undefined} ref={ref} />\n    }\n\n    const mergedContainerClassName = [defaultContainerClassName, containerClassName, className]\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n\n    return (\n      <Container className={mergedContainerClassName}>\n        <Grid className=\"container_grid\">\n          <GridItem className={getGridItemClassName(container as ContainerProps['container'])}>\n            <WrappedComponent {...componentProps} ref={ref} />\n          </GridItem>\n        </Grid>\n      </Container>\n    )\n  })\n\n  Wrapped.displayName = `WithContainerLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withStyleInjection(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultStyleProps?: Partial<StylesProps>\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    const propsStyleProps = getStylesProps(props)\n    const mergedStyle = mergeStyles(defaultStyleProps?.style, propsStyleProps.style)\n\n    const finalStyleProps: StylesProps = {\n      ...defaultStyleProps,\n      ...propsStyleProps,\n      ...(mergedStyle && { style: mergedStyle }),\n    }\n\n    const { className, StyleComponent } = useStyles(finalStyleProps, props.data as Record<string, unknown> | undefined)\n\n    // eslint-disable-next-line no-unused-vars\n    const { style: _s, uid: _u, disabled: _d, className: ownClassName, ...rest } = props\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent {...rest} className={[className, ownClassName].filter(Boolean).join(' ').trim()} ref={ref} />\n      </>\n    )\n  })\n\n  Wrapped.displayName = `WithStyleInjection(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withErrorBoundary(WrappedComponent: React.ComponentType<InternalProps>): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => (\n    <ErrorBoundary>\n      <WrappedComponent {...props} ref={ref} />\n    </ErrorBoundary>\n  ))\n\n  Wrapped.displayName = `WithErrorBoundary(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nconst wrappedComponents = new WeakMap<React.ComponentType<never>, true>()\n\nexport function withLayout<T extends React.ComponentType<any>>(\n  WrappedComponent: T,\n  defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n): React.ForwardRefExoticComponent<LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>> &\n  StaticComponentProperties<T> {\n  if (wrappedComponents.has(WrappedComponent as React.ComponentType<never>)) {\n    return WrappedComponent as unknown as React.ForwardRefExoticComponent<\n      LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n    > &\n      StaticComponentProperties<T>\n  }\n\n  const composed = withErrorBoundary(\n    withStyleInjection(\n      withContainerLayout(\n        WrappedComponent as unknown as React.ComponentType<InternalProps>,\n        defaultLayoutProps?.containerClassName\n      ),\n      defaultLayoutProps\n    )\n  )\n\n  composed.displayName = `WithLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n\n  wrappedComponents.set(WrappedComponent as React.ComponentType<never>, true)\n\n  const result = composed as unknown as React.ForwardRefExoticComponent<\n    LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n  > &\n    StaticComponentProperties<T>\n\n  Object.getOwnPropertyNames(WrappedComponent).forEach(key => {\n    if (!(key in result) && key !== 'arguments' && key !== 'caller' && key !== 'length' && key !== 'name') {\n      ;(result as any)[key] = (WrappedComponent as any)[key]\n    }\n  })\n\n  return result\n}\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useMemo", "simpleHash", "getKeyPropsString", "Grid", "GridItem", "Container", "ErrorBoundary", "colContentClasses", "colContentClassesTablet", "generateUID", "props", "keyString", "getStylesProps", "style", "uid", "disabled", "containerClassName", "Styles", "useStyles", "styleProps", "data", "StyleComponent", "getGridItemClassName", "container", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "styleToString", "key", "value", "mergeStyles", "a", "b", "s", "withContainerLayout", "WrappedComponent", "defaultContainerClassName", "Wrapped", "ref", "className", "componentProps", "mergedContainerClassName", "withStyleInjection", "defaultStyleProps", "propsStyleProps", "mergedStyle", "finalStyleProps", "_s", "_u", "_d", "ownClassName", "rest", "withErrorBoundary", "wrappedComponents", "withLayout", "defaultLayoutProps", "composed", "result"]
 }

package/dist/esm/shared/trackUrlRef.d.ts

@@ -5,3 +5,12 @@
  * @returns 添加了 ref 参数的新 url
  */
 export declare const trackUrlRef: (url?: string, refValue?: string) => string;
+/**
+ * 构造标准化 ref 追踪字符串
+ * 格式: `${pageHandle}_${componentType}_${componentName}`
+ * @param pageHandle 页面标识，如 'soundcore-lottery'
+ * @param componentType 组件类型，如 'copy'
+ * @param componentName 组件名称，如 'lottery_banner'
+ * @returns 拼接后的 ref 字符串，如 'soundcore-lottery_copy_lottery_banner'
+ */
+export declare const buildTrackingRef: (pageHandle: string, componentType: string, componentName: string) => string;

package/dist/esm/shared/trackUrlRef.js

@@ -1,2 +1,2 @@
-const f=(t="",r="")=>{try{if(/^https?:\/\//.test(t)){const n=new URL(t);return n.searchParams.has("ref")?t:(n.searchParams.set("ref",r),n.toString())}else{const[n,s=""]=t.split("#"),[a,o=""]=n.split("?"),e=new URLSearchParams(o);if(e.has("ref"))return t;e.set("ref",r);const c=e.toString()?`?${e.toString()}`:"",h=s?`#${s}`:"";return`${a}${c}${h}`}}catch{return/[?&]ref=/.test(t)?t:t?.includes("?")?t+"&ref="+encodeURIComponent(r):t+"?ref="+encodeURIComponent(r)}};export{f as trackUrlRef};
+const h=(t="",n="")=>{try{if(t?.startsWith("#"))return t;if(n=n.replace(/Activity Page_/g,""),/^https?:\/\//.test(t)){const r=new URL(t);return r.searchParams.has("ref")?t:(r.searchParams.set("ref",n),r.toString())}else{const[r,i=""]=t.split("#"),[c,a=""]=r.split("?"),s=new URLSearchParams(a);if(s.has("ref"))return t;s.set("ref",n);const o=s.toString()?`?${s.toString()}`:"",g=i?`#${i}`:"";return`${c}${o}${g}`}}catch{return/[?&]ref=/.test(t)?t:t?.includes("?")?t+"&ref="+encodeURIComponent(n):t+"?ref="+encodeURIComponent(n)}},p=(t,n,e)=>`${t}_${n}_${e}`;export{p as buildTrackingRef,h as trackUrlRef};
 //# sourceMappingURL=trackUrlRef.js.map

package/dist/esm/shared/trackUrlRef.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/shared/trackUrlRef.ts"],
-  "sourcesContent": ["/**\n * \u7ED9 url \u6216 path \u6DFB\u52A0 ref \u53C2\u6570\n * @param url \u539F\u59CB url \u6216 path\n * @param refValue ref \u53C2\u6570\u7684\u503C\n * @returns \u6DFB\u52A0\u4E86 ref \u53C2\u6570\u7684\u65B0 url\n */\nexport const trackUrlRef = (url: string = '', refValue: string = ''): string => {\n  try {\n    // \u5224\u65AD\u662F\u5426\u4E3A\u7EDD\u5BF9 URL\n    const hasOrigin = /^https?:\\/\\//.test(url)\n    if (hasOrigin) {\n      const u = new URL(url)\n      // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n      if (u.searchParams.has('ref')) {\n        return url\n      }\n      u.searchParams.set('ref', refValue)\n      return u.toString()\n    } else {\n      const [pathWithQuery, hash = ''] = url.split('#')\n      const [path, query = ''] = pathWithQuery.split('?')\n      const params = new URLSearchParams(query)\n      // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n      if (params.has('ref')) {\n        return url\n      }\n      params.set('ref', refValue)\n      const queryString = params.toString() ? `?${params.toString()}` : ''\n      const hashString = hash ? `#${hash}` : ''\n      return `${path}${queryString}${hashString}`\n    }\n  } catch (e) {\n    // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n    if (/[?&]ref=/.test(url)) {\n      return url\n    }\n    if (url?.includes('?')) {\n      return url + '&ref=' + encodeURIComponent(refValue)\n    }\n    return url + '?ref=' + encodeURIComponent(refValue)\n  }\n}\n"],
-  "mappings": "AAMO,MAAMA,EAAc,CAACC,EAAc,GAAIC,EAAmB,KAAe,CAC9E,GAAI,CAGF,GADkB,eAAe,KAAKD,CAAG,EAC1B,CACb,MAAME,EAAI,IAAI,IAAIF,CAAG,EAErB,OAAIE,EAAE,aAAa,IAAI,KAAK,EACnBF,GAETE,EAAE,aAAa,IAAI,MAAOD,CAAQ,EAC3BC,EAAE,SAAS,EACpB,KAAO,CACL,KAAM,CAACC,EAAeC,EAAO,EAAE,EAAIJ,EAAI,MAAM,GAAG,EAC1C,CAACK,EAAMC,EAAQ,EAAE,EAAIH,EAAc,MAAM,GAAG,EAC5CI,EAAS,IAAI,gBAAgBD,CAAK,EAExC,GAAIC,EAAO,IAAI,KAAK,EAClB,OAAOP,EAETO,EAAO,IAAI,MAAON,CAAQ,EAC1B,MAAMO,EAAcD,EAAO,SAAS,EAAI,IAAIA,EAAO,SAAS,CAAC,GAAK,GAC5DE,EAAaL,EAAO,IAAIA,CAAI,GAAK,GACvC,MAAO,GAAGC,CAAI,GAAGG,CAAW,GAAGC,CAAU,EAC3C,CACF,MAAY,CAEV,MAAI,WAAW,KAAKT,CAAG,EACdA,EAELA,GAAK,SAAS,GAAG,EACZA,EAAM,QAAU,mBAAmBC,CAAQ,EAE7CD,EAAM,QAAU,mBAAmBC,CAAQ,CACpD,CACF",
-  "names": ["trackUrlRef", "url", "refValue", "u", "pathWithQuery", "hash", "path", "query", "params", "queryString", "hashString"]
+  "sourcesContent": ["/**\n * \u7ED9 url \u6216 path \u6DFB\u52A0 ref \u53C2\u6570\n * @param url \u539F\u59CB url \u6216 path\n * @param refValue ref \u53C2\u6570\u7684\u503C\n * @returns \u6DFB\u52A0\u4E86 ref \u53C2\u6570\u7684\u65B0 url\n */\nexport const trackUrlRef = (url: string = '', refValue: string = ''): string => {\n  try {\n    // \u5904\u7406\u951A\u70B9\n    if (url?.startsWith('#')) return url\n    // \u5386\u53F2\u57CB\u70B9\u95EE\u9898\u5904\u7406\uFF0C\u53BB\u6389pageHandle \u7684\u524D\u7F00\n    refValue = refValue.replace(/Activity Page_/g, '')\n    // \u5224\u65AD\u662F\u5426\u4E3A\u7EDD\u5BF9 URL\n    const hasOrigin = /^https?:\\/\\//.test(url)\n    if (hasOrigin) {\n      const u = new URL(url)\n      // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n      if (u.searchParams.has('ref')) {\n        return url\n      }\n      u.searchParams.set('ref', refValue)\n      return u.toString()\n    } else {\n      const [pathWithQuery, hash = ''] = url.split('#')\n      const [path, query = ''] = pathWithQuery.split('?')\n      const params = new URLSearchParams(query)\n      // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n      if (params.has('ref')) {\n        return url\n      }\n      params.set('ref', refValue)\n      const queryString = params.toString() ? `?${params.toString()}` : ''\n      const hashString = hash ? `#${hash}` : ''\n      return `${path}${queryString}${hashString}`\n    }\n  } catch (e) {\n    // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n    if (/[?&]ref=/.test(url)) {\n      return url\n    }\n    if (url?.includes('?')) {\n      return url + '&ref=' + encodeURIComponent(refValue)\n    }\n    return url + '?ref=' + encodeURIComponent(refValue)\n  }\n}\n\n/**\n * \u6784\u9020\u6807\u51C6\u5316 ref \u8FFD\u8E2A\u5B57\u7B26\u4E32\n * \u683C\u5F0F: `${pageHandle}_${componentType}_${componentName}`\n * @param pageHandle \u9875\u9762\u6807\u8BC6\uFF0C\u5982 'soundcore-lottery'\n * @param componentType \u7EC4\u4EF6\u7C7B\u578B\uFF0C\u5982 'copy'\n * @param componentName \u7EC4\u4EF6\u540D\u79F0\uFF0C\u5982 'lottery_banner'\n * @returns \u62FC\u63A5\u540E\u7684 ref \u5B57\u7B26\u4E32\uFF0C\u5982 'soundcore-lottery_copy_lottery_banner'\n */\nexport const buildTrackingRef = (pageHandle: string, componentType: string, componentName: string): string => {\n  return `${pageHandle}_${componentType}_${componentName}`\n}\n"],
+  "mappings": "AAMO,MAAMA,EAAc,CAACC,EAAc,GAAIC,EAAmB,KAAe,CAC9E,GAAI,CAEF,GAAID,GAAK,WAAW,GAAG,EAAG,OAAOA,EAKjC,GAHAC,EAAWA,EAAS,QAAQ,kBAAmB,EAAE,EAE/B,eAAe,KAAKD,CAAG,EAC1B,CACb,MAAME,EAAI,IAAI,IAAIF,CAAG,EAErB,OAAIE,EAAE,aAAa,IAAI,KAAK,EACnBF,GAETE,EAAE,aAAa,IAAI,MAAOD,CAAQ,EAC3BC,EAAE,SAAS,EACpB,KAAO,CACL,KAAM,CAACC,EAAeC,EAAO,EAAE,EAAIJ,EAAI,MAAM,GAAG,EAC1C,CAACK,EAAMC,EAAQ,EAAE,EAAIH,EAAc,MAAM,GAAG,EAC5CI,EAAS,IAAI,gBAAgBD,CAAK,EAExC,GAAIC,EAAO,IAAI,KAAK,EAClB,OAAOP,EAETO,EAAO,IAAI,MAAON,CAAQ,EAC1B,MAAMO,EAAcD,EAAO,SAAS,EAAI,IAAIA,EAAO,SAAS,CAAC,GAAK,GAC5DE,EAAaL,EAAO,IAAIA,CAAI,GAAK,GACvC,MAAO,GAAGC,CAAI,GAAGG,CAAW,GAAGC,CAAU,EAC3C,CACF,MAAY,CAEV,MAAI,WAAW,KAAKT,CAAG,EACdA,EAELA,GAAK,SAAS,GAAG,EACZA,EAAM,QAAU,mBAAmBC,CAAQ,EAE7CD,EAAM,QAAU,mBAAmBC,CAAQ,CACpD,CACF,EAUaS,EAAmB,CAACC,EAAoBC,EAAuBC,IACnE,GAAGF,CAAU,IAAIC,CAAa,IAAIC,CAAa",
+  "names": ["trackUrlRef", "url", "refValue", "u", "pathWithQuery", "hash", "path", "query", "params", "queryString", "hashString", "buildTrackingRef", "pageHandle", "componentType", "componentName"]
 }

package/dist/esm/types/props.d.ts

@@ -25,15 +25,32 @@ export type Theme = 'light' | 'dark';
 export type Shape = 'rounded' | 'square';
 export type Align = 'left' | 'center' | 'right';
 export type Media = {
+    id?: string;
     alt: string;
     url: string;
-    thumbnailURL: string;
+    thumbnailURL?: string;
     mimeType?: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp' | 'image/svg+xml';
     width?: number;
     height?: number;
     focalX?: number;
     focalY?: number;
 };
+/**
+ * 响应式媒体资源类型
+ * 支持不同断点下加载不同尺寸的媒体文件
+ */
+export type ResponsiveMedia = {
+    /** PC 端媒体（≥1440px） */
+    pc?: Media;
+    /** 桌面  */
+    desktop?: Media;
+    /** 桌面 */
+    laptop?: Media;
+    /** 平板端媒体（≥768px） */
+    pad?: Media;
+    /** 移动端媒体（<768px） */
+    mobile?: Media;
+};
 export type GSAPContext = {
     gsap?: any;
     ScrollTrigger?: any;

package/dist/tokens/anker.css

@@ -7,12 +7,12 @@
   --card-radius: 0;
   --radius: 0em;
 
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
   --brand-color-0: #00befa;
 }
 
 .aiui-dark {
   --brand-color-0: #00befa;
   --btn-bg-active-color: var(--brand-color-0);
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
 }

package/dist/tokens/eufy.css

@@ -1,7 +1,7 @@
 :root {
   --btn-bg-active-color: var(--brand-color-0);
 
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
 
   --btn-radius: 24px;
   --box-radius: 16px;
@@ -15,5 +15,5 @@
 .aiui-dark {
   --brand-color-0: #008CD6;
   --btn-bg-active-color: var(--brand-color-0);
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
 }

package/dist/tokens/eufyMake.css

@@ -2,7 +2,7 @@
 
   --btn-bg-active-color: var(--brand-color-0);
 
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
   --btn-radius: 24px;
   --box-radius: 16px;
   --box-radius-small: 8px;
@@ -14,5 +14,5 @@
 .aiui-dark {
   --brand-color-0: #3adb67;
   --btn-bg-active-color: var(--brand-color-0);
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
 }

package/dist/tokens/soundcore.css

@@ -1,7 +1,7 @@
 :root {
   --btn-bg-active-color: var(--brand-color-0);
 
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
 
   --radius: 0em;
 
@@ -32,5 +32,5 @@
 .aiui-dark {
   --brand-color-0: #17bbef;
   --btn-bg-active-color: var(--brand-color-0);
-  --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
+  --brand-gradient-color-0: linear-gradient(90deg, var(--brand-color-0) 0%, var(--brand-color-0) 100%);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.87",
+  "version": "1.1.89",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",