@anker-in/headless-ui 1.3.63 → 1.3.65

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

@@ -1,7 +0,0 @@
-{
-  "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/icons/spinner.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/icons/spinner.tsx"],
-  "sourcesContent": ["import { cn } from '../helpers/index.js'\n\nexport interface SpinnerProps {\n  className?: string\n}\n\n// eslint-disable-next-line no-unused-vars\nconst Spinner = (props: SpinnerProps) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      className={cn('animate-spin', props.className)}\n    >\n      <path\n        d=\"M1 10C1 14.9706 5.02944 19 10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport default Spinner\n"],
-  "mappings": "AAgBM,cAAAA,MAAA,oBAhBN,OAAS,MAAAC,MAAU,sBAOnB,MAAMC,EAAWC,GAEbH,EAAC,OACC,KAAK,OACL,QAAQ,YACR,MAAM,6BACN,MAAM,OACN,UAAWC,EAAG,eAAgBE,EAAM,SAAS,EAE7C,SAAAH,EAAC,QACC,EAAE,yFACF,YAAY,IACZ,cAAc,QAChB,EACF,EAIJ,IAAOI,EAAQF",
-  "names": ["jsx", "cn", "Spinner", "props", "spinner_default"]
-}

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "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\n// \u516C\u5F00\u5BFC\u51FA\u6838\u5FC3\u5171\u4EAB\u7C7B\u578B\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport type {\n  Media,\n  Theme,\n  Img,\n  Video,\n  ContainerProps,\n  ComponentCommonProps,\n  ResponsiveMedia,\n  Shape,\n  Align,\n  CurrencyDisplayType,\n} from './types/props.js'\n\n// \u516C\u5F00\u5BFC\u51FA\u5168\u91CF hooks\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { default as useCountDown } from './hooks/useCountDown.js'\nexport { useDraggableScroll } from './hooks/useDraggableScroll.js'\nexport { useExposure } from './hooks/useExposure.js'\nexport { useGridRowCount } from './hooks/useGridRowCount.js'\nexport { useIntersectionObserverDelay } from './hooks/useIntersectionObserver.js'\nexport { useRollout } from './hooks/useRollout.js'\nexport { useViewItemList } from './hooks/useViewItemList.js'\n\n// \u516C\u5F00\u5BFC\u51FA helpers\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { cn, getLocalizedPath, noop } from './helpers/index.js'\nexport { formatPrice, languageTerritory, PRICE_SYMBOL } from './helpers/index.js'\n\n// \u516C\u5F00\u5BFC\u51FA LocalizedLink\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u4F7F\u7528\uFF09\nexport { LocalizedLink, type LocalizedLinkProps } from './shared/LocalizedLink.js'\n"],
-  "mappings": "AAAA,WAAc,wBACd,OAAS,WAAAA,MAAe,oBACxB,OAAS,eAAAC,EAAa,oBAAAC,MAAwB,0BAkB9C,OAAoB,WAAXC,MAA+B,0BACxC,OAAS,sBAAAC,MAA0B,gCACnC,OAAS,eAAAC,MAAmB,yBAC5B,OAAS,mBAAAC,MAAuB,6BAChC,OAAS,gCAAAC,MAAoC,qCAC7C,OAAS,cAAAC,MAAkB,wBAC3B,OAAS,mBAAAC,MAAuB,6BAGhC,OAAS,MAAAC,EAAI,oBAAAC,EAAkB,QAAAC,MAAY,qBAC3C,OAAS,eAAAC,EAAa,qBAAAC,EAAmB,gBAAAC,MAAoB,qBAG7D,OAAS,iBAAAC,MAA8C",
-  "names": ["gaTrack", "trackUrlRef", "buildTrackingRef", "default", "useDraggableScroll", "useExposure", "useGridRowCount", "useIntersectionObserverDelay", "useRollout", "useViewItemList", "cn", "getLocalizedPath", "noop", "formatPrice", "languageTerritory", "PRICE_SYMBOL", "LocalizedLink"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/ErrorBoundary.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { ReactNode } from 'react'\n\ninterface ErrorBoundaryProps {\n  children: ReactNode\n  fallback?: ReactNode // \u53EF\u81EA\u5B9A\u4E49\u9519\u8BEFUI\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean\n  error: Error | null\n  errorInfo: React.ErrorInfo | null\n}\n\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false, error: null, errorInfo: null }\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error, errorInfo: null }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error('@anker-in/headless-ui biz component ErrorBoundary caught an error:', error, errorInfo)\n    this.setState({ errorInfo })\n    // \u53EF\u4EE5\u5728\u8FD9\u91CC\u4E0A\u62A5\u9519\u8BEF\u65E5\u5FD7\n  }\n\n  render() {\n    if (this.state.hasError) {\n      // \u4F7F\u7528\u81EA\u5B9A\u4E49 fallback UI \u6216\u9ED8\u8BA4 UI\n      if (this.props.fallback) return this.props.fallback\n      // \u53EA\u5728\u5F00\u53D1\u6A21\u5F0F\u663E\u793A\u9519\u8BEF\n      return process.env.NODE_ENV === 'development' ? (\n        <div style={{ padding: 20, textAlign: 'center' }}>\n          <h1>something went wrong \uD83D\uDE22</h1>\n          <p>{this.state.error?.message}</p>\n          <details style={{ whiteSpace: 'pre-wrap' }}>{this.state.errorInfo?.componentStack}</details>\n        </div>\n      ) : null\n    }\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n"],
-  "mappings": "AAoCQ,0BApCR,OAAOA,MAAW,QAclB,MAAMC,UAAsBD,EAAM,SAAkD,CAClF,YAAYE,EAA2B,CACrC,MAAMA,CAAK,EACX,KAAK,MAAQ,CAAE,SAAU,GAAO,MAAO,KAAM,UAAW,IAAK,CAC/D,CAEA,OAAO,yBAAyBC,EAAkC,CAChE,MAAO,CAAE,SAAU,GAAM,MAAAA,EAAO,UAAW,IAAK,CAClD,CAEA,kBAAkBA,EAAcC,EAA4B,CAC1D,QAAQ,MAAM,qEAAsED,EAAOC,CAAS,EACpG,KAAK,SAAS,CAAE,UAAAA,CAAU,CAAC,CAE7B,CAEA,QAAS,CACP,OAAI,KAAK,MAAM,SAET,KAAK,MAAM,SAAiB,KAAK,MAAM,SAQvC,KAGC,KAAK,MAAM,QACpB,CACF,CAEA,IAAOC,EAAQJ",
-  "names": ["React", "ErrorBoundary", "props", "error", "errorInfo", "ErrorBoundary_default"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/LocalizedLink.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { getLocalizedPath } from '../helpers/index.js'\nimport { useAiuiContext } from '../biz-components/AiuiProvider/index.js'\n\nexport interface LocalizedLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string\n}\n\nconst LocalizedLink = React.forwardRef<HTMLAnchorElement, LocalizedLinkProps>(\n  ({ href, className, children, rel = 'noreferrer', ...props }, ref) => {\n    const { locale = 'us' } = useAiuiContext()\n    const localizedHref = React.useMemo(() => (href ? getLocalizedPath(href, locale) : undefined), [href, locale])\n\n    if (!href) {\n      return <>{children}</>\n    }\n\n    return (\n      <a ref={ref} href={localizedHref} rel={rel} className={className} {...props}>\n        {children}\n      </a>\n    )\n  }\n)\n\nLocalizedLink.displayName = 'LocalizedLink'\n\nexport { LocalizedLink }\n"],
-  "mappings": "aAgBa,mBAAAA,EAAA,OAAAC,MAAA,oBAdb,UAAYC,MAAW,QACvB,OAAS,oBAAAC,MAAwB,sBACjC,OAAS,kBAAAC,MAAsB,0CAM/B,MAAMC,EAAgBH,EAAM,WAC1B,CAAC,CAAE,KAAAI,EAAM,UAAAC,EAAW,SAAAC,EAAU,IAAAC,EAAM,aAAc,GAAGC,CAAM,EAAGC,IAAQ,CACpE,KAAM,CAAE,OAAAC,EAAS,IAAK,EAAIR,EAAe,EACnCS,EAAgBX,EAAM,QAAQ,IAAOI,EAAOH,EAAiBG,EAAMM,CAAM,EAAI,OAAY,CAACN,EAAMM,CAAM,CAAC,EAE7G,OAAKN,EAKHL,EAAC,KAAE,IAAKU,EAAK,KAAME,EAAe,IAAKJ,EAAK,UAAWF,EAAY,GAAGG,EACnE,SAAAF,EACH,EANOP,EAAAD,EAAA,CAAG,SAAAQ,EAAS,CAQvB,CACF,EAEAH,EAAc,YAAc",
-  "names": ["Fragment", "jsx", "React", "getLocalizedPath", "useAiuiContext", "LocalizedLink", "href", "className", "children", "rel", "props", "ref", "locale", "localizedHref"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "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    idx: data?.idx != null ? String(data.idx) : undefined,\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, idx } = useStyles(\n      finalStyleProps,\n      props.data as Record<string, unknown> | undefined\n    )\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\n          {...(idx ? { id: idx } : {})}\n          {...rest}\n          className={[className, ownClassName].filter(Boolean).join(' ').trim()}\n          ref={ref}\n        />\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", "idx", "_s", "_u", "_d", "ownClassName", "rest", "withErrorBoundary", "wrappedComponents", "withLayout", "defaultLayoutProps", "composed", "result"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/getKeyPropsString.ts"],
-  "sourcesContent": ["/**\n * \u9009\u53D6\u5173\u952E props \u751F\u6210 key \u5B57\u7B26\u4E32\n */\nexport default function getKeyPropsString(props: Record<string, any>): string {\n  const keys = ['style', 'className', 'id', 'name', 'type', 'data']\n  return keys\n    .map(k => {\n      if (k === 'data' && typeof props[k] === 'object' && props[k] !== null) {\n        try {\n          return JSON.stringify(props[k])\n        } catch {\n          return ''\n        }\n      }\n      return props[k] !== undefined ? String(props[k]) : ''\n    })\n    .join('|')\n}\n"],
-  "mappings": "AAGe,SAARA,EAAmCC,EAAoC,CAE5E,MADa,CAAC,QAAS,YAAa,KAAM,OAAQ,OAAQ,MAAM,EAE7D,IAAIC,GAAK,CACR,GAAIA,IAAM,QAAU,OAAOD,EAAMC,CAAC,GAAM,UAAYD,EAAMC,CAAC,IAAM,KAC/D,GAAI,CACF,OAAO,KAAK,UAAUD,EAAMC,CAAC,CAAC,CAChC,MAAQ,CACN,MAAO,EACT,CAEF,OAAOD,EAAMC,CAAC,IAAM,OAAY,OAAOD,EAAMC,CAAC,CAAC,EAAI,EACrD,CAAC,EACA,KAAK,GAAG,CACb",
-  "names": ["getKeyPropsString", "props", "k"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/mimeType.ts"],
-  "sourcesContent": ["export const isVideo = (mimeType: string = '') => mimeType?.startsWith('video/')\n"],
-  "mappings": "AAAO,MAAMA,EAAU,CAACC,EAAmB,KAAOA,GAAU,WAAW,QAAQ",
-  "names": ["isVideo", "mimeType"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/simpleHash.ts"],
-  "sourcesContent": ["export function simpleHash(str: string): string {\n  let hash = 5381\n  for (let i = 0; i < str.length; i++) {\n    hash = (hash << 5) + hash + str.charCodeAt(i)\n  }\n  return Math.abs(hash).toString(36)\n}\n"],
-  "mappings": "AAAO,SAASA,EAAWC,EAAqB,CAC9C,IAAIC,EAAO,KACX,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAC9BD,GAAQA,GAAQ,GAAKA,EAAOD,EAAI,WAAWE,CAAC,EAE9C,OAAO,KAAK,IAAID,CAAI,EAAE,SAAS,EAAE,CACnC",
-  "names": ["simpleHash", "str", "hash", "i"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/throttle.ts"],
-  "sourcesContent": ["export default function throttle<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number\n): (...args: Parameters<T>) => void {\n  let timer: ReturnType<typeof setTimeout> | null = null\n\n  return function (this: ThisParameterType<T>, ...args: Parameters<T>) {\n    if (timer) return\n\n    timer = setTimeout(() => {\n      fn.apply(this, args)\n      timer = null\n    }, delay)\n  }\n}\n"],
-  "mappings": "AAAe,SAARA,EACLC,EACAC,EACkC,CAClC,IAAIC,EAA8C,KAElD,OAAO,YAAyCC,EAAqB,CAC/DD,IAEJA,EAAQ,WAAW,IAAM,CACvBF,EAAG,MAAM,KAAMG,CAAI,EACnBD,EAAQ,IACV,EAAGD,CAAK,EACV,CACF",
-  "names": ["throttle", "fn", "delay", "timer", "args"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/track.ts"],
-  "sourcesContent": ["export const gaTrack = (data: any) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  ;(window as any).dataLayer = (window as any).dataLayer || []\n  try {\n    ;(window as any).dataLayer?.push({ event_parameters: null })\n    ;(window as any).dataLayer?.push(data || {})\n  } catch (error) {\n    console.log('pageGTMEvent error', error)\n  }\n}\n"],
-  "mappings": "AAAO,MAAMA,EAAWC,GAAc,CACpC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEP,OAAe,UAAa,OAAe,WAAa,CAAC,EAC3D,GAAI,CACA,OAAe,WAAW,KAAK,CAAE,iBAAkB,IAAK,CAAC,EACzD,OAAe,WAAW,KAAKA,GAAQ,CAAC,CAAC,CAC7C,OAASC,EAAO,CACd,QAAQ,IAAI,qBAAsBA,CAAK,CACzC,CACF",
-  "names": ["gaTrack", "data", "error"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "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    // \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/stories/ClassNamesVisualizer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/ClassNamesVisualizer.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nexport interface ClassNameItem {\n  name: string\n  description: string\n  note?: string\n}\n\nexport const HIGHLIGHT_CLASS =\n  'outline outline-2 outline-offset-1 outline-yellow-400 bg-yellow-300/20 transition-all duration-150'\n\nexport interface ClassNamesVisualizerProps {\n  title: string\n  items: ClassNameItem[]\n  renderPreview: (highlightedName: string | null, selectedName: string | null) => React.ReactNode\n  previewClassName?: string\n  tableClassName?: string\n}\n\nconst ClassNamesVisualizer: React.FC<ClassNamesVisualizerProps> = ({\n  title,\n  items,\n  renderPreview,\n  previewClassName,\n  tableClassName,\n}) => {\n  const [highlighted, setHighlighted] = React.useState<string | null>(null)\n  const [selected, setSelected] = React.useState<string | null>(null)\n\n  const handleClick = (name: string) => {\n    setSelected(prev => (prev === name ? null : name))\n  }\n\n  const activeItem = selected ?? highlighted\n\n  return (\n    <div className=\"font-sans antialiased\">\n      <div className=\"mb-4 flex items-center gap-3\">\n        <div className=\"bg-brand-0 h-5 w-1 rounded-full\" />\n        <h2 className=\"text-info-primary text-lg font-semibold\">\n          {title} \u2014 <span className=\"text-info-secondary font-normal\">classNames Visualizer</span>\n        </h2>\n      </div>\n\n      <p className=\"text-info-tertiary mb-6 text-sm\">\u60AC\u505C\u884C\u9AD8\u4EAE\u5BF9\u5E94\u533A\u57DF\uFF1B\u70B9\u51FB\u884C\u89E6\u53D1\u5F39\u7A97\uFF08\u518D\u6B21\u70B9\u51FB\u5173\u95ED\uFF09\u3002</p>\n\n      <div className=\"flex min-h-[400px] gap-6\">\n        <div\n          className={cn(\n            'w-[320px] shrink-0 self-start',\n            'border-lines-primary overflow-hidden rounded-lg border',\n            tableClassName\n          )}\n        >\n          <div className=\"bg-container-secondary-0 border-lines-primary border-b px-4 py-2.5\">\n            <span className=\"text-info-secondary text-xs font-semibold uppercase tracking-wider\">\n              className key / \u63CF\u8FF0\n            </span>\n          </div>\n\n          <div className=\"divide-lines-primary divide-y\">\n            {items.map(item => {\n              const isHovered = highlighted === item.name\n              const isSelected = selected === item.name\n              return (\n                <div\n                  key={item.name}\n                  className={cn(\n                    'group flex cursor-pointer flex-col gap-1 px-4 py-3 transition-colors',\n                    isSelected\n                      ? 'bg-yellow-100 dark:bg-yellow-900/30'\n                      : isHovered\n                        ? 'bg-yellow-50 dark:bg-yellow-900/20'\n                        : 'hover:bg-container-secondary-0'\n                  )}\n                  onMouseEnter={() => setHighlighted(item.name)}\n                  onMouseLeave={() => setHighlighted(null)}\n                  onClick={() => handleClick(item.name)}\n                >\n                  <div className=\"flex items-center gap-1.5\">\n                    <code\n                      className={cn(\n                        'self-start rounded px-1.5 py-0.5 font-mono text-xs transition-colors',\n                        isSelected || isHovered\n                          ? 'bg-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:text-yellow-100'\n                          : 'bg-container-secondary-0 text-info-primary group-hover:bg-yellow-100'\n                      )}\n                    >\n                      {item.name}\n                    </code>\n                    {isSelected && (\n                      <span className=\"text-[10px] font-medium text-yellow-700 dark:text-yellow-300\">\u25CF \u5DF2\u9009\u4E2D</span>\n                    )}\n                  </div>\n\n                  <p className=\"text-info-secondary break-words text-xs leading-relaxed\">{item.description}</p>\n\n                  {item.note && (\n                    <span className=\"text-info-tertiary break-words text-[11px] leading-relaxed\">{item.note}</span>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n\n          <div className=\"bg-container-secondary-0 border-lines-primary border-t px-4 py-2\">\n            <p className=\"text-info-tertiary text-[11px]\">\n              {selected ? (\n                <>\n                  \u5DF2\u9009\u4E2D\uFF1A\n                  <code className=\"text-info-primary ml-1 font-mono text-[11px]\">{selected}</code>\n                  <span className=\"ml-1 text-yellow-600\">\uFF08\u518D\u6B21\u70B9\u51FB\u53D6\u6D88\uFF09</span>\n                </>\n              ) : highlighted ? (\n                <>\n                  \u60AC\u505C\u4E2D\uFF1A\n                  <code className=\"text-info-primary ml-1 font-mono text-[11px]\">{highlighted}</code>\n                </>\n              ) : (\n                '\u60AC\u505C\u9AD8\u4EAE \u00B7 \u70B9\u51FB\u89E6\u53D1\u5F39\u7A97'\n              )}\n            </p>\n          </div>\n        </div>\n\n        <div className={cn('min-w-0 flex-1', previewClassName)}>\n          <div className=\"border-lines-primary mb-2 flex items-center gap-2 rounded-t-lg border border-b-0 px-3 py-2\">\n            <div className=\"flex gap-1.5\">\n              <div className=\"size-3 rounded-full bg-red-400\" />\n              <div className=\"size-3 rounded-full bg-yellow-400\" />\n              <div className=\"size-3 rounded-full bg-green-400\" />\n            </div>\n            <span className=\"text-info-tertiary text-xs\">Component Preview</span>\n            {activeItem && (\n              <span className=\"ml-auto flex items-center gap-1\">\n                <span className=\"inline-block size-2 animate-pulse rounded-full bg-yellow-400\" />\n                <code className=\"text-info-secondary font-mono text-[11px]\">{activeItem}</code>\n                <span className=\"text-info-tertiary text-[11px]\">{selected ? '\u5DF2\u9009\u4E2D' : '\u60AC\u505C\u4E2D'}</span>\n              </span>\n            )}\n          </div>\n\n          <div className=\"border-lines-primary overflow-hidden rounded-b-lg border\">\n            {renderPreview(highlighted, selected)}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nClassNamesVisualizer.displayName = 'ClassNamesVisualizer'\n\nexport default ClassNamesVisualizer\nexport { ClassNamesVisualizer }\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "cn", "HIGHLIGHT_CLASS", "ClassNamesVisualizer", "title", "items", "renderPreview", "previewClassName", "tableClassName", "highlighted", "setHighlighted", "selected", "setSelected", "handleClick", "name", "prev", "activeItem", "item", "isHovered", "isSelected", "ClassNamesVisualizer_default"]
-}

package/dist/esm/stories/decorators/dataPropsDecorator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/stories/decorators/dataPropsDecorator.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Decorator } from '@storybook/react'\n\n/**\n * Storybook Decorator: \u5904\u7406\u5D4C\u5957\u7684 data.* argTypes\uFF0C\u786E\u4FDD\u63A7\u4EF6\u4FEE\u6539\u80FD\u89E6\u53D1\u7EC4\u4EF6\u66F4\u65B0\n *\n * \u7528\u4E8E\u89E3\u51B3\u4F7F\u7528 data prop \u7684\u7EC4\u4EF6\u5728 Storybook \u4E2D\u63A7\u4EF6\u4E0D\u54CD\u5E94\u7684\u95EE\u9898\u3002\n * \u652F\u6301\u5728 Storybook \u63A7\u4EF6\u9762\u677F\u4E2D\u4FDD\u6301 'data.title' \u683C\u5F0F\u663E\u793A\u3002\n *\n * @example\n * ```tsx\n * import { createDataPropsDecorator } from '../decorators/dataPropsDecorator'\n *\n * const meta: Meta<typeof MyComponent> = {\n *   component: MyComponent,\n *   decorators: [createDataPropsDecorator()],\n *   argTypes: {\n *     // \u4FDD\u6301\u5D4C\u5957\u683C\u5F0F\uFF0C\u5728\u63A7\u4EF6\u9762\u677F\u663E\u793A\u4E3A data.title\n *     'data.title': { control: 'text' },\n *     'data.theme': { control: 'select', options: ['light', 'dark'] },\n *   },\n * }\n * ```\n *\n * @param topLevelProps - \u9700\u8981\u4FDD\u6301\u5728\u9876\u5C42\u7684\u5B57\u6BB5\u540D\u6570\u7EC4\uFF08\u9ED8\u8BA4\u5305\u542B className, classNames, \u548C\u6240\u6709 on* \u4E8B\u4EF6\u5904\u7406\u5668\uFF09\n * @returns Storybook Decorator\n */\n/**\n * \u8F85\u52A9\u51FD\u6570\uFF1A\u5C06\u8DEF\u5F84\u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A\u5D4C\u5957\u5BF9\u8C61\n * @example setNestedValue({}, 'primaryButton.text', 'Shop Now')\n * // => { primaryButton: { text: 'Shop Now' } }\n */\nfunction setNestedValue(obj: Record<string, any>, path: string, value: any): void {\n  const keys = path.split('.')\n  let current = obj\n\n  for (let i = 0; i < keys.length - 1; i++) {\n    const key = keys[i]\n    if (!current[key] || typeof current[key] !== 'object') {\n      current[key] = {}\n    }\n    current = current[key]\n  }\n\n  current[keys[keys.length - 1]] = value\n}\n\nexport function createDataPropsDecorator(topLevelProps: string[] = []): Decorator {\n  // \u9ED8\u8BA4\u4FDD\u6301\u5728\u9876\u5C42\u7684\u5B57\u6BB5\n  const defaultTopLevelProps = ['className', 'classNames', 'style', 'ref', 'key', 'children']\n\n  const allTopLevelProps = [...defaultTopLevelProps, ...topLevelProps]\n\n  const DataPropsDecorator: Decorator = (Story, context) => {\n    const { args } = context\n\n    // \u5206\u79BB\u9876\u5C42 props \u548C data props\n    const topProps: Record<string, any> = {}\n    const dataProps: Record<string, any> = {}\n\n    Object.keys(args).forEach(key => {\n      // \u5904\u7406\u5D4C\u5957\u7684 'data.xxx' \u683C\u5F0F\uFF08\u53EF\u80FD\u662F\u591A\u5C42\u5D4C\u5957\uFF0C\u5982 data.primaryButton.text\uFF09\n      if (key.startsWith('data.')) {\n        const nestedPath = key.substring(5) // \u79FB\u9664 'data.' \u524D\u7F00\n        setNestedValue(dataProps, nestedPath, args[key])\n      }\n      // \u4E8B\u4EF6\u5904\u7406\u5668\uFF08on* \u5F00\u5934\uFF09\u4FDD\u6301\u5728\u9876\u5C42\n      else if (key.startsWith('on') && typeof args[key] === 'function') {\n        topProps[key] = args[key]\n      }\n      // \u660E\u786E\u6307\u5B9A\u7684\u9876\u5C42\u5B57\u6BB5\n      else if (allTopLevelProps.includes(key)) {\n        topProps[key] = args[key]\n      }\n      // \u5982\u679C\u5DF2\u7ECF\u6709\u5B8C\u6574\u7684 data \u5BF9\u8C61\uFF08\u6765\u81EA Story args\uFF09\uFF0C\u4FDD\u7559\u5B83\n      else if (key === 'data' && typeof args[key] === 'object') {\n        // \u7A0D\u540E\u5904\u7406\n      }\n      // \u5176\u4ED6\u5B57\u6BB5\u4E5F\u653E\u5165\u9876\u5C42\uFF08\u5982\u81EA\u5B9A\u4E49\u4E8B\u4EF6\uFF09\n      else {\n        topProps[key] = args[key]\n      }\n    })\n\n    // \u6DF1\u5EA6\u5408\u5E76 data \u5BF9\u8C61\n    // \u4F7F\u7528\u9012\u5F52\u5408\u5E76\u786E\u4FDD\u5D4C\u5957\u5BF9\u8C61\u6B63\u786E\u5408\u5E76\n    function deepMerge(target: any, source: any): any {\n      const output = { ...target }\n      if (isObject(target) && isObject(source)) {\n        Object.keys(source).forEach(key => {\n          if (isObject(source[key])) {\n            if (!(key in target)) {\n              output[key] = source[key]\n            } else {\n              output[key] = deepMerge(target[key], source[key])\n            }\n          } else {\n            output[key] = source[key]\n          }\n        })\n      }\n      return output\n    }\n\n    function isObject(item: any): boolean {\n      return item && typeof item === 'object' && !Array.isArray(item)\n    }\n\n    // \u5408\u5E76 data: \u4F18\u5148\u4F7F\u7528\u4ECE 'data.xxx' \u89E3\u6790\u7684\u503C\uFF0C\u7136\u540E\u662F\u539F\u59CB data \u5BF9\u8C61\n    const finalData = deepMerge(args.data || {}, dataProps)\n\n    // \u5173\u952E\uFF1A\u6BCF\u6B21\u90FD\u521B\u5EFA\u65B0\u7684 data \u5BF9\u8C61\uFF0C\u786E\u4FDD React \u68C0\u6D4B\u5230\u53D8\u5316\n    return <Story args={{ ...topProps, data: { ...finalData } }} />\n  }\n\n  // \u8BBE\u7F6E displayName \u4EE5\u6EE1\u8DB3 ESLint react/display-name \u89C4\u5219\n  ;(DataPropsDecorator as any).displayName = 'DataPropsDecorator'\n  return DataPropsDecorator\n}\n\n/**\n * \u9884\u8BBE\u7684 Decorator \u914D\u7F6E\n */\nexport const commonDataPropsDecorator = createDataPropsDecorator()\n\n/**\n * \u5E26\u81EA\u5B9A\u4E49\u9876\u5C42\u5B57\u6BB5\u7684 Decorator \u751F\u6210\u5668\n *\n * @example\n * ```tsx\n * // \u5C06 visible, loading \u4E5F\u4FDD\u6301\u5728\u9876\u5C42\n * decorators: [createDataPropsDecorator(['visible', 'loading'])]\n * ```\n */\nexport { createDataPropsDecorator as default }\n"],
-  "mappings": "AAgHW,cAAAA,MAAA,oBAhHX,MAAkB,QAgClB,SAASC,EAAeC,EAA0BC,EAAcC,EAAkB,CAChF,MAAMC,EAAOF,EAAK,MAAM,GAAG,EAC3B,IAAIG,EAAUJ,EAEd,QAASK,EAAI,EAAGA,EAAIF,EAAK,OAAS,EAAGE,IAAK,CACxC,MAAMC,EAAMH,EAAKE,CAAC,GACd,CAACD,EAAQE,CAAG,GAAK,OAAOF,EAAQE,CAAG,GAAM,YAC3CF,EAAQE,CAAG,EAAI,CAAC,GAElBF,EAAUA,EAAQE,CAAG,CACvB,CAEAF,EAAQD,EAAKA,EAAK,OAAS,CAAC,CAAC,EAAID,CACnC,CAEO,SAASK,EAAyBC,EAA0B,CAAC,EAAc,CAIhF,MAAMC,EAAmB,CAAC,GAFG,CAAC,YAAa,aAAc,QAAS,MAAO,MAAO,UAAU,EAEvC,GAAGD,CAAa,EAE7DE,EAAgC,CAACC,EAAOC,IAAY,CACxD,KAAM,CAAE,KAAAC,CAAK,EAAID,EAGXE,EAAgC,CAAC,EACjCC,EAAiC,CAAC,EAExC,OAAO,KAAKF,CAAI,EAAE,QAAQP,GAAO,CAE/B,GAAIA,EAAI,WAAW,OAAO,EAAG,CAC3B,MAAMU,EAAaV,EAAI,UAAU,CAAC,EAClCP,EAAegB,EAAWC,EAAYH,EAAKP,CAAG,CAAC,CACjD,MAESA,EAAI,WAAW,IAAI,GAAK,OAAOO,EAAKP,CAAG,GAAM,YAI7CG,EAAiB,SAASH,CAAG,EAHpCQ,EAASR,CAAG,EAAIO,EAAKP,CAAG,EAOjBA,IAAQ,QAAU,OAAOO,EAAKP,CAAG,GAAM,WAK9CQ,EAASR,CAAG,EAAIO,EAAKP,CAAG,EAE5B,CAAC,EAID,SAASW,EAAUC,EAAaC,EAAkB,CAChD,MAAMC,EAAS,CAAE,GAAGF,CAAO,EAC3B,OAAIG,EAASH,CAAM,GAAKG,EAASF,CAAM,GACrC,OAAO,KAAKA,CAAM,EAAE,QAAQb,GAAO,CAC7Be,EAASF,EAAOb,CAAG,CAAC,GAChBA,KAAOY,EAGXE,EAAOd,CAAG,EAAIW,EAAUC,EAAOZ,CAAG,EAAGa,EAAOb,CAAG,CAAC,EAGlDc,EAAOd,CAAG,EAAIa,EAAOb,CAAG,CAE5B,CAAC,EAEIc,CACT,CAEA,SAASC,EAASC,EAAoB,CACpC,OAAOA,GAAQ,OAAOA,GAAS,UAAY,CAAC,MAAM,QAAQA,CAAI,CAChE,CAGA,MAAMC,EAAYN,EAAUJ,EAAK,MAAQ,CAAC,EAAGE,CAAS,EAGtD,OAAOjB,EAACa,EAAA,CAAM,KAAM,CAAE,GAAGG,EAAU,KAAM,CAAE,GAAGS,CAAU,CAAE,EAAG,CAC/D,EAGC,OAACb,EAA2B,YAAc,qBACpCA,CACT,CAKO,MAAMc,EAA2BjB,EAAyB",
-  "names": ["jsx", "setNestedValue", "obj", "path", "value", "keys", "current", "i", "key", "createDataPropsDecorator", "topLevelProps", "allTopLevelProps", "DataPropsDecorator", "Story", "context", "args", "topProps", "dataProps", "nestedPath", "deepMerge", "target", "source", "output", "isObject", "item", "finalData", "commonDataPropsDecorator"]
-}

package/dist/esm/types/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}