npm - @anker-in/headless-ui - Versions diffs - 1.0.26-alpha.1762418060877 → 1.0.27 - Mend

@anker-in/headless-ui 1.0.26-alpha.1762418060877 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1153) hide show

package/dist/cjs/src/hooks/useRollout.d.ts DELETED Viewed

@@ -1,14 +0,0 @@
-import { type MutableRefObject } from 'react';
-type UseRolloutOptions = IntersectionObserverInit & {
-    /**
-     * When true, once the target enters the viewport the first time,
-     * the observer disconnects and `inView` stays true.
-     */
-    once?: boolean;
-};
-/**
- * Observe when an element enters the viewport.
- * Returns a ref to attach to the element and a boolean indicating visibility.
- */
-export declare function useRollout<T extends HTMLElement = HTMLElement>(options?: UseRolloutOptions): [MutableRefObject<T | null>, boolean];
-export {};

package/dist/cjs/src/shared/Styles.d.ts DELETED Viewed

@@ -1,39 +0,0 @@
-import React from 'react';
-export interface ContainerProps {
-    container?: {
-        /** 桌面端列内容宽度 */
-        desktopSpan: number;
-        /** 移动端列内容宽度 */
-        mobileSpan: number;
-    };
-}
-export interface StylesProps {
-    /** 自定义样式字符串 */
-    style?: string;
-    /** 唯一标识符 */
-    uid?: string;
-    /** 是否禁用 */
-    disabled?: boolean;
-}
-/**
- * 从组件 props 中提取样式相关属性
- */
-export declare const getStylesProps: <T extends Record<string, unknown>>(props: T & StylesProps) => StylesProps;
-/**
- * 样式 Hook，返回样式类名和样式组件
- * @param styleProps - 样式属性
- */
-export declare const useStyles: (styleProps: Partial<StylesProps>, data?: Record<string, any>) => {
-    readonly className: `block-${string} `;
-    readonly StyleComponent: import("react/jsx-runtime").JSX.Element;
-    readonly uid: string;
-};
-/**
- * 高阶组件， 用于给组件用style 标签的形式追加样式
- * @param WrappedComponent - 需要包装的组件
- * @param defaultLayoutProps - 默认样式属性
- */
-export declare function withLayout<P extends object>(WrappedComponent: React.ComponentType<P>, defaultLayoutProps?: Partial<StylesProps & ContainerProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<P, keyof StylesProps> & Partial<StylesProps & ContainerProps> & {
-    className?: string | undefined;
-    data?: Record<string, any> | undefined;
-}> & React.RefAttributes<any>>;

package/dist/cjs/src/types/props.d.ts DELETED Viewed

@@ -1,47 +0,0 @@
-export interface ComponentCommonProps {
-    style?: string;
-    event?: any;
-    condition?: any;
-    className?: string;
-    id?: string;
-    key?: string;
-}
-export type ContainerProps = {
-    containerMode?: Mode;
-    spaceY?: SpaceY;
-    spaceTop?: SpaceTop;
-    spaceBottom?: SpaceBottom;
-};
-export type Mode = 'section' | 'fragment';
-export type SpaceY = 'default' | 'none' | string;
-export type SpaceTop = 'default' | 'none' | string;
-export type SpaceBottom = 'default' | 'none' | string;
-export type Img = {
-    url: string;
-    alt?: string;
-};
-export type Video = {
-    url: string;
-};
-export type Theme = 'light' | 'dark';
-export type Shape = 'rounded' | 'square';
-export type Align = 'left' | 'center' | 'right';
-export type Media = {
-    alt: string;
-    url: string;
-    thumbnailURL: string;
-    mimeType: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp';
-    width?: number;
-    height?: number;
-    focalX?: number;
-    focalY?: number;
-    poster?: {
-        url: string;
-        mimeType: 'image/jpeg' | 'image/png' | 'image/webp';
-    };
-};
-export type GSAPContext = {
-    gsap?: any;
-    ScrollTrigger?: any;
-    SplitText?: any;
-};

package/dist/cjs/stories/InlineVideo.stories.js DELETED Viewed

@@ -1,167 +0,0 @@
-"use strict";var p=Object.create;var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var v=(e,i)=>{for(var o in i)a(e,o,{get:i[o],enumerable:!0})},n=(e,i,o,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of m(i))!b.call(e,t)&&t!==o&&a(e,t,{get:()=>i[t],enumerable:!(r=l(i,t))||r.enumerable});return e};var h=(e,i,o)=>(o=e!=null?p(f(e)):{},n(i||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),g=e=>n(a({},"__esModule",{value:!0}),e);var w={};v(w,{CustomStyled:()=>N,DarkTheme:()=>U,Default:()=>x,LightTheme:()=>V,LongDescription:()=>_,WithoutPosters:()=>k,WithoutSubtitle:()=>S,default:()=>u});module.exports=g(w);var s=require("react/jsx-runtime"),I=require("react"),c=h(require("../biz-components/InlineVideo/index.js"));const y={title:"Biz Components/InlineVideo",component:c.default,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:`
-## InlineVideo - \u5185\u8054\u89C6\u9891\u7EC4\u4EF6
-\u7528\u4E8E\u4EA7\u54C1\u529F\u80FD\u5C55\u793A\u7684\u54CD\u5E94\u5F0F\u89C6\u9891\u7EC4\u4EF6\uFF0C\u652F\u6301\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u64AD\u653E\u548C\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002
-### \u6838\u5FC3\u529F\u80FD
-- **\u54CD\u5E94\u5F0F\u89C6\u9891\u6E90**: \u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u89C6\u9891\u6E90\u548C\u6D77\u62A5\u56FE
-- **\u81EA\u52A8\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u64AD\u653E\u5E76\u5FAA\u73AF\uFF0C\u63D0\u4F9B\u6D41\u7545\u7684\u89C2\u770B\u4F53\u9A8C
-- **\u4E30\u5BCC\u7684\u5185\u5BB9\u5C55\u793A**: \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BE6\u7EC6\u63CF\u8FF0
-- **\u54CD\u5E94\u5F0F\u5E03\u5C40**: \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u89C6\u9891\u6BD4\u4F8B\u548C\u6587\u672C\u5E03\u5C40
-### \u4F7F\u7528\u573A\u666F
-- \u4EA7\u54C1\u7279\u6027\u4ECB\u7ECD
-- \u529F\u80FD\u6F14\u793A\u89C6\u9891
-- \u6280\u672F\u4EAE\u70B9\u5C55\u793A
-- \u4F7F\u7528\u6559\u7A0B\u8BF4\u660E
-### \u54CD\u5E94\u5F0F\u65AD\u70B9
-- **\u79FB\u52A8\u7AEF** (< 768px): 398:400 \u6BD4\u4F8B\uFF0C\u5782\u76F4\u5E03\u5C40
-- **\u5E73\u677F\u7AEF** (\u2265 768px): 3060:1180 \u6BD4\u4F8B\uFF0C\u5C45\u4E2D\u5E03\u5C40
-- **\u684C\u9762\u7AEF** (\u2265 1024px): \u56FA\u5B9A\u9AD8\u5EA6 360px\uFF0C\u5C45\u4E2D\u5BF9\u9F50
-### \u6570\u636E\u7ED3\u6784
-\`\`\`typescript
-{
-  title: string        // \u4E3B\u6807\u9898\uFF08\u5FC5\u586B\uFF09
-  subtitle?: string    // \u526F\u6807\u9898\uFF08\u53EF\u9009\uFF09
-  desc: string         // \u63CF\u8FF0\u6587\u672C\uFF08\u5FC5\u586B\uFF09
-  poster?: string      // \u684C\u9762\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09
-  videoUrl: string     // \u684C\u9762\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09
-  mobPoster?: string   // \u79FB\u52A8\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09
-  mobVideoUrl: string  // \u79FB\u52A8\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09
-  theme?: 'light' | 'dark'  // \u4E3B\u9898\u6A21\u5F0F\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 'light'\uFF09
-}
-\`\`\`
-### \u89C6\u9891\u7279\u6027
-- **\u9759\u97F3\u64AD\u653E**: \u9ED8\u8BA4\u9759\u97F3\uFF0C\u7B26\u5408\u7528\u6237\u4F53\u9A8C\u6700\u4F73\u5B9E\u8DF5
-- **\u5FAA\u73AF\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u5FAA\u73AF\uFF0C\u6301\u7EED\u5C55\u793A\u4EA7\u54C1\u7279\u6027
-- **\u5185\u8054\u64AD\u653E**: \u4F7F\u7528 \`playsInline\` \u5C5E\u6027\uFF0C\u907F\u514D\u5168\u5C4F\u64AD\u653E
-- **\u5706\u89D2\u8BBE\u8BA1**: 16px \u5706\u89D2\uFF0C\u4E0E\u73B0\u4EE3\u8BBE\u8BA1\u98CE\u683C\u4E00\u81F4
-### \u4E3B\u9898\u6A21\u5F0F
-\u7EC4\u4EF6\u652F\u6301\u6D45\u8272\u548C\u6DF1\u8272\u4E24\u79CD\u4E3B\u9898\u6A21\u5F0F\uFF1A
-- **\u6D45\u8272\u6A21\u5F0F** (\`theme: 'light'\`): \u9ED8\u8BA4\u6A21\u5F0F\uFF0C\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F
-- **\u6DF1\u8272\u6A21\u5F0F** (\`theme: 'dark'\`): \u6DF1\u8272\u6A21\u5F0F\uFF0C\u4F7F\u7528 \`aiui-dark\` \u7C7B\uFF0C\u6587\u672C\u989C\u8272\u81EA\u52A8\u9002\u914D
-\u6587\u672C\u989C\u8272\u4F7F\u7528 Tailwind CSS \u7684\u4E3B\u9898\u53D8\u91CF \`text-info-primary\`\uFF0C\u4F1A\u6839\u636E \`.aiui-dark\` \u7C7B\u81EA\u52A8\u5207\u6362\u4E3A\u6DF1\u8272\u6A21\u5F0F\u7684\u989C\u8272\u3002
-### \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D
-\u7EC4\u4EF6\u5185\u90E8\u5173\u952E\u8282\u70B9\u90FD\u6709\u8BED\u4E49\u5316\u7684 className\uFF0C\u65B9\u4FBF\u901A\u8FC7 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A
-| \u7C7B\u540D | \u8BF4\u660E | \u7528\u9014 |
-|------|------|------|
-| \`.inline-video-section\` | \u6839\u5BB9\u5668 | \u6574\u4F53\u5E03\u5C40\u3001\u80CC\u666F\u3001\u95F4\u8DDD |
-| \`.inline-video-content\` | \u5185\u5BB9\u533A\u57DF | \u6587\u672C\u5185\u5BB9\u7684\u5E03\u5C40\u5BB9\u5668 |
-| \`.inline-video-title\` | \u4E3B\u6807\u9898 | \u6807\u9898\u6837\u5F0F\u3001\u5B57\u4F53\u3001\u989C\u8272 |
-| \`.inline-video-subtitle\` | \u526F\u6807\u9898 | \u526F\u6807\u9898\u6837\u5F0F\u3001\u95F4\u8DDD |
-| \`.inline-video-text-wrapper\` | \u6587\u672C\u5305\u88C5\u5668 | \u526F\u6807\u9898\u548C\u63CF\u8FF0\u7684\u5BB9\u5668 |
-| \`.inline-video-description\` | \u63CF\u8FF0\u6587\u672C | \u63CF\u8FF0\u6837\u5F0F\u3001\u884C\u9AD8\u3001\u5BBD\u5EA6 |
-| \`.inline-video-container\` | \u89C6\u9891\u5BB9\u5668 | \u89C6\u9891\u5BBD\u9AD8\u6BD4\u3001\u5706\u89D2 |
-| \`.inline-video-desktop\` | \u684C\u9762\u7AEF\u89C6\u9891 | \u684C\u9762\u7AEF\u89C6\u9891\u6837\u5F0F |
-| \`.inline-video-mobile\` | \u79FB\u52A8\u7AEF\u89C6\u9891 | \u79FB\u52A8\u7AEF\u89C6\u9891\u6837\u5F0F |
-### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B
-\`\`\`css
-/* \u4FEE\u6539\u6807\u9898\u989C\u8272 */
-.inline-video-title {
-  color: #00d4ff;
-}
-/* \u4FEE\u6539\u89C6\u9891\u5BB9\u5668\u5706\u89D2 */
-.inline-video-container {
-  border-radius: 24px;
-}
-/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */
-.inline-video-description {
-  line-height: 1.8;
-  opacity: 0.9;
-}
-/* \u6DFB\u52A0\u5BB9\u5668\u80CC\u666F */
-.inline-video-section {
-  background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%);
-  padding: 32px;
-}
-\`\`\`
-        `}}},tags:["autodocs"],argTypes:{data:{description:"\u89C6\u9891\u7EC4\u4EF6\u7684\u6570\u636E\u914D\u7F6E\u5BF9\u8C61",control:"object"},className:{description:"\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D",control:"text"}}};var u=y;const d={title:"DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934",subtitle:"\u521B\u65B0\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1",desc:"DuoSpiral\u2122 \u5237\u5934\u91C7\u7528\u72EC\u7279\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1\uFF0C\u6709\u6548\u9632\u6B62\u6BDB\u53D1\u7F20\u7ED5\uFF0C\u4E3A\u60A8\u63D0\u4F9B\u65E0\u5FE7\u7684\u6E05\u6D01\u4F53\u9A8C\u3002\u5148\u8FDB\u7684\u5DE5\u7A0B\u8BBE\u8BA1\u786E\u4FDD\u6BCF\u6B21\u4F7F\u7528\u90FD\u80FD\u83B7\u5F97\u6700\u4F73\u7684\u6E05\u6D01\u6548\u679C\u3002",poster:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",videoUrl:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",mobPoster:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mobVideoUrl:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4"},x={name:"\u9ED8\u8BA4\u793A\u4F8B",args:{data:d},parameters:{docs:{description:{story:"\u5B8C\u6574\u914D\u7F6E\u7684\u89C6\u9891\u7EC4\u4EF6\u793A\u4F8B\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u63CF\u8FF0\u6587\u672C\u3001\u6D77\u62A5\u56FE\u548C\u89C6\u9891\u6E90\u3002\u5C55\u793A\u4E86\u7EC4\u4EF6\u7684\u6240\u6709\u53EF\u7528\u529F\u80FD\u3002"}}}},S={name:"\u65E0\u526F\u6807\u9898",args:{data:{title:"\u9AD8\u6548\u6E05\u6D01\u6280\u672F",desc:"\u4F53\u9A8C\u6211\u4EEC\u6700\u65B0\u7684\u6E05\u6D01\u521B\u65B0\u6280\u672F\uFF0C\u4E3A\u60A8\u7684\u5BB6\u5C45\u6E05\u6D01\u5E26\u6765\u9769\u547D\u6027\u7684\u6539\u53D8\u3002",poster:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",videoUrl:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",mobPoster:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mobVideoUrl:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4"}},parameters:{docs:{description:{story:"\u7701\u7565\u526F\u6807\u9898\u7684\u7B80\u5316\u7248\u672C\u3002\u9002\u7528\u4E8E\u5185\u5BB9\u8F83\u5C11\u6216\u5F3A\u8C03\u4E3B\u6807\u9898\u7684\u573A\u666F\uFF0C\u4FDD\u6301\u9875\u9762\u7B80\u6D01\u6E05\u6670\u3002"}}}},k={name:"\u65E0\u6D77\u62A5\u56FE",args:{data:{title:"\u65E0\u6D77\u62A5\u56FE\u7247",subtitle:"\u7EAF\u89C6\u9891\u5C55\u793A",desc:"\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7247\u7684\u89C6\u9891\u5C55\u793A\uFF0C\u76F4\u63A5\u64AD\u653E\u89C6\u9891\u5185\u5BB9\u3002",videoUrl:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",mobVideoUrl:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4"}},parameters:{docs:{description:{story:"\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7684\u793A\u4F8B\u3002\u89C6\u9891\u4F1A\u76F4\u63A5\u663E\u793A\u7B2C\u4E00\u5E27\u5185\u5BB9\uFF0C\u9002\u7528\u4E8E\u4E0D\u9700\u8981\u81EA\u5B9A\u4E49\u6D77\u62A5\u56FE\u6216\u5E0C\u671B\u5FEB\u901F\u52A0\u8F7D\u7684\u573A\u666F\u3002"}}}},_={name:"\u957F\u63CF\u8FF0\u6587\u672C",args:{data:{title:"\u4EA7\u54C1\u529F\u80FD\u8BE6\u7EC6\u4ECB\u7ECD",subtitle:"\u5168\u9762\u4E86\u89E3\u4EA7\u54C1\u7279\u6027",desc:"\u6211\u4EEC\u7684\u4EA7\u54C1\u91C7\u7528\u6700\u5148\u8FDB\u7684\u6280\u672F\u548C\u6750\u6599\uFF0C\u7ECF\u8FC7\u4E25\u683C\u7684\u8D28\u91CF\u63A7\u5236\u548C\u6D4B\u8BD5\u3002\u6BCF\u4E2A\u7EC6\u8282\u90FD\u7ECF\u8FC7\u7CBE\u5FC3\u8BBE\u8BA1\uFF0C\u786E\u4FDD\u4E3A\u7528\u6237\u63D0\u4F9B\u6700\u4F73\u7684\u4F7F\u7528\u4F53\u9A8C\u3002\u4ECE\u5916\u89C2\u8BBE\u8BA1\u5230\u5185\u90E8\u7ED3\u6784\uFF0C\u4ECE\u529F\u80FD\u5B9E\u73B0\u5230\u7528\u6237\u754C\u9762\uFF0C\u6BCF\u4E00\u4E2A\u73AF\u8282\u90FD\u4F53\u73B0\u4E86\u6211\u4EEC\u5BF9\u54C1\u8D28\u7684\u8FFD\u6C42\u3002\u65E0\u8BBA\u60A8\u662F\u4E13\u4E1A\u7528\u6237\u8FD8\u662F\u666E\u901A\u6D88\u8D39\u8005\uFF0C\u90FD\u80FD\u5728\u6211\u4EEC\u7684\u4EA7\u54C1\u4E2D\u627E\u5230\u6EE1\u8DB3\u60A8\u9700\u6C42\u7684\u529F\u80FD\u548C\u7279\u6027\u3002",poster:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806",videoUrl:"https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4",mobPoster:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811",mobVideoUrl:"https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4"}},parameters:{docs:{description:{story:"\u5C55\u793A\u8F83\u957F\u63CF\u8FF0\u6587\u672C\u7684\u6392\u7248\u6548\u679C\u3002\u7EC4\u4EF6\u4F1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u6587\u672C\u5BBD\u5EA6\u548C\u884C\u9AD8\uFF0C\u786E\u4FDD\u957F\u6587\u672C\u7684\u53EF\u8BFB\u6027\u3002\u9002\u7528\u4E8E\u9700\u8981\u8BE6\u7EC6\u8BF4\u660E\u4EA7\u54C1\u529F\u80FD\u6216\u6280\u672F\u7EC6\u8282\u7684\u573A\u666F\u3002"}}}},U={name:"\u6DF1\u8272\u4E3B\u9898",args:{data:{...d,theme:"dark"}},parameters:{backgrounds:{default:"light"},docs:{description:{story:'\u6DF1\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: "dark"` \u542F\u7528\u6DF1\u8272\u6A21\u5F0F\uFF0C\u6587\u672C\u989C\u8272\u4F1A\u81EA\u52A8\u4F7F\u7528\u6DF1\u8272\u4E3B\u9898\u7684\u914D\u8272\u65B9\u6848\u3002\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6DF1\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002'}}}},V={name:"\u6D45\u8272\u4E3B\u9898",args:{data:{...d,theme:"light"}},parameters:{backgrounds:{default:"dark"},docs:{description:{story:'\u6D45\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\uFF08\u9ED8\u8BA4\uFF09\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: "light"` \u6216\u4E0D\u8BBE\u7F6E\u4E3B\u9898\uFF08\u9ED8\u8BA4\u4E3A\u6D45\u8272\uFF09\uFF0C\u6587\u672C\u989C\u8272\u4F7F\u7528\u6D45\u8272\u4E3B\u9898\u914D\u8272\u3002\u9002\u7528\u4E8E\u6DF1\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6D45\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002'}}}},N={name:"\u81EA\u5B9A\u4E49\u6837\u5F0F",args:{data:d,className:"custom-inline-video"},parameters:{docs:{description:{story:`
-\u901A\u8FC7 className \u5C5E\u6027\u548C\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D\uFF0C\u53EF\u4EE5\u8F7B\u677E\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002
-### \u4F7F\u7528\u65B9\u5F0F
-1. **\u901A\u8FC7 className prop**: \u4F20\u5165\u81EA\u5B9A\u4E49\u7C7B\u540D
-2. **\u4F7F\u7528\u5185\u7F6E\u7C7B\u540D**: \u76F4\u63A5\u8986\u76D6\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D
-### \u793A\u4F8B\u4EE3\u7801
-\`\`\`tsx
-<InlineVideo
-  data={data}
-  className="custom-inline-video"
-/>
-\`\`\`
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u6837\u5F0F */
-.custom-inline-video {
-  background: rgba(0, 0, 0, 0.5);
-  padding: 40px;
-  backdrop-filter: blur(10px);
-}
-.custom-inline-video .inline-video-title {
-  color: #00d4ff;
-  text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);
-}
-.custom-inline-video .inline-video-subtitle {
-  color: #ffd700;
-}
-.custom-inline-video .inline-video-container {
-  border: 2px solid rgba(255, 255, 255, 0.1);
-  border-radius: 24px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
-}
-\`\`\`
-\u6B64\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u7EC4\u5408 className prop \u548C\u5185\u7F6E\u7C7B\u540D\u6765\u5B9E\u73B0\u5B8C\u5168\u81EA\u5B9A\u4E49\u7684\u89C6\u89C9\u6548\u679C\u3002
-        `}}},decorators:[e=>(0,s.jsxs)("div",{children:[(0,s.jsx)("style",{children:`
-          .custom-inline-video {
-            background: rgba(0, 0, 0, 0.3);
-            padding: 40px;
-            backdrop-filter: blur(10px);
-          }
-          .custom-inline-video .inline-video-title {
-            color: #00d4ff !important;
-            text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);
-          }
-          .custom-inline-video .inline-video-subtitle {
-            color: #ffd700 !important;
-          }
-          .custom-inline-video .inline-video-description {
-            opacity: 0.9;
-            line-height: 1.8;
-          }
-          .custom-inline-video .inline-video-container {
-            border: 2px solid rgba(255, 255, 255, 0.1);
-            border-radius: 24px;
-            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
-          }
-        `}),(0,s.jsx)(e,{})]})]};
-//# sourceMappingURL=InlineVideo.stories.js.map

package/dist/cjs/stories/InlineVideo.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/InlineVideo.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport InlineVideo from '../biz-components/InlineVideo/index.js'\n\nconst meta = {\n  title: 'Biz Components/InlineVideo',\n  component: InlineVideo,\n  parameters: {\n    layout: 'padded',\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        component: `\n## InlineVideo - \u5185\u8054\u89C6\u9891\u7EC4\u4EF6\n\n\u7528\u4E8E\u4EA7\u54C1\u529F\u80FD\u5C55\u793A\u7684\u54CD\u5E94\u5F0F\u89C6\u9891\u7EC4\u4EF6\uFF0C\u652F\u6301\u81EA\u52A8\u64AD\u653E\u3001\u5FAA\u73AF\u64AD\u653E\u548C\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n\n### \u6838\u5FC3\u529F\u80FD\n\n- **\u54CD\u5E94\u5F0F\u89C6\u9891\u6E90**: \u652F\u6301\u684C\u9762\u7AEF\u548C\u79FB\u52A8\u7AEF\u4F7F\u7528\u4E0D\u540C\u7684\u89C6\u9891\u6E90\u548C\u6D77\u62A5\u56FE\n- **\u81EA\u52A8\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u64AD\u653E\u5E76\u5FAA\u73AF\uFF0C\u63D0\u4F9B\u6D41\u7545\u7684\u89C2\u770B\u4F53\u9A8C\n- **\u4E30\u5BCC\u7684\u5185\u5BB9\u5C55\u793A**: \u652F\u6301\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BE6\u7EC6\u63CF\u8FF0\n- **\u54CD\u5E94\u5F0F\u5E03\u5C40**: \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u89C6\u9891\u6BD4\u4F8B\u548C\u6587\u672C\u5E03\u5C40\n\n### \u4F7F\u7528\u573A\u666F\n\n- \u4EA7\u54C1\u7279\u6027\u4ECB\u7ECD\n- \u529F\u80FD\u6F14\u793A\u89C6\u9891\n- \u6280\u672F\u4EAE\u70B9\u5C55\u793A\n- \u4F7F\u7528\u6559\u7A0B\u8BF4\u660E\n\n### \u54CD\u5E94\u5F0F\u65AD\u70B9\n\n- **\u79FB\u52A8\u7AEF** (< 768px): 398:400 \u6BD4\u4F8B\uFF0C\u5782\u76F4\u5E03\u5C40\n- **\u5E73\u677F\u7AEF** (\u2265 768px): 3060:1180 \u6BD4\u4F8B\uFF0C\u5C45\u4E2D\u5E03\u5C40\n- **\u684C\u9762\u7AEF** (\u2265 1024px): \u56FA\u5B9A\u9AD8\u5EA6 360px\uFF0C\u5C45\u4E2D\u5BF9\u9F50\n\n### \u6570\u636E\u7ED3\u6784\n\n\\`\\`\\`typescript\n{\n  title: string        // \u4E3B\u6807\u9898\uFF08\u5FC5\u586B\uFF09\n  subtitle?: string    // \u526F\u6807\u9898\uFF08\u53EF\u9009\uFF09\n  desc: string         // \u63CF\u8FF0\u6587\u672C\uFF08\u5FC5\u586B\uFF09\n  poster?: string      // \u684C\u9762\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09\n  videoUrl: string     // \u684C\u9762\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09\n  mobPoster?: string   // \u79FB\u52A8\u7AEF\u6D77\u62A5\u56FE\uFF08\u53EF\u9009\uFF09\n  mobVideoUrl: string  // \u79FB\u52A8\u7AEF\u89C6\u9891\u5730\u5740\uFF08\u5FC5\u586B\uFF09\n  theme?: 'light' | 'dark'  // \u4E3B\u9898\u6A21\u5F0F\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 'light'\uFF09\n}\n\\`\\`\\`\n\n### \u89C6\u9891\u7279\u6027\n\n- **\u9759\u97F3\u64AD\u653E**: \u9ED8\u8BA4\u9759\u97F3\uFF0C\u7B26\u5408\u7528\u6237\u4F53\u9A8C\u6700\u4F73\u5B9E\u8DF5\n- **\u5FAA\u73AF\u64AD\u653E**: \u89C6\u9891\u81EA\u52A8\u5FAA\u73AF\uFF0C\u6301\u7EED\u5C55\u793A\u4EA7\u54C1\u7279\u6027\n- **\u5185\u8054\u64AD\u653E**: \u4F7F\u7528 \\`playsInline\\` \u5C5E\u6027\uFF0C\u907F\u514D\u5168\u5C4F\u64AD\u653E\n- **\u5706\u89D2\u8BBE\u8BA1**: 16px \u5706\u89D2\uFF0C\u4E0E\u73B0\u4EE3\u8BBE\u8BA1\u98CE\u683C\u4E00\u81F4\n\n### \u4E3B\u9898\u6A21\u5F0F\n\n\u7EC4\u4EF6\u652F\u6301\u6D45\u8272\u548C\u6DF1\u8272\u4E24\u79CD\u4E3B\u9898\u6A21\u5F0F\uFF1A\n\n- **\u6D45\u8272\u6A21\u5F0F** (\\`theme: 'light'\\`): \u9ED8\u8BA4\u6A21\u5F0F\uFF0C\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F\n- **\u6DF1\u8272\u6A21\u5F0F** (\\`theme: 'dark'\\`): \u6DF1\u8272\u6A21\u5F0F\uFF0C\u4F7F\u7528 \\`aiui-dark\\` \u7C7B\uFF0C\u6587\u672C\u989C\u8272\u81EA\u52A8\u9002\u914D\n\n\u6587\u672C\u989C\u8272\u4F7F\u7528 Tailwind CSS \u7684\u4E3B\u9898\u53D8\u91CF \\`text-info-primary\\`\uFF0C\u4F1A\u6839\u636E \\`.aiui-dark\\` \u7C7B\u81EA\u52A8\u5207\u6362\u4E3A\u6DF1\u8272\u6A21\u5F0F\u7684\u989C\u8272\u3002\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n\n\u7EC4\u4EF6\u5185\u90E8\u5173\u952E\u8282\u70B9\u90FD\u6709\u8BED\u4E49\u5316\u7684 className\uFF0C\u65B9\u4FBF\u901A\u8FC7 CSS \u81EA\u5B9A\u4E49\u6837\u5F0F\uFF1A\n\n| \u7C7B\u540D | \u8BF4\u660E | \u7528\u9014 |\n|------|------|------|\n| \\`.inline-video-section\\` | \u6839\u5BB9\u5668 | \u6574\u4F53\u5E03\u5C40\u3001\u80CC\u666F\u3001\u95F4\u8DDD |\n| \\`.inline-video-content\\` | \u5185\u5BB9\u533A\u57DF | \u6587\u672C\u5185\u5BB9\u7684\u5E03\u5C40\u5BB9\u5668 |\n| \\`.inline-video-title\\` | \u4E3B\u6807\u9898 | \u6807\u9898\u6837\u5F0F\u3001\u5B57\u4F53\u3001\u989C\u8272 |\n| \\`.inline-video-subtitle\\` | \u526F\u6807\u9898 | \u526F\u6807\u9898\u6837\u5F0F\u3001\u95F4\u8DDD |\n| \\`.inline-video-text-wrapper\\` | \u6587\u672C\u5305\u88C5\u5668 | \u526F\u6807\u9898\u548C\u63CF\u8FF0\u7684\u5BB9\u5668 |\n| \\`.inline-video-description\\` | \u63CF\u8FF0\u6587\u672C | \u63CF\u8FF0\u6837\u5F0F\u3001\u884C\u9AD8\u3001\u5BBD\u5EA6 |\n| \\`.inline-video-container\\` | \u89C6\u9891\u5BB9\u5668 | \u89C6\u9891\u5BBD\u9AD8\u6BD4\u3001\u5706\u89D2 |\n| \\`.inline-video-desktop\\` | \u684C\u9762\u7AEF\u89C6\u9891 | \u684C\u9762\u7AEF\u89C6\u9891\u6837\u5F0F |\n| \\`.inline-video-mobile\\` | \u79FB\u52A8\u7AEF\u89C6\u9891 | \u79FB\u52A8\u7AEF\u89C6\u9891\u6837\u5F0F |\n\n### \u81EA\u5B9A\u4E49\u6837\u5F0F\u793A\u4F8B\n\n\\`\\`\\`css\n/* \u4FEE\u6539\u6807\u9898\u989C\u8272 */\n.inline-video-title {\n  color: #00d4ff;\n}\n\n/* \u4FEE\u6539\u89C6\u9891\u5BB9\u5668\u5706\u89D2 */\n.inline-video-container {\n  border-radius: 24px;\n}\n\n/* \u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u672C\u6837\u5F0F */\n.inline-video-description {\n  line-height: 1.8;\n  opacity: 0.9;\n}\n\n/* \u6DFB\u52A0\u5BB9\u5668\u80CC\u666F */\n.inline-video-section {\n  background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%);\n  padding: 32px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u89C6\u9891\u7EC4\u4EF6\u7684\u6570\u636E\u914D\u7F6E\u5BF9\u8C61',\n      control: 'object',\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D',\n      control: 'text',\n    },\n  },\n} satisfies Meta<typeof InlineVideo>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData = {\n  title: 'DuoSpiral\u2122 \u9632\u7F20\u7ED5\u5237\u5934',\n  subtitle: '\u521B\u65B0\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1',\n  desc: 'DuoSpiral\u2122 \u5237\u5934\u91C7\u7528\u72EC\u7279\u7684\u53CC\u87BA\u65CB\u8BBE\u8BA1\uFF0C\u6709\u6548\u9632\u6B62\u6BDB\u53D1\u7F20\u7ED5\uFF0C\u4E3A\u60A8\u63D0\u4F9B\u65E0\u5FE7\u7684\u6E05\u6D01\u4F53\u9A8C\u3002\u5148\u8FDB\u7684\u5DE5\u7A0B\u8BBE\u8BA1\u786E\u4FDD\u6BCF\u6B21\u4F7F\u7528\u90FD\u80FD\u83B7\u5F97\u6700\u4F73\u7684\u6E05\u6D01\u6548\u679C\u3002',\n  poster:\n    'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n  videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n  mobPoster:\n    'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n  mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n}\n\nexport const Default: Story = {\n  name: '\u9ED8\u8BA4\u793A\u4F8B',\n  args: {\n    data: defaultData,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5B8C\u6574\u914D\u7F6E\u7684\u89C6\u9891\u7EC4\u4EF6\u793A\u4F8B\uFF0C\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u3001\u63CF\u8FF0\u6587\u672C\u3001\u6D77\u62A5\u56FE\u548C\u89C6\u9891\u6E90\u3002\u5C55\u793A\u4E86\u7EC4\u4EF6\u7684\u6240\u6709\u53EF\u7528\u529F\u80FD\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  name: '\u65E0\u526F\u6807\u9898',\n  args: {\n    data: {\n      title: '\u9AD8\u6548\u6E05\u6D01\u6280\u672F',\n      desc: '\u4F53\u9A8C\u6211\u4EEC\u6700\u65B0\u7684\u6E05\u6D01\u521B\u65B0\u6280\u672F\uFF0C\u4E3A\u60A8\u7684\u5BB6\u5C45\u6E05\u6D01\u5E26\u6765\u9769\u547D\u6027\u7684\u6539\u53D8\u3002',\n      poster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobPoster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u7701\u7565\u526F\u6807\u9898\u7684\u7B80\u5316\u7248\u672C\u3002\u9002\u7528\u4E8E\u5185\u5BB9\u8F83\u5C11\u6216\u5F3A\u8C03\u4E3B\u6807\u9898\u7684\u573A\u666F\uFF0C\u4FDD\u6301\u9875\u9762\u7B80\u6D01\u6E05\u6670\u3002',\n      },\n    },\n  },\n}\n\nexport const WithoutPosters: Story = {\n  name: '\u65E0\u6D77\u62A5\u56FE',\n  args: {\n    data: {\n      title: '\u65E0\u6D77\u62A5\u56FE\u7247',\n      subtitle: '\u7EAF\u89C6\u9891\u5C55\u793A',\n      desc: '\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7247\u7684\u89C6\u9891\u5C55\u793A\uFF0C\u76F4\u63A5\u64AD\u653E\u89C6\u9891\u5185\u5BB9\u3002',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u4E0D\u4F7F\u7528\u6D77\u62A5\u56FE\u7684\u793A\u4F8B\u3002\u89C6\u9891\u4F1A\u76F4\u63A5\u663E\u793A\u7B2C\u4E00\u5E27\u5185\u5BB9\uFF0C\u9002\u7528\u4E8E\u4E0D\u9700\u8981\u81EA\u5B9A\u4E49\u6D77\u62A5\u56FE\u6216\u5E0C\u671B\u5FEB\u901F\u52A0\u8F7D\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const LongDescription: Story = {\n  name: '\u957F\u63CF\u8FF0\u6587\u672C',\n  args: {\n    data: {\n      title: '\u4EA7\u54C1\u529F\u80FD\u8BE6\u7EC6\u4ECB\u7ECD',\n      subtitle: '\u5168\u9762\u4E86\u89E3\u4EA7\u54C1\u7279\u6027',\n      desc: '\u6211\u4EEC\u7684\u4EA7\u54C1\u91C7\u7528\u6700\u5148\u8FDB\u7684\u6280\u672F\u548C\u6750\u6599\uFF0C\u7ECF\u8FC7\u4E25\u683C\u7684\u8D28\u91CF\u63A7\u5236\u548C\u6D4B\u8BD5\u3002\u6BCF\u4E2A\u7EC6\u8282\u90FD\u7ECF\u8FC7\u7CBE\u5FC3\u8BBE\u8BA1\uFF0C\u786E\u4FDD\u4E3A\u7528\u6237\u63D0\u4F9B\u6700\u4F73\u7684\u4F7F\u7528\u4F53\u9A8C\u3002\u4ECE\u5916\u89C2\u8BBE\u8BA1\u5230\u5185\u90E8\u7ED3\u6784\uFF0C\u4ECE\u529F\u80FD\u5B9E\u73B0\u5230\u7528\u6237\u754C\u9762\uFF0C\u6BCF\u4E00\u4E2A\u73AF\u8282\u90FD\u4F53\u73B0\u4E86\u6211\u4EEC\u5BF9\u54C1\u8D28\u7684\u8FFD\u6C42\u3002\u65E0\u8BBA\u60A8\u662F\u4E13\u4E1A\u7528\u6237\u8FD8\u662F\u666E\u901A\u6D88\u8D39\u8005\uFF0C\u90FD\u80FD\u5728\u6211\u4EEC\u7684\u4EA7\u54C1\u4E2D\u627E\u5230\u6EE1\u8DB3\u60A8\u9700\u6C42\u7684\u529F\u80FD\u548C\u7279\u6027\u3002',\n      poster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_2_a320c1e6-6860-481b-9d1d-fc8a3338ebaf.png?v=1752820806',\n      videoUrl: 'https://cdn.shopify.com/videos/c/o/v/82766208a03240b2b0a5f461578923dc.mp4',\n      mobPoster:\n        'https://cdn.shopify.com/s/files/1/0504/7094/4954/files/videoframe_0_3_790f438a-3cb2-4a8b-a79b-4f47825ee911.png?v=1752820811',\n      mobVideoUrl: 'https://cdn.shopify.com/videos/c/o/v/00a233ef01dc40628874e563c8abffac.mp4',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '\u5C55\u793A\u8F83\u957F\u63CF\u8FF0\u6587\u672C\u7684\u6392\u7248\u6548\u679C\u3002\u7EC4\u4EF6\u4F1A\u6839\u636E\u4E0D\u540C\u5C4F\u5E55\u5C3A\u5BF8\u81EA\u52A8\u8C03\u6574\u6587\u672C\u5BBD\u5EA6\u548C\u884C\u9AD8\uFF0C\u786E\u4FDD\u957F\u6587\u672C\u7684\u53EF\u8BFB\u6027\u3002\u9002\u7528\u4E8E\u9700\u8981\u8BE6\u7EC6\u8BF4\u660E\u4EA7\u54C1\u529F\u80FD\u6216\u6280\u672F\u7EC6\u8282\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const DarkTheme: Story = {\n  name: '\u6DF1\u8272\u4E3B\u9898',\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'dark',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'light',\n    },\n    docs: {\n      description: {\n        story: '\u6DF1\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: \"dark\"` \u542F\u7528\u6DF1\u8272\u6A21\u5F0F\uFF0C\u6587\u672C\u989C\u8272\u4F1A\u81EA\u52A8\u4F7F\u7528\u6DF1\u8272\u4E3B\u9898\u7684\u914D\u8272\u65B9\u6848\u3002\u9002\u7528\u4E8E\u6D45\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6DF1\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const LightTheme: Story = {\n  name: '\u6D45\u8272\u4E3B\u9898',\n  args: {\n    data: {\n      ...defaultData,\n      theme: 'light',\n    },\n  },\n  parameters: {\n    backgrounds: {\n      default: 'dark',\n    },\n    docs: {\n      description: {\n        story: '\u6D45\u8272\u4E3B\u9898\u6A21\u5F0F\u793A\u4F8B\uFF08\u9ED8\u8BA4\uFF09\u3002\u901A\u8FC7\u8BBE\u7F6E `theme: \"light\"` \u6216\u4E0D\u8BBE\u7F6E\u4E3B\u9898\uFF08\u9ED8\u8BA4\u4E3A\u6D45\u8272\uFF09\uFF0C\u6587\u672C\u989C\u8272\u4F7F\u7528\u6D45\u8272\u4E3B\u9898\u914D\u8272\u3002\u9002\u7528\u4E8E\u6DF1\u8272\u80CC\u666F\u4E0A\u5C55\u793A\u6D45\u8272\u5185\u5BB9\u7684\u573A\u666F\u3002',\n      },\n    },\n  },\n}\n\nexport const CustomStyled: Story = {\n  name: '\u81EA\u5B9A\u4E49\u6837\u5F0F',\n  args: {\n    data: defaultData,\n    className: 'custom-inline-video',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u901A\u8FC7 className \u5C5E\u6027\u548C\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D\uFF0C\u53EF\u4EE5\u8F7B\u677E\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\n\n### \u4F7F\u7528\u65B9\u5F0F\n\n1. **\u901A\u8FC7 className prop**: \u4F20\u5165\u81EA\u5B9A\u4E49\u7C7B\u540D\n2. **\u4F7F\u7528\u5185\u7F6E\u7C7B\u540D**: \u76F4\u63A5\u8986\u76D6\u5185\u7F6E\u7684\u8BED\u4E49\u5316\u7C7B\u540D\n\n### \u793A\u4F8B\u4EE3\u7801\n\n\\`\\`\\`tsx\n<InlineVideo\n  data={data}\n  className=\"custom-inline-video\"\n/>\n\\`\\`\\`\n\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u6837\u5F0F */\n.custom-inline-video {\n  background: rgba(0, 0, 0, 0.5);\n  padding: 40px;\n  backdrop-filter: blur(10px);\n}\n\n.custom-inline-video .inline-video-title {\n  color: #00d4ff;\n  text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n}\n\n.custom-inline-video .inline-video-subtitle {\n  color: #ffd700;\n}\n\n.custom-inline-video .inline-video-container {\n  border: 2px solid rgba(255, 255, 255, 0.1);\n  border-radius: 24px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n}\n\\`\\`\\`\n\n\u6B64\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u7EC4\u5408 className prop \u548C\u5185\u7F6E\u7C7B\u540D\u6765\u5B9E\u73B0\u5B8C\u5168\u81EA\u5B9A\u4E49\u7684\u89C6\u89C9\u6548\u679C\u3002\n        `,\n      },\n    },\n  },\n  decorators: [\n    (Story) => (\n      <div>\n        <style>{`\n          .custom-inline-video {\n            background: rgba(0, 0, 0, 0.3);\n            padding: 40px;\n            backdrop-filter: blur(10px);\n          }\n\n          .custom-inline-video .inline-video-title {\n            color: #00d4ff !important;\n            text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n          }\n\n          .custom-inline-video .inline-video-subtitle {\n            color: #ffd700 !important;\n          }\n\n          .custom-inline-video .inline-video-description {\n            opacity: 0.9;\n            line-height: 1.8;\n          }\n\n          .custom-inline-video .inline-video-container {\n            border: 2px solid rgba(255, 255, 255, 0.1);\n            border-radius: 24px;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n          }\n        `}</style>\n        <Story />\n      </div>\n    ),\n  ],\n}\n"],
-  "mappings": "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",
-  "names": ["InlineVideo_stories_exports", "__export", "CustomStyled", "DarkTheme", "Default", "LightTheme", "LongDescription", "WithoutPosters", "WithoutSubtitle", "InlineVideo_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_InlineVideo", "meta", "InlineVideo", "defaultData", "Story"]
-}

package/dist/cjs/stories/MarqueeReview.stories.js DELETED Viewed

@@ -1,19 +0,0 @@
-"use strict";var c=Object.create;var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var h=(a,t)=>{for(var e in t)i(a,e,{get:t[e],enumerable:!0})},m=(a,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!g.call(a,r)&&r!==e&&i(a,r,{get:()=>t[r],enumerable:!(s=p(t,r))||s.enumerable});return a};var d=(a,t,e)=>(e=a!=null?c(v(a)):{},m(t||!a||!a.__esModule?i(e,"default",{value:a,enumerable:!0}):e,a)),u=a=>m(i({},"__esModule",{value:!0}),a);var M={};h(M,{Chinese:()=>w,CustomStyle:()=>I,Default:()=>b,FewReviews:()=>S,LongComments:()=>R,MixedRatings:()=>x,default:()=>f});module.exports=u(M);var o=d(require("../biz-components/MarqueeReview/index.js"));const y={title:"Biz-Components/MarqueeReview",component:o.default,parameters:{layout:"fullscreen",docs:{description:{component:`
-# MarqueeReview \u8BC4\u8BBA\u8F6E\u64AD\u7EC4\u4EF6
-\u7528\u4E8E\u5C55\u793A\u7528\u6237\u8BC4\u8BBA\u7684\u5782\u76F4\u6EDA\u52A8\u8F6E\u64AD\uFF0C\u901A\u8FC7\u65E0\u9650\u5FAA\u73AF\u52A8\u753B\u5C55\u793A\u5BA2\u6237\u53CD\u9988\u3002
-## \u6838\u5FC3\u529F\u80FD
-- **\u5782\u76F4\u65E0\u9650\u6EDA\u52A8**\uFF1A\u8BC4\u8BBA\u5361\u7247\u4ECE\u4E0B\u5F80\u4E0A\u5FAA\u73AF\u6EDA\u52A8
-- **\u591A\u5217\u54CD\u5E94\u5F0F\u5E03\u5C40**\uFF1A\u79FB\u52A8\u7AEF 1 \u5217\uFF0C\u5E73\u677F 2 \u5217\uFF0C\u684C\u9762 3 \u5217
-- **\u661F\u7EA7\u8BC4\u5206**\uFF1A\u652F\u6301 1-5 \u661F\u8BC4\u5206\u5C55\u793A
-- **\u7528\u6237\u5934\u50CF**\uFF1A\u5C55\u793A\u7528\u6237\u5934\u50CF\uFF0C\u652F\u6301\u56DE\u9000\u65B9\u6848
-- **\u6E10\u53D8\u906E\u7F69**\uFF1A\u9876\u90E8/\u5E95\u90E8\u6E10\u53D8\u906E\u7F69\u6548\u679C
-- **\u81EA\u52A8\u8865\u9F50**\uFF1A\u5C11\u4E8E 9 \u6761\u8BC4\u8BBA\u65F6\u81EA\u52A8\u590D\u5236\u8865\u9F50
-## \u4F7F\u7528\u573A\u666F
-\u9002\u7528\u4E8E\u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\u3001\u5BA2\u6237\u53CD\u9988\u5899\u3001\u793E\u4F1A\u8BC1\u660E\u7B49\u573A\u666F\u3002
-        `}}},tags:["autodocs"],argTypes:{data:{description:"\u8BC4\u8BBA\u6570\u636E,\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BC4\u8BBA\u5217\u8868",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D",control:{type:"text"}}}};var f=y;const n=[{name:"Sarah Johnson",avatar:"https://i.pravatar.cc/150?img=1",comment:"This product has completely transformed my daily routine. The quality is outstanding!",rating:5},{name:"Michael Chen",avatar:"https://i.pravatar.cc/150?img=2",comment:"Excellent customer service and fast shipping. Highly recommend to everyone!",rating:5},{name:"Emma Williams",avatar:"https://i.pravatar.cc/150?img=3",comment:"Best purchase I made this year. Worth every penny and more!",rating:5},{name:"David Martinez",avatar:"https://i.pravatar.cc/150?img=4",comment:"Amazing build quality. You can feel the attention to detail in every aspect.",rating:5},{name:"Lisa Anderson",avatar:"https://i.pravatar.cc/150?img=5",comment:"Exceeded my expectations in every way. Will definitely buy again!",rating:4},{name:"James Taylor",avatar:"https://i.pravatar.cc/150?img=6",comment:"The design is sleek and modern. Fits perfectly with my aesthetic.",rating:5},{name:"Sophia Lee",avatar:"https://i.pravatar.cc/150?img=7",comment:"Great value for money. I was skeptical at first but now I am a believer!",rating:5},{name:"Robert Brown",avatar:"https://i.pravatar.cc/150?img=8",comment:"Innovative features that actually make a difference in everyday use.",rating:5},{name:"Olivia Garcia",avatar:"https://i.pravatar.cc/150?img=9",comment:"Customer support was incredibly helpful when I had questions. Five stars!",rating:5}],b={args:{data:{title:"What Our Customers Say",subtitle:"Trusted by thousands of satisfied customers worldwide",items:n}}},w={args:{data:{title:"\u5BA2\u6237\u8BC4\u4EF7",subtitle:"\u5168\u7403\u6570\u5343\u540D\u6EE1\u610F\u5BA2\u6237\u7684\u4FE1\u8D56\u4E4B\u9009",items:[{name:"\u5F20\u4F1F",avatar:"https://i.pravatar.cc/150?img=10",comment:"\u4EA7\u54C1\u8D28\u91CF\u975E\u5E38\u597D,\u4F7F\u7528\u4F53\u9A8C\u8D85\u51FA\u9884\u671F,\u5F3A\u70C8\u63A8\u8350!",rating:5},{name:"\u674E\u5A1C",avatar:"https://i.pravatar.cc/150?img=11",comment:"\u8BBE\u8BA1\u5F88\u7CBE\u7F8E,\u529F\u80FD\u4E5F\u5F88\u5B9E\u7528,\u7269\u8D85\u6240\u503C!",rating:5},{name:"\u738B\u5F3A",avatar:"https://i.pravatar.cc/150?img=12",comment:"\u5BA2\u670D\u6001\u5EA6\u5F88\u597D,\u7269\u6D41\u4E5F\u5F88\u5FEB,\u975E\u5E38\u6EE1\u610F!",rating:5},{name:"\u5218\u82B3",avatar:"https://i.pravatar.cc/150?img=13",comment:"\u8FD9\u662F\u6211\u4ECA\u5E74\u4E70\u8FC7\u6700\u6EE1\u610F\u7684\u4EA7\u54C1,\u503C\u5F97\u8D2D\u4E70!",rating:5},{name:"\u9648\u660E",avatar:"https://i.pravatar.cc/150?img=14",comment:"\u505A\u5DE5\u7CBE\u7EC6,\u8D28\u91CF\u4E0A\u4E58,\u4F7F\u7528\u8D77\u6765\u5F88\u8212\u9002!",rating:4},{name:"\u8D75\u4E3D",avatar:"https://i.pravatar.cc/150?img=15",comment:"\u5916\u89C2\u8BBE\u8BA1\u65F6\u5C1A,\u6027\u80FD\u7A33\u5B9A,\u975E\u5E38\u4E0D\u9519!",rating:5},{name:"\u5B59\u6D69",avatar:"https://i.pravatar.cc/150?img=16",comment:"\u6027\u4EF7\u6BD4\u5F88\u9AD8,\u8D85\u51FA\u4E86\u6211\u7684\u9884\u671F,\u4F1A\u56DE\u8D2D!",rating:5},{name:"\u5468\u654F",avatar:"https://i.pravatar.cc/150?img=17",comment:"\u529F\u80FD\u521B\u65B0,\u5B9E\u7528\u6027\u5F3A,\u65E5\u5E38\u4F7F\u7528\u5F88\u65B9\u4FBF!",rating:5},{name:"\u5434\u521A",avatar:"https://i.pravatar.cc/150?img=18",comment:"\u552E\u540E\u670D\u52A1\u5F88\u597D,\u6709\u95EE\u9898\u53CA\u65F6\u89E3\u51B3,\u4E94\u661F\u597D\u8BC4!",rating:5}]}}},S={args:{data:{title:"Early Reviews",subtitle:"What our first customers are saying",items:n.slice(0,3)}}},x={args:{data:{title:"Customer Feedback",subtitle:"Real reviews from real customers",items:[{name:"John Doe",avatar:"https://i.pravatar.cc/150?img=20",comment:"Perfect product! Could not be happier with my purchase.",rating:5},{name:"Jane Smith",avatar:"https://i.pravatar.cc/150?img=21",comment:"Very good quality. Minor improvements could be made but overall great.",rating:4},{name:"Bob Wilson",avatar:"https://i.pravatar.cc/150?img=22",comment:"Good product for the price. Does what it promises.",rating:3},{name:"Alice Cooper",avatar:"https://i.pravatar.cc/150?img=23",comment:"Excellent design and functionality. Impressed!",rating:5},{name:"Tom Harris",avatar:"https://i.pravatar.cc/150?img=24",comment:"Pretty good overall. Some features could be better.",rating:4},{name:"Mary Johnson",avatar:"https://i.pravatar.cc/150?img=25",comment:"Amazing! This is exactly what I was looking for.",rating:5},{name:"Peter Parker",avatar:"https://i.pravatar.cc/150?img=26",comment:"Great value. Happy with my decision to buy.",rating:4},{name:"Diana Prince",avatar:"https://i.pravatar.cc/150?img=27",comment:"Outstanding quality and customer service.",rating:5},{name:"Bruce Wayne",avatar:"https://i.pravatar.cc/150?img=28",comment:"Solid product. Meets all my needs perfectly.",rating:4}]}}},I={args:{data:{title:"Styled Reviews",subtitle:"Custom styling applied",items:n},className:"border-t-4 border-orange-500"}},R={args:{data:{title:"Detailed Reviews",subtitle:"In-depth feedback from our customers",items:[{name:"Alexandra Mitchell",avatar:"https://i.pravatar.cc/150?img=30",comment:"I have been using this product for several months now and I must say it has completely exceeded all of my expectations. The quality is outstanding and the attention to detail is remarkable. Every aspect has been carefully thought through.",rating:5},{name:"Christopher Davis",avatar:"https://i.pravatar.cc/150?img=31",comment:"Initially I was skeptical about making this purchase, but after reading all the positive reviews I decided to give it a try. I am so glad I did! This has become an essential part of my daily routine.",rating:5},{name:"Victoria Thompson",avatar:"https://i.pravatar.cc/150?img=32",comment:"The customer service team was incredibly helpful throughout the entire process. They answered all my questions promptly and made sure I was completely satisfied with my purchase. Five stars!",rating:5},...n.slice(0,6)]}}};
-//# sourceMappingURL=MarqueeReview.stories.js.map

package/dist/cjs/stories/MarqueeReview.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/MarqueeReview.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport MarqueeReview from '../biz-components/MarqueeReview/index.js'\nimport type { MarqueeReviewProps, ReviewItem } from '../biz-components/MarqueeReview/index.js'\n\n/**\n * MarqueeReview \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u5782\u76F4\u6EDA\u52A8\u7684\u7528\u6237\u8BC4\u8BBA\u8F6E\u64AD\u3002\n *\n * ## \u529F\u80FD\u7279\u6027\n * - \u5782\u76F4\u65E0\u9650\u6EDA\u52A8\u52A8\u753B\n * - \u652F\u6301\u591A\u5217\u5E03\u5C40(\u54CD\u5E94\u5F0F)\n * - \u661F\u7EA7\u8BC4\u5206\u663E\u793A\n * - \u7528\u6237\u5934\u50CF\u5C55\u793A\n * - \u6E10\u53D8\u8FB9\u7F18\u906E\u7F69\u6548\u679C\n *\n * ## \u4F7F\u7528\u573A\u666F\n * - \u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\n * - \u7528\u6237\u8BC1\u8A00\n * - \u5BA2\u6237\u53CD\u9988\u5899\n */\nconst meta = {\n  title: 'Biz-Components/MarqueeReview',\n  component: MarqueeReview,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: `\n# MarqueeReview \u8BC4\u8BBA\u8F6E\u64AD\u7EC4\u4EF6\n\n\u7528\u4E8E\u5C55\u793A\u7528\u6237\u8BC4\u8BBA\u7684\u5782\u76F4\u6EDA\u52A8\u8F6E\u64AD\uFF0C\u901A\u8FC7\u65E0\u9650\u5FAA\u73AF\u52A8\u753B\u5C55\u793A\u5BA2\u6237\u53CD\u9988\u3002\n\n## \u6838\u5FC3\u529F\u80FD\n\n- **\u5782\u76F4\u65E0\u9650\u6EDA\u52A8**\uFF1A\u8BC4\u8BBA\u5361\u7247\u4ECE\u4E0B\u5F80\u4E0A\u5FAA\u73AF\u6EDA\u52A8\n- **\u591A\u5217\u54CD\u5E94\u5F0F\u5E03\u5C40**\uFF1A\u79FB\u52A8\u7AEF 1 \u5217\uFF0C\u5E73\u677F 2 \u5217\uFF0C\u684C\u9762 3 \u5217\n- **\u661F\u7EA7\u8BC4\u5206**\uFF1A\u652F\u6301 1-5 \u661F\u8BC4\u5206\u5C55\u793A\n- **\u7528\u6237\u5934\u50CF**\uFF1A\u5C55\u793A\u7528\u6237\u5934\u50CF\uFF0C\u652F\u6301\u56DE\u9000\u65B9\u6848\n- **\u6E10\u53D8\u906E\u7F69**\uFF1A\u9876\u90E8/\u5E95\u90E8\u6E10\u53D8\u906E\u7F69\u6548\u679C\n- **\u81EA\u52A8\u8865\u9F50**\uFF1A\u5C11\u4E8E 9 \u6761\u8BC4\u8BBA\u65F6\u81EA\u52A8\u590D\u5236\u8865\u9F50\n\n## \u4F7F\u7528\u573A\u666F\n\n\u9002\u7528\u4E8E\u4EA7\u54C1\u8BC4\u4EF7\u5C55\u793A\u3001\u5BA2\u6237\u53CD\u9988\u5899\u3001\u793E\u4F1A\u8BC1\u660E\u7B49\u573A\u666F\u3002\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u8BC4\u8BBA\u6570\u636E,\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u8BC4\u8BBA\u5217\u8868',\n      control: { type: 'object' },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49 CSS \u7C7B\u540D',\n      control: { type: 'text' },\n    },\n  },\n} satisfies Meta<typeof MarqueeReview>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// \u6A21\u62DF\u8BC4\u8BBA\u6570\u636E\nconst mockReviews: ReviewItem[] = [\n  {\n    name: 'Sarah Johnson',\n    avatar: 'https://i.pravatar.cc/150?img=1',\n    comment: 'This product has completely transformed my daily routine. The quality is outstanding!',\n    rating: 5,\n  },\n  {\n    name: 'Michael Chen',\n    avatar: 'https://i.pravatar.cc/150?img=2',\n    comment: 'Excellent customer service and fast shipping. Highly recommend to everyone!',\n    rating: 5,\n  },\n  {\n    name: 'Emma Williams',\n    avatar: 'https://i.pravatar.cc/150?img=3',\n    comment: 'Best purchase I made this year. Worth every penny and more!',\n    rating: 5,\n  },\n  {\n    name: 'David Martinez',\n    avatar: 'https://i.pravatar.cc/150?img=4',\n    comment: 'Amazing build quality. You can feel the attention to detail in every aspect.',\n    rating: 5,\n  },\n  {\n    name: 'Lisa Anderson',\n    avatar: 'https://i.pravatar.cc/150?img=5',\n    comment: 'Exceeded my expectations in every way. Will definitely buy again!',\n    rating: 4,\n  },\n  {\n    name: 'James Taylor',\n    avatar: 'https://i.pravatar.cc/150?img=6',\n    comment: 'The design is sleek and modern. Fits perfectly with my aesthetic.',\n    rating: 5,\n  },\n  {\n    name: 'Sophia Lee',\n    avatar: 'https://i.pravatar.cc/150?img=7',\n    comment: 'Great value for money. I was skeptical at first but now I am a believer!',\n    rating: 5,\n  },\n  {\n    name: 'Robert Brown',\n    avatar: 'https://i.pravatar.cc/150?img=8',\n    comment: 'Innovative features that actually make a difference in everyday use.',\n    rating: 5,\n  },\n  {\n    name: 'Olivia Garcia',\n    avatar: 'https://i.pravatar.cc/150?img=9',\n    comment: 'Customer support was incredibly helpful when I had questions. Five stars!',\n    rating: 5,\n  },\n]\n\n/**\n * \u9ED8\u8BA4\u72B6\u6001 - \u5C55\u793A\u5B8C\u6574\u7684\u8BC4\u8BBA\u8F6E\u64AD\u6548\u679C\n */\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'What Our Customers Say',\n      subtitle: 'Trusted by thousands of satisfied customers worldwide',\n      items: mockReviews,\n    },\n  },\n}\n\n/**\n * \u4E2D\u6587\u5185\u5BB9 - \u5C55\u793A\u4E2D\u6587\u8BC4\u8BBA\n */\nexport const Chinese: Story = {\n  args: {\n    data: {\n      title: '\u5BA2\u6237\u8BC4\u4EF7',\n      subtitle: '\u5168\u7403\u6570\u5343\u540D\u6EE1\u610F\u5BA2\u6237\u7684\u4FE1\u8D56\u4E4B\u9009',\n      items: [\n        {\n          name: '\u5F20\u4F1F',\n          avatar: 'https://i.pravatar.cc/150?img=10',\n          comment: '\u4EA7\u54C1\u8D28\u91CF\u975E\u5E38\u597D,\u4F7F\u7528\u4F53\u9A8C\u8D85\u51FA\u9884\u671F,\u5F3A\u70C8\u63A8\u8350!',\n          rating: 5,\n        },\n        {\n          name: '\u674E\u5A1C',\n          avatar: 'https://i.pravatar.cc/150?img=11',\n          comment: '\u8BBE\u8BA1\u5F88\u7CBE\u7F8E,\u529F\u80FD\u4E5F\u5F88\u5B9E\u7528,\u7269\u8D85\u6240\u503C!',\n          rating: 5,\n        },\n        {\n          name: '\u738B\u5F3A',\n          avatar: 'https://i.pravatar.cc/150?img=12',\n          comment: '\u5BA2\u670D\u6001\u5EA6\u5F88\u597D,\u7269\u6D41\u4E5F\u5F88\u5FEB,\u975E\u5E38\u6EE1\u610F!',\n          rating: 5,\n        },\n        {\n          name: '\u5218\u82B3',\n          avatar: 'https://i.pravatar.cc/150?img=13',\n          comment: '\u8FD9\u662F\u6211\u4ECA\u5E74\u4E70\u8FC7\u6700\u6EE1\u610F\u7684\u4EA7\u54C1,\u503C\u5F97\u8D2D\u4E70!',\n          rating: 5,\n        },\n        {\n          name: '\u9648\u660E',\n          avatar: 'https://i.pravatar.cc/150?img=14',\n          comment: '\u505A\u5DE5\u7CBE\u7EC6,\u8D28\u91CF\u4E0A\u4E58,\u4F7F\u7528\u8D77\u6765\u5F88\u8212\u9002!',\n          rating: 4,\n        },\n        {\n          name: '\u8D75\u4E3D',\n          avatar: 'https://i.pravatar.cc/150?img=15',\n          comment: '\u5916\u89C2\u8BBE\u8BA1\u65F6\u5C1A,\u6027\u80FD\u7A33\u5B9A,\u975E\u5E38\u4E0D\u9519!',\n          rating: 5,\n        },\n        {\n          name: '\u5B59\u6D69',\n          avatar: 'https://i.pravatar.cc/150?img=16',\n          comment: '\u6027\u4EF7\u6BD4\u5F88\u9AD8,\u8D85\u51FA\u4E86\u6211\u7684\u9884\u671F,\u4F1A\u56DE\u8D2D!',\n          rating: 5,\n        },\n        {\n          name: '\u5468\u654F',\n          avatar: 'https://i.pravatar.cc/150?img=17',\n          comment: '\u529F\u80FD\u521B\u65B0,\u5B9E\u7528\u6027\u5F3A,\u65E5\u5E38\u4F7F\u7528\u5F88\u65B9\u4FBF!',\n          rating: 5,\n        },\n        {\n          name: '\u5434\u521A',\n          avatar: 'https://i.pravatar.cc/150?img=18',\n          comment: '\u552E\u540E\u670D\u52A1\u5F88\u597D,\u6709\u95EE\u9898\u53CA\u65F6\u89E3\u51B3,\u4E94\u661F\u597D\u8BC4!',\n          rating: 5,\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u5C11\u91CF\u8BC4\u8BBA - \u5F53\u8BC4\u8BBA\u6570\u91CF\u4E0D\u8DB3\u65F6,\u7EC4\u4EF6\u4F1A\u81EA\u52A8\u590D\u5236\u586B\u5145\n */\nexport const FewReviews: Story = {\n  args: {\n    data: {\n      title: 'Early Reviews',\n      subtitle: 'What our first customers are saying',\n      items: mockReviews.slice(0, 3),\n    },\n  },\n}\n\n/**\n * \u4E0D\u540C\u8BC4\u5206 - \u5C55\u793A\u4E0D\u540C\u661F\u7EA7\u8BC4\u5206\n */\nexport const MixedRatings: Story = {\n  args: {\n    data: {\n      title: 'Customer Feedback',\n      subtitle: 'Real reviews from real customers',\n      items: [\n        {\n          name: 'John Doe',\n          avatar: 'https://i.pravatar.cc/150?img=20',\n          comment: 'Perfect product! Could not be happier with my purchase.',\n          rating: 5,\n        },\n        {\n          name: 'Jane Smith',\n          avatar: 'https://i.pravatar.cc/150?img=21',\n          comment: 'Very good quality. Minor improvements could be made but overall great.',\n          rating: 4,\n        },\n        {\n          name: 'Bob Wilson',\n          avatar: 'https://i.pravatar.cc/150?img=22',\n          comment: 'Good product for the price. Does what it promises.',\n          rating: 3,\n        },\n        {\n          name: 'Alice Cooper',\n          avatar: 'https://i.pravatar.cc/150?img=23',\n          comment: 'Excellent design and functionality. Impressed!',\n          rating: 5,\n        },\n        {\n          name: 'Tom Harris',\n          avatar: 'https://i.pravatar.cc/150?img=24',\n          comment: 'Pretty good overall. Some features could be better.',\n          rating: 4,\n        },\n        {\n          name: 'Mary Johnson',\n          avatar: 'https://i.pravatar.cc/150?img=25',\n          comment: 'Amazing! This is exactly what I was looking for.',\n          rating: 5,\n        },\n        {\n          name: 'Peter Parker',\n          avatar: 'https://i.pravatar.cc/150?img=26',\n          comment: 'Great value. Happy with my decision to buy.',\n          rating: 4,\n        },\n        {\n          name: 'Diana Prince',\n          avatar: 'https://i.pravatar.cc/150?img=27',\n          comment: 'Outstanding quality and customer service.',\n          rating: 5,\n        },\n        {\n          name: 'Bruce Wayne',\n          avatar: 'https://i.pravatar.cc/150?img=28',\n          comment: 'Solid product. Meets all my needs perfectly.',\n          rating: 4,\n        },\n      ],\n    },\n  },\n}\n\n/**\n * \u81EA\u5B9A\u4E49\u6837\u5F0F - \u4F7F\u7528\u81EA\u5B9A\u4E49 className\n */\nexport const CustomStyle: Story = {\n  args: {\n    data: {\n      title: 'Styled Reviews',\n      subtitle: 'Custom styling applied',\n      items: mockReviews,\n    },\n    className: 'border-t-4 border-orange-500',\n  },\n}\n\n/**\n * \u957F\u8BC4\u8BBA\u5185\u5BB9 - \u6D4B\u8BD5\u957F\u6587\u672C\u7684\u663E\u793A\u6548\u679C\n */\nexport const LongComments: Story = {\n  args: {\n    data: {\n      title: 'Detailed Reviews',\n      subtitle: 'In-depth feedback from our customers',\n      items: [\n        {\n          name: 'Alexandra Mitchell',\n          avatar: 'https://i.pravatar.cc/150?img=30',\n          comment:\n            'I have been using this product for several months now and I must say it has completely exceeded all of my expectations. The quality is outstanding and the attention to detail is remarkable. Every aspect has been carefully thought through.',\n          rating: 5,\n        },\n        {\n          name: 'Christopher Davis',\n          avatar: 'https://i.pravatar.cc/150?img=31',\n          comment:\n            'Initially I was skeptical about making this purchase, but after reading all the positive reviews I decided to give it a try. I am so glad I did! This has become an essential part of my daily routine.',\n          rating: 5,\n        },\n        {\n          name: 'Victoria Thompson',\n          avatar: 'https://i.pravatar.cc/150?img=32',\n          comment:\n            'The customer service team was incredibly helpful throughout the entire process. They answered all my questions promptly and made sure I was completely satisfied with my purchase. Five stars!',\n          rating: 5,\n        },\n        ...mockReviews.slice(0, 6),\n      ],\n    },\n  },\n}\n\n"],
-  "mappings": "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",
-  "names": ["MarqueeReview_stories_exports", "__export", "Chinese", "CustomStyle", "Default", "FewReviews", "LongComments", "MixedRatings", "MarqueeReview_stories_default", "__toCommonJS", "import_MarqueeReview", "meta", "MarqueeReview", "mockReviews"]
-}

package/dist/cjs/stories/ThreeDCarousel.stories.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var n=Object.create;var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var U=(o,r)=>{for(var i in r)s(o,i,{get:r[i],enumerable:!0})},l=(o,r,i,m)=>{if(r&&typeof r=="object"\|\|typeof r=="function")for(let a of h(r))!b.call(o,a)&&a!==i&&s(o,a,{get:()=>r[a],enumerable:!(m=d(r,a))\|\|m.enumerable});return o};var f=(o,r,i)=>(i=o!=null?n(u(o)):{},l(r\|\|!o\|\|!o.__esModule?s(i,"default",{value:o,enumerable:!0}):i,o)),I=o=>l(s({},"__esModule",{value:!0}),o);var x={};U(x,{CustomClassName:()=>S,Default:()=>c,ThreeItems:()=>g,WithoutItemTitles:()=>w,WithoutTitle:()=>C,default:()=>P});module.exports=I(x);var p=f(require("../biz-components/ThreeDCarousel/index.js")),T=require("react");const y={title:"Biz-Components/ThreeDCarousel",component:p.default,parameters:{layout:"fullscreen",docs:{description:{component:"3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u684C\u9762\u7AEF\u6700\u591A\u540C\u65F6\u5C55\u793A3\u4E2A\u9879\u76EE\uFF08\u4E2D\u95F41\u4E2A\u9AD8\u4EAE\uFF0C\u4E24\u4FA7\u54041\u4E2A\uFF09\uFF0C\u652F\u6301\u62D6\u62FD\u3001\u952E\u76D8\u5BFC\u822A\uFF1B\u79FB\u52A8\u7AEF\u6A2A\u5411\u6EDA\u52A8\uFF0C\u652F\u6301\u89E6\u6478\u64CD\u4F5C"}}},tags:["autodocs"],argTypes:{data:{description:"\u8F6E\u64AD\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u548C\u9879\u76EE\u5217\u8868",control:{type:"object"}},className:{description:"\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D",control:{type:"text"}}}};var P=y;const t=["https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687221038-404cb8830901?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=824&h=480&fit=crop","https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=824&h=480&fit=crop"],e=["https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687221038-404cb8830901?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=296&h=360&fit=crop","https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=296&h=360&fit=crop"],c={args:{data:{title:"Featured Products",items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Product 1",description:"Amazing features and design"},{imageUrl:t[1],mobImageUrl:e[1],title:"Product 2",description:"Innovative technology"},{imageUrl:t[2],mobImageUrl:e[2],title:"Product 3",description:"Premium quality"},{imageUrl:t[3],mobImageUrl:e[3],title:"Product 4",description:"Enhanced performance"},{imageUrl:t[4],mobImageUrl:e[4],title:"Product 5",description:"Superior experience"}]}}};c.parameters={docs:{description:{story:"5\u4E2A\u9879\u76EE\u7684\u5B8C\u6574\u793A\u4F8B\uFF0C\u652F\u6301\u5DE6\u53F3\u5207\u6362\u6D4F\u89C8\u3002\u684C\u9762\u7AEF\u4F7F\u7528\u65B9\u5411\u952E\u6216\u62D6\u62FD\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u6A2A\u5411\u6ED1\u52A8"}}};const C={args:{data:{items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Product 1",description:"Amazing features and design"},{imageUrl:t[1],mobImageUrl:e[1],title:"Product 2",description:"Innovative technology"},{imageUrl:t[2],mobImageUrl:e[2],title:"Product 3",description:"Premium quality"}]}}},w={args:{data:{title:"Image Gallery",items:[{imageUrl:t[0],mobImageUrl:e[0]},{imageUrl:t[1],mobImageUrl:e[1]},{imageUrl:t[2],mobImageUrl:e[2]},{imageUrl:t[3],mobImageUrl:e[3]}]}}},g={args:{data:{title:"3 Items (All Visible)",items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Item 1",description:"Left side item"},{imageUrl:t[1],mobImageUrl:e[1],title:"Item 2",description:"Center highlighted"},{imageUrl:t[2],mobImageUrl:e[2],title:"Item 3",description:"Right side item"}]}}};g.parameters={docs:{description:{story:"\u6070\u597D3\u4E2A\u9879\u76EE\u65F6\uFF0C\u684C\u9762\u7AEF\u53EF\u540C\u65F6\u770B\u5230\u6240\u6709\u9879\u76EE\uFF1A\u4E2D\u95F4\u9AD8\u4EAE\u663E\u793A\uFF0C\u4E24\u4FA7\u5404\u4E00\u4E2A"}}};const S={args:{data:{title:"Custom Styled Carousel",items:[{imageUrl:t[0],mobImageUrl:e[0],title:"Product A",description:"Description A"},{imageUrl:t[1],mobImageUrl:e[1],title:"Product B",description:"Description B"},{imageUrl:t[2],mobImageUrl:e[2],title:"Product C",description:"Description C"}]},className:"bg-gradient-to-b from-gray-900 to-black py-12"}};
2	- //# sourceMappingURL=ThreeDCarousel.stories.js.map

package/dist/cjs/stories/ThreeDCarousel.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/ThreeDCarousel.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport ThreeDCarousel from '../biz-components/ThreeDCarousel/index.js'\nimport React from 'react'\n\nconst meta = {\n  title: 'Biz-Components/ThreeDCarousel',\n  component: ThreeDCarousel,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      description: {\n        component: '3D \u8F6E\u64AD\u7EC4\u4EF6\uFF0C\u684C\u9762\u7AEF\u6700\u591A\u540C\u65F6\u5C55\u793A3\u4E2A\u9879\u76EE\uFF08\u4E2D\u95F41\u4E2A\u9AD8\u4EAE\uFF0C\u4E24\u4FA7\u54041\u4E2A\uFF09\uFF0C\u652F\u6301\u62D6\u62FD\u3001\u952E\u76D8\u5BFC\u822A\uFF1B\u79FB\u52A8\u7AEF\u6A2A\u5411\u6EDA\u52A8\uFF0C\u652F\u6301\u89E6\u6478\u64CD\u4F5C',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    data: {\n      description: '\u8F6E\u64AD\u6570\u636E\uFF0C\u5305\u542B\u6807\u9898\u548C\u9879\u76EE\u5217\u8868',\n      control: {\n        type: 'object',\n      },\n    },\n    className: {\n      description: '\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D',\n      control: {\n        type: 'text',\n      },\n    },\n  },\n} satisfies Meta<typeof ThreeDCarousel>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst sampleImages = [\n  'https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687221038-404cb8830901?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=824&h=480&fit=crop',\n  'https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=824&h=480&fit=crop',\n]\n\nconst sampleMobileImages = [\n  'https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687221038-404cb8830901?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687220063-4742bd7fd538?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687220199-d0124f48f95b?w=296&h=360&fit=crop',\n  'https://images.unsplash.com/photo-1682687220945-922d7c4f3f3d?w=296&h=360&fit=crop',\n]\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: 'Featured Products',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Product 1',\n          description: 'Amazing features and design',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Product 2',\n          description: 'Innovative technology',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Product 3',\n          description: 'Premium quality',\n        },\n        {\n          imageUrl: sampleImages[3],\n          mobImageUrl: sampleMobileImages[3],\n          title: 'Product 4',\n          description: 'Enhanced performance',\n        },\n        {\n          imageUrl: sampleImages[4],\n          mobImageUrl: sampleMobileImages[4],\n          title: 'Product 5',\n          description: 'Superior experience',\n        },\n      ],\n    },\n  },\n}\nDefault.parameters = {\n  docs: {\n    description: {\n      story: '5\u4E2A\u9879\u76EE\u7684\u5B8C\u6574\u793A\u4F8B\uFF0C\u652F\u6301\u5DE6\u53F3\u5207\u6362\u6D4F\u89C8\u3002\u684C\u9762\u7AEF\u4F7F\u7528\u65B9\u5411\u952E\u6216\u62D6\u62FD\u5207\u6362\uFF0C\u79FB\u52A8\u7AEF\u6A2A\u5411\u6ED1\u52A8',\n    },\n  },\n}\n\nexport const WithoutTitle: Story = {\n  args: {\n    data: {\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Product 1',\n          description: 'Amazing features and design',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Product 2',\n          description: 'Innovative technology',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Product 3',\n          description: 'Premium quality',\n        },\n      ],\n    },\n  },\n}\n\nexport const WithoutItemTitles: Story = {\n  args: {\n    data: {\n      title: 'Image Gallery',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n        },\n        {\n          imageUrl: sampleImages[3],\n          mobImageUrl: sampleMobileImages[3],\n        },\n      ],\n    },\n  },\n}\n\nexport const ThreeItems: Story = {\n  args: {\n    data: {\n      title: '3 Items (All Visible)',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Item 1',\n          description: 'Left side item',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Item 2',\n          description: 'Center highlighted',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Item 3',\n          description: 'Right side item',\n        },\n      ],\n    },\n  },\n}\nThreeItems.parameters = {\n  docs: {\n    description: {\n      story: '\u6070\u597D3\u4E2A\u9879\u76EE\u65F6\uFF0C\u684C\u9762\u7AEF\u53EF\u540C\u65F6\u770B\u5230\u6240\u6709\u9879\u76EE\uFF1A\u4E2D\u95F4\u9AD8\u4EAE\u663E\u793A\uFF0C\u4E24\u4FA7\u5404\u4E00\u4E2A',\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: 'Custom Styled Carousel',\n      items: [\n        {\n          imageUrl: sampleImages[0],\n          mobImageUrl: sampleMobileImages[0],\n          title: 'Product A',\n          description: 'Description A',\n        },\n        {\n          imageUrl: sampleImages[1],\n          mobImageUrl: sampleMobileImages[1],\n          title: 'Product B',\n          description: 'Description B',\n        },\n        {\n          imageUrl: sampleImages[2],\n          mobImageUrl: sampleMobileImages[2],\n          title: 'Product C',\n          description: 'Description C',\n        },\n      ],\n    },\n    className: 'bg-gradient-to-b from-gray-900 to-black py-12',\n  },\n}\n"],
-  "mappings": "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",
-  "names": ["ThreeDCarousel_stories_exports", "__export", "CustomClassName", "Default", "ThreeItems", "WithoutItemTitles", "WithoutTitle", "ThreeDCarousel_stories_default", "__toCommonJS", "import_ThreeDCarousel", "import_react", "meta", "ThreeDCarousel", "sampleImages", "sampleMobileImages"]
-}

package/dist/cjs/stories/featureCards.stories.js DELETED Viewed

@@ -1,52 +0,0 @@
-"use strict";var n=Object.create;var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var u=(e,a)=>{for(var s in a)i(e,s,{get:a[s],enumerable:!0})},c=(e,a,s,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of l(a))!f.call(e,r)&&r!==s&&i(e,r,{get:()=>a[r],enumerable:!(o=p(a,r))||o.enumerable});return e};var g=(e,a,s)=>(s=e!=null?n(m(e)):{},c(a||!e||!e.__esModule?i(s,"default",{value:e,enumerable:!0}):s,e)),_=e=>c(i({},"__esModule",{value:!0}),e);var L={};u(L,{Default:()=>b,FourCards:()=>k,LightTheme:()=>S,SingleCard:()=>v,TwoCards:()=>w,WithCustomStyles:()=>D,WithLinks:()=>C,WithoutSubtitle:()=>x,default:()=>y});module.exports=_(L);var z=require("react"),d=g(require("../biz-components/FeatureCards/index.js"));const h={title:"Biz Components/FeatureCards",component:d.default,parameters:{layout:"padded",docs:{description:{component:"\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C Swiper \u6ED1\u52A8"}}},tags:["autodocs"]};var y=h;const t={title:"Personalized Carpet Cleaning Mode",subtitle:"You can customize the carpet cleaning mode to suit your needs.",items:[{link:"",theme:"dark",title:"Carpet Avoidance",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Carpet Avoidance",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Automatically avoids carpets based on personalized settings."},{link:"",theme:"dark",title:"Mop Lifting",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",alt:"Mop Lifting",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429",mimeType:"image/png"},subtitle:"Lifts the mop to prevent wetting carpets"},{link:"",theme:"dark",title:"Carpet Detection",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",alt:"Carpet Detection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429",mimeType:"image/png"},subtitle:"Increases suction power when carpets are detected."}]},b={args:{data:t}},S={args:{data:{...t,items:t.items.map(e=>({...e,theme:"light"}))}}},C={args:{data:{...t,items:t.items.map(e=>({...e,link:"https://www.example.com"}))}}},w={args:{data:{...t,items:t.items.slice(0,2)}}},v={args:{data:{...t,items:[t.items[0]]}}},x={args:{data:{title:"Personalized Carpet Cleaning Mode",items:t.items}}},k={args:{data:{...t,items:[...t.items,{link:"",theme:"dark",title:"Smart Scheduling",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",alt:"Smart Scheduling",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423",mimeType:"image/png"},subtitle:"Schedule cleaning tasks automatically based on your preferences."}]}}},D={args:{data:t,className:"custom-feature-cards"},parameters:{docs:{description:{story:`
-\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
-**\u6839\u5143\u7D20\uFF1A**
-- \`.feature-cards\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-**\u5934\u90E8\u533A\u57DF\uFF1A**
-- \`.feature-cards__header\` - \u5934\u90E8\u5BB9\u5668
-- \`.feature-cards__title\` - \u4E3B\u6807\u9898
-- \`.feature-cards__subtitle\` - \u526F\u6807\u9898
-**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**
-- \`.feature-cards__grid\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668
-**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**
-- \`.feature-cards__swiper-container\` - Swiper \u5916\u5C42\u5BB9\u5668
-- \`.feature-cards__swiper\` - Swiper \u5B9E\u4F8B
-- \`.feature-cards__swiper-slide\` - Swiper \u5355\u4E2A\u6ED1\u5757
-**\u5361\u7247\u5143\u7D20\uFF1A**
-- \`.feature-cards__card\` - \u5361\u7247\u5BB9\u5668
-- \`.feature-cards__card--mobile\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26
-- \`.feature-cards__card-image\` - \u5361\u7247\u80CC\u666F\u56FE\u7247
-- \`.feature-cards__card-content\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668
-- \`.feature-cards__card-title\` - \u5361\u7247\u6807\u9898
-- \`.feature-cards__card-subtitle\` - \u5361\u7247\u526F\u6807\u9898
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u5361\u7247\u5706\u89D2 */
-.feature-cards__card {
-  border-radius: 20px;
-}
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */
-.feature-cards__card-title {
-  color: #ff6b6b;
-}
-/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */
-.feature-cards__card:hover {
-  transform: translateY(-5px);
-  transition: transform 0.3s ease;
-}
-/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */
-.feature-cards__grid {
-  gap: 24px;
-}
-\`\`\`
-        `}}}};
-//# sourceMappingURL=featureCards.stories.js.map

package/dist/cjs/stories/featureCards.stories.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/featureCards.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport FeatureCards from '../biz-components/FeatureCards/index.js'\nimport type { FeatureCardsProps } from '../biz-components/FeatureCards/types.js'\n\nconst meta = {\n  title: 'Biz Components/FeatureCards',\n  component: FeatureCards,\n  parameters: {\n    layout: 'padded',\n    docs: {\n      description: {\n        component: '\u7279\u6027\u5361\u7247\u5C55\u793A\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u4EA7\u54C1\u529F\u80FD\u6216\u7279\u6027\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C Swiper \u6ED1\u52A8',\n      },\n    },\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof FeatureCards>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nconst defaultData: FeatureCardsProps['data'] = {\n  title: 'Personalized Carpet Cleaning Mode',\n  subtitle: 'You can customize the carpet cleaning mode to suit your needs.',\n  items: [\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Avoidance',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        alt: 'Carpet Avoidance',\n        thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Automatically avoids carpets based on personalized settings.',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Mop Lifting',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        alt: 'Mop Lifting',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/2_b45338ef-d3e5-42fd-aea3-f6ee8f564c31.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Lifts the mop to prevent wetting carpets',\n    },\n    {\n      link: '',\n      theme: 'dark',\n      title: 'Carpet Detection',\n      image: {\n        url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        alt: 'Carpet Detection',\n        thumbnailURL:\n          'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/3_99cbfc97-44f5-44f6-a6b0-4b0bbcd26588.png?v=1752499429',\n        mimeType: 'image/png',\n      },\n      subtitle: 'Increases suction power when carpets are detected.',\n    },\n  ],\n}\n\nexport const Default: Story = {\n  args: {\n    data: defaultData,\n  },\n}\n\nexport const LightTheme: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map((item) => ({\n        ...item,\n        theme: 'light',\n      })),\n    },\n  },\n}\n\nexport const WithLinks: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.map((item) => ({\n        ...item,\n        link: 'https://www.example.com',\n      })),\n    },\n  },\n}\n\nexport const TwoCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: defaultData.items.slice(0, 2),\n    },\n  },\n}\n\nexport const SingleCard: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [defaultData.items[0]],\n    },\n  },\n}\n\nexport const WithoutSubtitle: Story = {\n  args: {\n    data: {\n      title: 'Personalized Carpet Cleaning Mode',\n      items: defaultData.items,\n    },\n  },\n}\n\nexport const FourCards: Story = {\n  args: {\n    data: {\n      ...defaultData,\n      items: [\n        ...defaultData.items,\n        {\n          link: '',\n          theme: 'dark',\n          title: 'Smart Scheduling',\n          image: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            alt: 'Smart Scheduling',\n            thumbnailURL: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Design_Detail.png?v=1752499423',\n            mimeType: 'image/png',\n          },\n          subtitle: 'Schedule cleaning tasks automatically based on your preferences.',\n        },\n      ],\n    },\n  },\n}\n\nexport const WithCustomStyles: Story = {\n  args: {\n    data: defaultData,\n    className: 'custom-feature-cards',\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: `\n\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A\n\n**\u6839\u5143\u7D20\uFF1A**\n- \\`.feature-cards\\` - \u7EC4\u4EF6\u6839\u5BB9\u5668\n\n**\u5934\u90E8\u533A\u57DF\uFF1A**\n- \\`.feature-cards__header\\` - \u5934\u90E8\u5BB9\u5668\n- \\`.feature-cards__title\\` - \u4E3B\u6807\u9898\n- \\`.feature-cards__subtitle\\` - \u526F\u6807\u9898\n\n**\u684C\u9762\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__grid\\` - \u684C\u9762\u7AEF\u7F51\u683C\u5BB9\u5668\n\n**\u79FB\u52A8\u7AEF\u5E03\u5C40\uFF1A**\n- \\`.feature-cards__swiper-container\\` - Swiper \u5916\u5C42\u5BB9\u5668\n- \\`.feature-cards__swiper\\` - Swiper \u5B9E\u4F8B\n- \\`.feature-cards__swiper-slide\\` - Swiper \u5355\u4E2A\u6ED1\u5757\n\n**\u5361\u7247\u5143\u7D20\uFF1A**\n- \\`.feature-cards__card\\` - \u5361\u7247\u5BB9\u5668\n- \\`.feature-cards__card--mobile\\` - \u79FB\u52A8\u7AEF\u5361\u7247\u4FEE\u9970\u7B26\n- \\`.feature-cards__card-image\\` - \u5361\u7247\u80CC\u666F\u56FE\u7247\n- \\`.feature-cards__card-content\\` - \u5361\u7247\u5185\u5BB9\u5BB9\u5668\n- \\`.feature-cards__card-title\\` - \u5361\u7247\u6807\u9898\n- \\`.feature-cards__card-subtitle\\` - \u5361\u7247\u526F\u6807\u9898\n\n**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**\n\\`\\`\\`css\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u5706\u89D2 */\n.feature-cards__card {\n  border-radius: 20px;\n}\n\n/* \u81EA\u5B9A\u4E49\u6807\u9898\u989C\u8272 */\n.feature-cards__card-title {\n  color: #ff6b6b;\n}\n\n/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */\n.feature-cards__card:hover {\n  transform: translateY(-5px);\n  transition: transform 0.3s ease;\n}\n\n/* \u81EA\u5B9A\u4E49\u7F51\u683C\u95F4\u8DDD */\n.feature-cards__grid {\n  gap: 24px;\n}\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,cAAAC,EAAA,eAAAC,EAAA,eAAAC,EAAA,aAAAC,EAAA,qBAAAC,EAAA,cAAAC,EAAA,oBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAX,GAAA,IAAAY,EAAkB,iBAElBC,EAAyB,sDAGzB,MAAMC,EAAO,CACX,MAAO,8BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,SACR,KAAM,CACJ,YAAa,CACX,UAAW,gNACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQI,EAIf,MAAME,EAAyC,CAC7C,MAAO,oCACP,SAAU,iEACV,MAAO,CACL,CACE,KAAM,GACN,MAAO,OACP,MAAO,mBACP,MAAO,CACL,IAAK,wFACL,IAAK,mBACL,aAAc,wFACd,SAAU,WACZ,EACA,SAAU,8DACZ,EACA,CACE,KAAM,GACN,MAAO,OACP,MAAO,cACP,MAAO,CACL,IAAK,iHACL,IAAK,cACL,aACE,iHACF,SAAU,WACZ,EACA,SAAU,0CACZ,EACA,CACE,KAAM,GACN,MAAO,OACP,MAAO,mBACP,MAAO,CACL,IAAK,iHACL,IAAK,mBACL,aACE,iHACF,SAAU,WACZ,EACA,SAAU,oDACZ,CACF,CACF,EAEad,EAAiB,CAC5B,KAAM,CACJ,KAAMc,CACR,CACF,EAEaZ,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGY,EACH,MAAOA,EAAY,MAAM,IAAKC,IAAU,CACtC,GAAGA,EACH,MAAO,OACT,EAAE,CACJ,CACF,CACF,EAEaT,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGQ,EACH,MAAOA,EAAY,MAAM,IAAKC,IAAU,CACtC,GAAGA,EACH,KAAM,yBACR,EAAE,CACJ,CACF,CACF,EAEaX,EAAkB,CAC7B,KAAM,CACJ,KAAM,CACJ,GAAGU,EACH,MAAOA,EAAY,MAAM,MAAM,EAAG,CAAC,CACrC,CACF,CACF,EAEaX,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,GAAGW,EACH,MAAO,CAACA,EAAY,MAAM,CAAC,CAAC,CAC9B,CACF,CACF,EAEaP,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,oCACP,MAAOO,EAAY,KACrB,CACF,CACF,EAEab,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,GAAGa,EACH,MAAO,CACL,GAAGA,EAAY,MACf,CACE,KAAM,GACN,MAAO,OACP,MAAO,mBACP,MAAO,CACL,IAAK,wFACL,IAAK,mBACL,aAAc,wFACd,SAAU,WACZ,EACA,SAAU,kEACZ,CACF,CACF,CACF,CACF,EAEaT,EAA0B,CACrC,KAAM,CACJ,KAAMS,EACN,UAAW,sBACb,EACA,WAAY,CACV,KAAM,CACJ,YAAa,CACX,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAmDT,CACF,CACF,CACF",
-  "names": ["featureCards_stories_exports", "__export", "Default", "FourCards", "LightTheme", "SingleCard", "TwoCards", "WithCustomStyles", "WithLinks", "WithoutSubtitle", "featureCards_stories_default", "__toCommonJS", "import_react", "import_FeatureCards", "meta", "FeatureCards", "defaultData", "item"]
-}

package/dist/cjs/stories/featureShowcase.stories.js DELETED Viewed

@@ -1,44 +0,0 @@
-"use strict";var m=Object.create;var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var b=(e,a)=>{for(var t in a)i(e,t,{get:a[t],enumerable:!0})},r=(e,a,t,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of p(a))!d.call(e,s)&&s!==t&&i(e,s,{get:()=>a[s],enumerable:!(c=n(a,s))||c.enumerable});return e};var h=(e,a,t)=>(t=e!=null?m(l(e)):{},r(a||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),g=e=>r(i({},"__esModule",{value:!0}),e);var R={};b(R,{Default:()=>y,EmptyLists:()=>F,SingleItemPerList:()=>w,SingleList:()=>S,WithCustomStyles:()=>v,default:()=>u});module.exports=g(R);var k=require("react"),f=h(require("../biz-components/FeatureShowcase/index.js"));const _={title:"Biz Components/FeatureShowcase",component:f.default,parameters:{layout:"padded",backgrounds:{default:"dark"},docs:{description:{component:"\u529F\u80FD\u5C55\u793A\u7EC4\u4EF6\uFF0C\u5C55\u793A\u591A\u4E2A\u5E26\u6587\u5B57\u8986\u76D6\u7684\u56FE\u7247\u5361\u7247\uFF0C\u652F\u6301\u6A2A\u5411\u6EDA\u52A8"}}},tags:["autodocs"]};var u=_;const o={datalist:[{desc:"Saves energy by charging during off-peak hours.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415",alt:"Off-Peak Charging",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/12f00a84-d4f7-4f7d-af6b-361b49c70a87_Frame_2121235336.png?v=1751425415",mimeType:"image/png"},title:"Off-Peak Charging",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005",alt:"Off-Peak Charging Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/0dd1df60-4732-45a3-995e-43977d45d2b2_Frame_2121235316.png?v=1751547005",mimeType:"image/png"}},{desc:"Keep RoboVac out of restricted areas.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570",alt:"No-Go Zones",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/45dacd44-c1c2-43b2-af50-bfe539925428_Frame_2121235337.png?v=1751425570",mimeType:"image/png"},title:"No-Go Zones",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075",alt:"No-Go Zones Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7aabcf2e-5601-4b1f-b66f-95c9a5d1c55d_Frame_2121235317.png?v=1751547075",mimeType:"image/png"}}],datalists:[{desc:"Prevents accidental  activation.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403",alt:"Child Lock Protection",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b9b2cb76-411c-4e95-9a21-590522a2b8b5_Frame_2121235339.png?v=1751452403",mimeType:"image/png"},title:"Child Lock Protection",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104",alt:"Child Lock Protection Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/feae0e5e-85fb-49d1-bdc1-b59d632210b8_Frame_2121235516.png?v=1751547104",mimeType:"image/png"}},{desc:"Automatically resumes cleaning after charging.",image:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429",alt:"Recharge and Resume",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/eb323290-a12b-4b42-80f3-76641e5d0fab_Frame_2121235338.png?v=1751452429",mimeType:"image/png"},title:"Recharge and Resume",imageMob:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133",alt:"Recharge and Resume Mobile",thumbnailURL:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/7a90f1b9-b20a-4958-9088-a3639d23b4b4_Frame_2121235516_1.png?v=1751547133",mimeType:"image/png"}}]},y={args:{data:o}},S={args:{data:{datalist:o.datalist,datalists:[]}}},w={args:{data:{datalist:[o.datalist[0]],datalists:[o.datalists[0]]}}},F={args:{data:{datalist:[],datalists:[]}}},v={args:{data:o,className:"custom-feature-showcase"},parameters:{docs:{description:{story:`
-\u8BE5\u793A\u4F8B\u5C55\u793A\u4E86\u5982\u4F55\u901A\u8FC7\u6DFB\u52A0\u81EA\u5B9A\u4E49 CSS \u7C7B\u6765\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u6837\u5F0F\u3002\u7EC4\u4EF6\u4E2D\u5DF2\u6DFB\u52A0\u4EE5\u4E0B CSS \u7C7B\u4FBF\u4E8E\u6837\u5F0F\u5B9A\u5236\uFF1A
-**\u6839\u5143\u7D20\uFF1A**
-- \`.feature-showcase\` - \u7EC4\u4EF6\u6839\u5BB9\u5668
-**\u5217\u8868\u5143\u7D20\uFF1A**
-- \`.feature-showcase__list\` - \u5217\u8868\u5BB9\u5668
-- \`.feature-showcase__item\` - \u5355\u4E2A\u5361\u7247\u9879\u5BB9\u5668
-**\u5361\u7247\u5143\u7D20\uFF1A**
-- \`.feature-showcase__card\` - \u5361\u7247\u5BB9\u5668
-- \`.feature-showcase__image\` - \u56FE\u7247\u5143\u7D20
-- \`.feature-showcase__image--mobile\` - \u79FB\u52A8\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26
-- \`.feature-showcase__image--desktop\` - \u684C\u9762\u7AEF\u56FE\u7247\u4FEE\u9970\u7B26
-- \`.feature-showcase__content\` - \u5185\u5BB9\u8986\u76D6\u5C42
-- \`.feature-showcase__title\` - \u6807\u9898
-- \`.feature-showcase__description\` - \u63CF\u8FF0\u6587\u672C
-**\u793A\u4F8B CSS \u7528\u6CD5\uFF1A**
-\`\`\`css
-/* \u81EA\u5B9A\u4E49\u5361\u7247\u60AC\u505C\u6548\u679C */
-.feature-showcase__card:hover {
-  transform: scale(1.05);
-  transition: transform 0.3s ease;
-}
-/* \u81EA\u5B9A\u4E49\u5185\u5BB9\u8986\u76D6\u5C42\u80CC\u666F */
-.feature-showcase__content {
-  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
-}
-/* \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F */
-.feature-showcase__title {
-  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-}
-/* \u81EA\u5B9A\u4E49\u5217\u8868\u95F4\u8DDD */
-.feature-showcase__list {
-  gap: 24px;
-}
-\`\`\`
-        `}}}};
-//# sourceMappingURL=featureShowcase.stories.js.map