{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/OdfLXxrcpE8xEJm1JL1o/VOQrS2Lyd0vQxwaLnvXT/ProductCard_Item.js"],
  "sourcesContent": ["// \u4ECE \"framer\" \u5E93\u4E2D\u5BFC\u5165\u7528\u4E8E\u6DFB\u52A0\u5C5E\u6027\u63A7\u5236\u9762\u677F\u7684 addPropertyControls \u548C\u63A7\u5236\u7C7B\u578B ControlType\n// addPropertyControls \u53EF\u8BA9\u7EC4\u4EF6\u5728 Framer \u4E2D\u663E\u793A\u53EF\u914D\u7F6E\u7684\u5C5E\u6027\u9762\u677F\uFF0CControlType \u5B9A\u4E49\u4E0D\u540C\u7C7B\u578B\u7684\u63A7\u4EF6\uFF08\u5982\u56FE\u50CF\u3001\u6587\u672C\u3001\u6570\u5B57\u7B49\uFF09\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// \u4ECE \"react\" \u5E93\u4E2D\u5BFC\u5165 useState \u94A9\u5B50\uFF0C\u7528\u4E8E\u5728\u51FD\u6570\u7EC4\u4EF6\u4E2D\u5B9E\u73B0\u72B6\u6001\u7BA1\u7406\nimport{useState}from\"react\";// \u5B9A\u4E49\u540D\u4E3A ProductCard_Item \u7684\u51FD\u6570\u7EC4\u4EF6\uFF0C\u63A5\u6536\u89E3\u6784\u540E\u7684\u53C2\u6570\uFF0C\u53C2\u6570\u987A\u5E8F\u4E0E\u53F3\u4FA7\u9762\u677F\u914D\u7F6E\u987A\u5E8F\u4E00\u81F4\n// backgroundColor \u8BBE\u7F6E\u9ED8\u8BA4\u503C\u4E3A\u767D\u8272\uFF08#FFFFFF\uFF09\uFF0C\u786E\u4FDD\u672A\u9009\u62E9\u65F6\u663E\u793A\u9ED8\u8BA4\u80CC\u666F\u8272\nexport default function ProductCard_Item({imageUrl,title,slidesCount,price,productLink,currencySymbol,backgroundColor=\"#FFFFFF\"}){// \u4F7F\u7528 useState \u521D\u59CB\u5316\u4E24\u4E2A\u72B6\u6001\uFF1AhoverImage\uFF08\u56FE\u7247\u60AC\u505C\u72B6\u6001\uFF09\u548C hoverTitle\uFF08\u6807\u9898\u60AC\u505C\u72B6\u6001\uFF09\uFF0C\u521D\u59CB\u503C\u5747\u4E3A false\nconst[hoverImage,setHoverImage]=useState(false);const[hoverTitle,setHoverTitle]=useState(false);// \u5B9A\u4E49\u70B9\u51FB\u5904\u7406\u51FD\u6570\uFF1A\u82E5\u5B58\u5728\u8BE6\u60C5\u9875\u94FE\u63A5\uFF08productLink\uFF09\uFF0C\u5219\u5728\u65B0\u6807\u7B7E\u9875\u6253\u5F00\u94FE\u63A5\nconst handleClick=()=>{if(productLink){window.open(productLink,\"_blank\");}};// \u7EC4\u4EF6\u7684 JSX \u7ED3\u6784\uFF0C\u8FD4\u56DE\u5546\u54C1\u5361\u7247\u7684\u5E03\u5C40\nreturn /*#__PURE__*/_jsxs(\"div\",{// \u5408\u5E76 containerStyle \u6837\u5F0F\uFF0C\u5E76\u56FA\u5B9A\u5143\u7D20\u95F4\u8DDD\u4E3A 32px\uFF0C\u540C\u65F6\u5E94\u7528\u52A8\u6001\u80CC\u666F\u989C\u8272\nstyle:{...containerStyle,gap:\"32px\",backgroundColor},// \u9F20\u6807\u8FDB\u5165\u5361\u7247\u65F6\uFF0C\u8BBE\u7F6E hoverImage \u4E3A true\uFF08\u89E6\u53D1\u56FE\u7247\u7F29\u653E\u6548\u679C\uFF09\nonMouseEnter:()=>setHoverImage(true),// \u9F20\u6807\u79BB\u5F00\u5361\u7247\u65F6\uFF0C\u8BBE\u7F6E hoverImage \u4E3A false\uFF08\u6062\u590D\u56FE\u7247\u539F\u59CB\u5C3A\u5BF8\uFF09\nonMouseLeave:()=>setHoverImage(false),// \u70B9\u51FB\u5361\u7247\u65F6\uFF0C\u89E6\u53D1 handleClick \u51FD\u6570\nonClick:handleClick,children:[/*#__PURE__*/_jsx(\"img\",{src:imageUrl||\"https://picsum.photos/640/360\",// \u5408\u5E76 imageStyle \u6837\u5F0F\uFF0C\u6839\u636E hoverImage \u72B6\u6001\u52A8\u6001\u8BBE\u7F6E\u56FE\u7247\u7F29\u653E\nstyle:{...imageStyle,transform:hoverImage?\"scale(1.03)\":\"scale(1)\"},alt:\"\u5546\u54C1\u5C01\u9762\"// \u56FE\u7247\u66FF\u4EE3\u6587\u672C\uFF0C\u7528\u4E8E\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u65F6\u663E\u793A\n}),/*#__PURE__*/_jsxs(\"div\",{style:{...infoContainerStyle,gap:\"32px\"},children:[/*#__PURE__*/_jsxs(\"h2\",{style:{...titleStyle,color:hoverTitle?\"#FF6B42\":\"#333\",fontFamily:\"Poppins, -apple-system, BlinkMacSystemFont, sans-serif\",fontWeight:\"700\"},// \u9F20\u6807\u8FDB\u5165\u6807\u9898\u65F6\uFF0C\u8BBE\u7F6E hoverTitle \u4E3A true\uFF08\u89E6\u53D1\u989C\u8272\u53D8\u5316\uFF09\nonMouseEnter:()=>setHoverTitle(true),// \u9F20\u6807\u79BB\u5F00\u6807\u9898\u65F6\uFF0C\u8BBE\u7F6E hoverTitle \u4E3A false\uFF08\u6062\u590D\u539F\u59CB\u989C\u8272\uFF09\nonMouseLeave:()=>setHoverTitle(false),children:[title||\"\u5546\u54C1\u6807\u9898\",\" \"]}),/*#__PURE__*/_jsxs(\"div\",{style:priceContainerStyle,children:[/*#__PURE__*/_jsxs(\"div\",{style:{...labelContainerStyle},children:[/*#__PURE__*/_jsx(\"span\",{style:slidesCountStyle,children:slidesCount}),/*#__PURE__*/_jsx(\"span\",{style:slidesTextStyle,children:\" slides\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:priceWrapperStyle,children:[/*#__PURE__*/_jsxs(\"span\",{style:{...currencySymbolStyle,fontFamily:\"Rubik, system-ui, sans-serif\",fontWeight:\"500\"},children:[currencySymbol,\" \"]}),/*#__PURE__*/_jsxs(\"span\",{style:{...priceNumberStyle,fontFamily:\"Rubik, system-ui, sans-serif\",fontWeight:\"700\"},children:[price||\"0\",\" \"]})]})]})]})]});}/* ---------------------------------- \u6837\u5F0F\u5BF9\u8C61 --------------------------------- */// \u5546\u54C1\u5361\u7247\u5BB9\u5668\u6837\u5F0F\uFF1A\u5B9A\u4E49\u6574\u4F53\u5E03\u5C40\u3001\u95F4\u8DDD\u3001\u52A8\u753B\u7B49\nconst containerStyle={display:\"flex\",flexDirection:\"column\",padding:\"32px\",borderRadius:\"16px\",width:\"100%\",overflow:\"hidden\",cursor:\"pointer\",boxSizing:\"border-box\",transition:\"all 0.3s ease\"};// \u5C01\u9762\u56FE\u7247\u6837\u5F0F\uFF1A\u5B9A\u4E49\u56FE\u7247\u5C3A\u5BF8\u3001\u88C1\u526A\u3001\u52A8\u753B\u7B49\nconst imageStyle={width:\"100%\",height:\"auto\",borderRadius:\"8px\",aspectRatio:\"16 / 9\",objectFit:\"cover\",// \u56FE\u7247\u7F29\u653E\u8FC7\u6E21\u6548\u679C\uFF0C\u4F7F\u7528 cubic-bezier \u7F13\u52A8\u51FD\u6570\ntransition:\"transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)\",transformOrigin:\"center center\",willChange:\"transform\"};// \u5546\u54C1\u4FE1\u606F\u5BB9\u5668\u6837\u5F0F\uFF1A\u5782\u76F4\u5F39\u6027\u5E03\u5C40\uFF0C\u5360\u636E\u5269\u4F59\u7A7A\u95F4\nconst infoContainerStyle={display:\"flex\",flexDirection:\"column\",flex:1};// \u5546\u54C1\u6807\u9898\u6837\u5F0F\uFF1A\u5B9A\u4E49\u6587\u672C\u6392\u7248\u3001\u7701\u7565\u7B49\u6548\u679C\nconst titleStyle={margin:0,fontSize:\"20px\",lineHeight:1.25,display:\"-webkit-box\",WebkitLineClamp:2,WebkitBoxOrient:\"vertical\",overflow:\"hidden\",minHeight:\"50px\",transition:\"color 0.2s ease\"};// \u4EF7\u683C\u548C\u5E7B\u706F\u7247\u6570\u91CF\u5BB9\u5668\u6837\u5F0F\uFF1A\u5E95\u90E8\u5BF9\u9F50\uFF0C\u6C34\u5E73\u5206\u5E03\nconst priceContainerStyle={marginTop:\"auto\",display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\"};// \u4EF7\u683C\u4FE1\u606F\u5BB9\u5668\u6837\u5F0F\uFF1A\u6C34\u5E73\u6392\u5217\uFF0C\u57FA\u7EBF\u5BF9\u9F50\nconst priceWrapperStyle={display:\"flex\",alignItems:\"baseline\",gap:\"0px\"};// \u8D27\u5E01\u7B26\u53F7\u6837\u5F0F\uFF1A\u5B9A\u4E49\u5B57\u4F53\u5927\u5C0F\u3001\u989C\u8272\u3001\u4F4D\u7F6E\nconst currencySymbolStyle={fontSize:\"18px\",color:\"#FF6B42\",lineHeight:1,transform:\"translateY(-1px)\"};// \u5546\u54C1\u4EF7\u683C\u6837\u5F0F\uFF1A\u5B9A\u4E49\u5B57\u4F53\u5927\u5C0F\u3001\u989C\u8272\nconst priceNumberStyle={fontSize:\"24px\",color:\"#FF6B42\",lineHeight:1};// \u5E7B\u706F\u7247\u6570\u91CF\u4FE1\u606F\u5BB9\u5668\u6837\u5F0F\uFF1A\u5B9A\u4E49\u80CC\u666F\u3001\u6392\u7248\u3001\u52A8\u753B\nconst labelContainerStyle={display:\"flex\",alignItems:\"center\",backgroundColor:\"#333\",color:\"#fff\",borderRadius:\"20px\",padding:\"4px 12px\",fontSize:\"13px\",whiteSpace:\"nowrap\",letterSpacing:\"0.3px\",marginRight:\"auto\",transition:\"all 0.2s ease\",cursor:\"default\",gap:\"3px\"};// \u5E7B\u706F\u7247\u6570\u91CF\u6587\u672C\u6837\u5F0F\uFF1A\u5B9A\u4E49\u5B57\u4F53\u548C\u7C97\u7EC6\nconst slidesCountStyle={fontFamily:\"Rubik, system-ui, sans-serif\",fontWeight:\"800\"};// \"slides\" \u6587\u672C\u6837\u5F0F\uFF1A\u5B9A\u4E49\u5B57\u4F53\u548C\u7C97\u7EC6\nconst slidesTextStyle={fontFamily:\"Poppins, -apple-system, BlinkMacSystemFont, sans-serif\",fontWeight:\"500\"};/* ------------------------------ \u5C5E\u6027\u63A7\u5236\u9762\u677F\u914D\u7F6E ------------------------------ */// \u4E3A ProductCard_Item \u7EC4\u4EF6\u6DFB\u52A0\u5C5E\u6027\u63A7\u5236\u9762\u677F\uFF0C\u914D\u7F6E\u6BCF\u4E2A\u5C5E\u6027\u7684\u7C7B\u578B\u3001\u6807\u9898\u3001\u9ED8\u8BA4\u503C\u7B49\naddPropertyControls(ProductCard_Item,{// 1. \u5C01\u9762\u56FE\uFF1A\u4F7F\u7528\u56FE\u7247\u9009\u62E9\u63A7\u4EF6\uFF0C\u8BBE\u7F6E\u6807\u9898\u548C\u9ED8\u8BA4\u503C\nimageUrl:{type:ControlType.Image,title:\"\u5C01\u9762\u56FE\",defaultValue:\"https://picsum.photos/640/360\"},// 2. \u5546\u54C1\u6807\u9898\uFF1A\u4F7F\u7528\u6587\u672C\u8F93\u5165\u63A7\u4EF6\uFF0C\u8BBE\u7F6E\u6807\u9898\u548C\u9ED8\u8BA4\u503C\ntitle:{type:ControlType.String,title:\"\u5546\u54C1\u6807\u9898\",defaultValue:\"\u5546\u54C1\u540D\u79F0\"},// 3. PPT \u9875\u9762\u6570\u91CF\uFF1A\u4F7F\u7528\u6570\u5B57\u8F93\u5165\u63A7\u4EF6\uFF0C\u8BBE\u7F6E\u6807\u9898\u3001\u9ED8\u8BA4\u503C\u3001\u6700\u5C0F\u503C\uFF0C\u663E\u793A\u589E\u51CF\u6309\u94AE\nslidesCount:{type:ControlType.Number,title:\"PPT\u9875\u9762\u6570\u91CF\",defaultValue:60,min:0,displayStepper:true},// 4. \u4EF7\u683C\uFF1A\u4F7F\u7528\u6570\u5B57\u8F93\u5165\u63A7\u4EF6\uFF0C\u8BBE\u7F6E\u6807\u9898\u3001\u9ED8\u8BA4\u503C\u3001\u6700\u5C0F\u503C\uFF0C\u663E\u793A\u589E\u51CF\u6309\u94AE\nprice:{type:ControlType.Number,title:\"\u4EF7\u683C\",defaultValue:0,min:0,displayStepper:true},// 5. \u8BE6\u60C5\u9875\u94FE\u63A5\uFF1A\u4F7F\u7528\u6587\u672C\u8F93\u5165\u63A7\u4EF6\uFF0C\u8BBE\u7F6E\u6807\u9898\u548C\u5360\u4F4D\u7B26\nproductLink:{type:ControlType.String,title:\"\u8BE6\u60C5\u9875\u94FE\u63A5\",placeholder:\"https://example.com/product\"},// 6. \u8D27\u5E01\u7B26\u53F7\uFF1A\u4F7F\u7528\u679A\u4E3E\u9009\u62E9\u63A7\u4EF6\uFF0C\u8BBE\u7F6E\u6807\u9898\u3001\u9009\u9879\u3001\u9009\u9879\u663E\u793A\u540D\u548C\u9ED8\u8BA4\u503C\ncurrencySymbol:{type:ControlType.Enum,title:\"\u8D27\u5E01\u7B26\u53F7\",options:[\"\\xa5\",\"$\",\"\u20AC\",\"\\xa3\"],optionTitles:[\"\u4EBA\u6C11\u5E01\",\"\u7F8E\u5143\",\"\u6B27\u5143\",\"\u82F1\u9551\"],defaultValue:\"$\"},// 7. \u80CC\u666F\u989C\u8272\uFF1A\u4F7F\u7528\u679A\u4E3E\u9009\u62E9\u63A7\u4EF6\uFF0C\u8BBE\u7F6E\u6807\u9898\u3001\u9009\u9879\u3001\u9009\u9879\u663E\u793A\u540D\u548C\u9ED8\u8BA4\u503C\nbackgroundColor:{type:ControlType.Enum,title:\"\u80CC\u666F\u989C\u8272\",options:[\"#FFFFFF\",\"#F7F7F7\"],optionTitles:[\"\u767D\u8272\",\"\u7070\u8272\"],defaultValue:\"#FFFFFF\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProductCard_Item\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProductCard_Item.map"],
  "mappings": "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",
  "names": ["ProductCard_Item", "imageUrl", "title", "slidesCount", "price", "productLink", "currencySymbol", "backgroundColor", "hoverImage", "setHoverImage", "ye", "hoverTitle", "setHoverTitle", "handleClick", "window", "u", "containerStyle", "p", "imageStyle", "infoContainerStyle", "titleStyle", "priceContainerStyle", "labelContainerStyle", "slidesCountStyle", "slidesTextStyle", "priceWrapperStyle", "currencySymbolStyle", "priceNumberStyle", "addPropertyControls", "ControlType"]
}