\n {renderArticle(isVideo, article.content, currentClue)}\n
\n {renderBottom()}\n \n \n \n {title || ''}\n \n {\n // eslint-disable-next-line no-unused-expressions\n onCloseBtnClick?.()\n handleClose()\n }}\n >\n
\n ) : null}\n {!show && destroyOnClose ? null : children}\n \n \n \n
\n {linkWrapper(\n \n {ugcUserLink({ userId })(username)}\n
\n\n {year && carName ? (\n \n \n {(score / 100 || 0).toFixed(2)}\n \n 分\n \n \n \n ) : null}\n {scoreText ? (\n “{scoreText}”\n ) : null}\n
\n \n {`${year}款${carName}`}
\n ) : null}\n {score ? (\n\n
\n ) : null}\n \n \n {username ? (\n {username}：\n ) : null}\n
\n \n \n \n \n {curFollow ? null : (\n \n )}\n {curFollow ? '已关注' : '关注'}\n \n )}\n
\n \n {ugcUserLinkWrapper(\n
\n {!followVisible ||\n String(curUserId) === userId ||\n curUserId === userId ? null : (\n \n \n
\n )}\n \n
\n \n \n {username}\n \n {nameAppend}\n \n \n {medals?.map((item, index) => {\n return (\n \n \n )\n })}\n {levelIcon ? (\n
\n {textTags?.length ? (\n \n {textTags.map((item, index) => {\n return (\n \n {item}\n \n )\n })}\n
\n ) : null}\n \n {expanded ? (\n src || '') || []}\n activeIndex={activeIndex}\n onClick={toggleExpand}\n />\n ) : (\n
\n )}\n \n \n \n {imageList.map((item, index) => {\n return (\n = 5,\n '2xl:tw-block': index === 5,\n })}\n >\n {\n setActiveIndex(index)\n toggleExpand()\n }}\n />\n
\n )\n })}\n : ''}\n {children}\n \n )\n}\n\ninterface IReportButtonProps\n extends Omit
\n
\n )\n })}\n \n {inputVisible ? (\n \n {`举报${{ 1: '评论', 5: '内容', 11: '用户' }[objectType]}`}\n
\n \n {reportConfig[objectType]?.map((item) => {\n return (\n {\n setInputVisible(item.isCustom!)\n if (!item.isCustom) {\n setDescription('')\n }\n if (item.isLink) {\n window.open('https://www.toutiao.com/complain/')\n } else {\n setReportType(item.value!)\n }\n }}\n >\n \n {reportType === item.value ? (\n \n ) : null}\n
\n {item.text}\n {item.isLink ? (\n \n ) : null}\n \n {\n setVisible(false)\n }}\n >\n 取消\n \n \n 提交\n \n
\n \n \n \n \n {communityName ? (\n
\n \n {list.map((item: any) => {\n return (\n item?.fn(item?.status)}\n key={item?.text}\n style={{ display: 'block' }}\n >\n \n {item?.count ? formatNumber(item?.count) : ''}\n {item?.text}\n
\n )\n })}\n {shareContent ? (\n \n \n {item.des}\n \n
\n \n {item.title}\n
\n- \n {[...operations, ...(hasScore ? [score] : [])].map((item, index) => {\n return (\n
{item.title}
\n\n {item.des}\n
\n \n )\n })}\n\n {\n setQrcodeVisible(true)\n if (onShare) onShare('微信')\n }}\n >\n 微信\n \n {\n shareXLWB(props)\n if (onShare) onShare('微博')\n }}\n >\n 微博\n \n {\n shareQQZone(props)\n if (onShare) onShare('QQ空间')\n }}\n >\n QQ空间\n \n {\n shareQQ(props)\n if (onShare) onShare('QQ')\n }}\n >\n QQ\n \n
\n \n {\n if (autoCopyValue(url)) {\n Toast.show({\n text: '复制成功',\n })\n if (onCopySuccess) onCopySuccess()\n if (onShare) onShare('复制地址')\n }\n }}\n >\n 复制地址\n \n
\n \n \n {url}\n
\n \n 微信扫码分享到微信好友 或 朋友圈\n
\n \n \n \n {linkWrapper(\n \n {title}\n \n )}\n
\n ) : null}\n {content ? (\n \n
\n )\n}\n\ninterface IProps {\n avatar?: IUserProps['avatar'] // 用户头像 url\n userId?: IUserProps['userId'] // 用户id\n username?: IUserProps['username'] // 用户名\n userVerified?: IUserProps['userVerified'] // 用户认证\n verifyType?: IUserProps['verifyType'] // 用户认证类型\n medals?: IMedalProps[] // 徽章\n dynamicCount?: number // 动态数量\n essenceCount?: number // 精华数量\n diggCount?: number // 获赞数量\n followCount?: number // 评论数量\n followed?: boolean // 评论数量\n authDesc?: string // 认证信息\n authIcon?: string // 认证图标\n authWidth?: number // 认证图标\n authHeight?: number // 认证图标\n onClickUser?(): void\n onClickMore?(): void\n onClickContent?(text: string): void\n onClickFollow?(curStatus: boolean): void\n}\n\nconst UserDetail: React.FC{name}
\n ) : null}\n {desc ? (\n“{desc}”
\n ) : null}\n {time ? (\n\n {formatTime(time * 1000)}点亮\n
\n ) : null}\n\n \n {ugcUserLink({ userId, username })(username)}\n \n {authDesc ? (\n {\n setExpanded((prev) => !prev)\n if (onClickMore) onClickMore()\n }}\n >\n {expanded ? '收起徽章' : '更多徽章'}\n 6 ? '' : 'tw-mt-4'\n )}\n >\n {ugcUserLink({ userId })(\n
\n {userId && userId !== state.userData?.user_id ? (\n \n
- \n {medals.slice(0, expanded ? undefined : 6).map((item, index) => {\n return (\n
onClickContent?.('动态')}>\n
\n )}\n {ugcUserLink({ userId })(\n \n {dynamicCount}\n
\n动态
\n onClickContent?.('精华')}>\n
\n )}\n {ugcUserLink({ userId, tab: 'gzyh' })(\n \n {essenceCount}\n
\n精华
\n onClickContent?.('评论')}>\n
\n )}\n {ugcUserLink({ userId })(\n \n {followCount}\n
\n关注
\n onClickContent?.('获赞')}>\n
\n )}\n \n {diggCount}\n
\n获赞
\n\n
\n ) : (\n {children}
\n\n \n {cancelText || '取消'}\n \n \n {confirmText || '确认'}\n \n
\n \n 扫码下载懂车帝APP\n
\n\n \n
\n {children}
\n \n \n {hotHeaderLink({ herf, as })(\n 更多\n ) : null\n }\n >\n \n {`${\n !is_doudi ? motor_name?.replace(/(车友圈)$/g, '') || '' : ''\n }${title}`}\n \n \n )}\n \n
\n )\n}\nexport default HotHeader\n","import React from 'react'\nimport classNames from 'classnames'\nimport Stars from 'Components/stars'\nimport { Image, smallLogoLoading } from 'Components/view-image'\nimport formatNumber from '@arsenal/arsenal/modules/formatNumber'\nimport xss from 'xss'\nconst yellow_star_little = require('static/yellow-star-little.png')\nconst black_star_little = require('static/black-star-little.png')\n\ninterface IWrapperProps {\n index: number\n className?: string\n onClick?(): void\n}\n\nconst Wrapper: React.FC\n {texts.map(({ text, icon, iconUrl }, index) => {\n return (\n \n {iconUrl ? (\n \n {text}\n \n ) : (\n <>\n
\n )\n}\n\ninterface IHotTopicItemProps extends IWrapperProps {\n name?: string\n desc?: string\n coverUrl?: string\n readCount?: number\n joinCount?: number\n}\n\nexport const HotTopicItem: React.FC\n
\n \n
\n \n )\n}\n\ninterface IHotItemProps extends IWrapperProps {\n hasImage?: boolean\n hasVideo?: boolean\n content?: string\n score?: number\n scoreLevel?: string\n commentCount?: number\n commentText: string\n diggCount?: number\n carName?: string\n year?: string\n price?: string\n location?: string\n questionInfo?: {\n status: number\n status_display: string\n send_award: string\n award_icon_url: string\n }\n}\n\n// ugc 内容\nconst HotItem: React.FC{`# ${name}`}
\n\n {year && carName && scoreLevel ? (\n
\n \n \n {`${year}款 ${carName}`}\n \n
\n ) : null}\n \n 车主评分：\n \n {`${((Number(score) || 0) / 100).toFixed(2)}分`}\n \n
\n {price || location ? (\n \n
\n {`“${scoreLevel}”`}\n \n {price ? (\n
\n ) : null}\n \n 裸车价：\n {price}万\n
\n ) : null}\n {location ? (\n\n 购车地：\n {location}\n
\n ) : null}\n\n {hasVideo ? (\n
\n \n {title}\n {hasButton && (\n
\n \n
\n )}\n \n
\n\n \n
\n \n \n \n {name}车友圈\n
\n\n {formatNumber(fansCount)}车友活跃中\n
\n\n 进入车友圈\n \n
\n\n \n {Array.from({ length: itemCount }).map((item, index) => {\n return (\n \n handleChange(index, isIntersecting)\n }\n tag={itemTag}\n >\n {children({\n index,\n isCover: index === moreIndexes[0] - 1 && isActiveInMore,\n })}\n {index === moreIndexes[0] - 1 && isActiveInMore ? (\n \n {moreIndexes.length ? (\n \n renderMoreWrapper(moreIndexes.length)(\n \n {moreIndexes.map((item) => {\n return (\n \n {children({\n index:\n item === activeIndex ? moreIndexes[0] - 1 : item,\n isInMore: true,\n close,\n })}\n \n )\n })}\n \n )\n }\n onTipShow={handleTipShow}\n onTipClose={handleTipClose}\n >\n {renderMoreButton ||\n ((showTips) => (\n \n 更多\n
\n \n {children({ index: activeIndex })}\n
\n ) : null}\n \n )\n })}\n - \n {renderItem({ page: realCurPage - 1, key: 'prev' })(\n \n )}\n {renderItem({ page: 0 })()}\n {startPage > 1\n ? renderItem({\n page: Math.max(realCurPage - curPagerCount, 0),\n key: 'jump-prev',\n })(\n
\n 前往\n \n e.keyCode === 13 &&\n onJump?.(\n Math.min(\n maxPage + 1,\n Number((e.target as HTMLInputElement).value) || 1\n )\n )\n }\n onInput={(e) => {\n e.currentTarget.value = e.currentTarget.value.replace(/\\D/g, '')\n }}\n />\n 页\n
\n )}\n \n \n \n \n {grids.map((indexes, index) => {\n return (\n \n {indexes.map((index) => {\n const hidden = responsiveTypes.map(\n (d, i) => index >= counts[i]\n )\n const isHidden = hidden.every(Boolean)\n const isBlock = !hidden.some(Boolean)\n\n const needRender = visited[~~(index / screen)]\n\n return needRender ? (\n \n {children({ index, activeIndex })}\n \n ) : null\n })}\n \n )\n })}\n
\n \n \n \n
\n )\n}\n","import React, { useCallback } from 'react'\nimport CloseIcon from 'Components/close-icon'\n\nconst delete_icon = require('static/delete-icon.png')\nconst delete_icon_hover = require('static/trash-bin-hover.png')\ninterface IControllerCardProps {\n text: string\n icon: string\n name: string\n title: string\n children?: React.ReactNode\n showChildren?: boolean\n onClick?: (name: string) => void\n onDeleteAll: () => void\n onClose: () => void\n showDelete: boolean\n disabled?: boolean\n}\n\nexport default function ControllerCard(props: IControllerCardProps) {\n const {\n text,\n icon,\n name,\n title,\n children,\n showChildren = false,\n onClick,\n onClose,\n showDelete,\n onDeleteAll,\n disabled = false,\n } = props\n const handleClick = useCallback(() => {\n if (!disabled && onClick) {\n onClick(name)\n }\n }, [onClick])\n return (\n \n 还可以输入 \n {max_words - content.length}\n 字\n
\n\n \n \n
\n )\n}\n","import React, { SyntheticEvent, useCallback, useEffect, useState } from 'react'\nimport classNames from 'classnames'\n\nconst delete_red_icon = require('static/delete-red.png')\nconst upload_icon = require('static/upload-icon.png')\n\ninterface IImageUploader {\n onChange: (files: FileList | null) => void\n onDeleteItem: (index: number) => void\n imgList: (string | ArrayBuffer | null)[]\n}\n\nexport default function ImageUploader(props: IImageUploader) {\n const { onChange, onDeleteItem, imgList } = props\n\n const handleChooseImg = useCallback(\n (eve: React.ChangeEvent\n 
\n {text}\n {showDelete && (\n {\n e.stopPropagation()\n e.preventDefault()\n onDeleteAll()\n }}\n />\n )}\n {name === 'video' && (\n
\n {showChildren && (\n 支持3s-60s
\n )}\n \n
\n )}\n \n {title}
\n {children}\n\n
\n )\n}\n","import React, { useCallback, useRef } from 'react'\nimport Button from 'Components/button'\nimport classNames from 'classnames'\n\ninterface IVideoUploader {\n onChange: (file: File | undefined) => void\n videoFile: File | undefined\n onConfirmUpload: () => void\n saved: boolean\n loading: boolean\n errMsg: string\n}\n\nexport default function VideoUploader(props: IVideoUploader) {\n const { onChange, videoFile, onConfirmUpload, saved, errMsg, loading } = props\n const inputRef = useRef\n 已上传 {imgList.length}\n 张，最多上传9张\n
\n\n\n {imgList.map((img, index) => (\n \n onDeleteItem(index)}\n className=\"delete-red-icon\"\n />\n \n ))}\n {imgList.length < 9 && (\n
\n\n \n \n
\n )}\n \n
\n )\n}\n","export const getKey = (type: string, activeNow: string) => {\n switch (activeNow) {\n case 'picture':\n return `${type}_FOR_PICTURE`\n case 'video':\n return `${type}_FOR_VIDEO`\n case 'qa':\n return `${type}_FOR_QA`\n default:\n throw new Error('unknown active index')\n }\n}\n","import getUrl from 'lib/url'\nimport fetch from 'lib/decorated-fetch'\n// 获取车品牌信息\nconst getBrandInfo = async () => {\n try {\n const json = await fetch(\n getUrl(\n '/motor/brand/v4/brand/?hot_brand=0&no_sales=1&is_config=0&version_code=476&version_name=4.7.6'\n )\n )\n return json.data?.filter((item: any) => item.type === '1001')\n } catch (error) {\n console.error(error)\n return []\n }\n}\n\nexport default getBrandInfo\n","import getUrl from 'lib/url'\nimport { stringify } from 'querystring'\nimport fetch from 'lib/decorated-fetch'\n\ninterface Params {\n type: '1' | '2'\n brand_id: string\n query: string\n series_id: string\n}\n\nconst getCarFansOptions = async ({\n type,\n brand_id = '',\n query = '',\n series_id = '',\n}: Params) => {\n const params = {\n query,\n brand_id,\n series_id,\n count: 100,\n offset: 0,\n type,\n }\n try {\n const json = await fetch(\n getUrl(\n `/motor/cheyou_community/api/get_community_by_name/?${stringify(\n params\n )}`\n ),\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json;charset=utf-8',\n },\n body: stringify(params),\n }\n )\n return json.data?.hits\n } catch (error) {\n console.error('获取车友圈失败', error)\n return []\n }\n}\n\nexport default getCarFansOptions\n","import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport TextField from '@material-ui/core/TextField'\nimport Autocomplete from '@material-ui/lab/Autocomplete'\nimport Button from 'Components/button'\nexport interface CommunitySelectorStates {\n type: '1' | '2'\n form: {\n brand_id: string\n query: string\n series_id: string\n }\n params: {\n series_id: string\n motor_id: string\n motor_name: string\n }\n}\ninterface ICommunitySelector {\n onCommunityTypeChange: (v: '1' | '2') => void\n onBrandChange: (v: string | null) => void\n onCommunityChange: (v: string | null) => void\n brandList: any[]\n carFansOptions: any[]\n onCancel: () => void\n onConfirm: () => void\n communityValue: string | undefined\n states: CommunitySelectorStates\n defaultCommunity?: {\n series_id: string\n series_name: string\n }\n}\n//const { Option } = Select\nexport default function CommunitySelector(props: ICommunitySelector) {\n const {\n onCommunityTypeChange,\n onBrandChange,\n onCommunityChange,\n communityValue,\n onCancel,\n onConfirm,\n states,\n brandList,\n carFansOptions,\n } = props\n const {\n type,\n form: { brand_id, query },\n params: { series_id, motor_id, motor_name },\n } = states\n const [brandInputValue, setBrandInputValue] = useState('')\n const [communityInputValue, setCommunityInputValue] = useState('')\n const brand_value = useMemo(() => {\n const the_brand = brandList?.find(\n e => e?.info?.brand_id === Number(brand_id)\n )\n const { brand_name, brand_id: bid } = the_brand?.info || {}\n if (brand_name && bid) {\n return `${brand_name}_${bid}`\n }\n }, [brandList, brand_id])\n\n useEffect(() => {\n if (!communityValue) {\n setCommunityInputValue('')\n return\n }\n setCommunityInputValue(communityValue.split('_')[0])\n }, [communityValue])\n useEffect(() => {\n if (!brand_value) {\n setBrandInputValue('')\n return\n }\n setBrandInputValue(brand_value.split('_')[0])\n }, [brand_value])\n\n const brandOptions = useMemo(() => {\n return brandList\n .filter(item => !!item.info?.brand_id)\n .map(item => `${item.info.brand_name}_${item.info.brand_id}`)\n }, [brandList])\n\n const renderBrands = useCallback((option: string) => {\n const name = option?.split('_')\n if (name) {\n name.splice(-1)\n }\n return name?.join('')\n }, [])\n\n const communityOptions = useMemo(() => {\n return carFansOptions.map(\n ({ motor_id, name, series_id }) => `${name}_${series_id}_${motor_id}`\n )\n }, [carFansOptions])\n\n const renderCommunities = useCallback((option: string) => {\n const name = option?.split('_')\n if (name) {\n name.splice(-2)\n }\n return name?.join('')\n }, [])\n return (\n <>\n \n {!videoFile ? (\n 视频文件\n ) : (\n
\n {videoFile?.name}
\n )}\n{errMsg}
\n\n {saved || errMsg !== '' ? (\n \n 重新上传\n \n ) : (\n \n 确认上传\n \n )}\n
\n \n \n
\n \n \n )\n}\n","import React, {\n SyntheticEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\nimport moment, { Moment } from 'moment'\nimport classnames from 'classnames'\nconst clock = require('static/clock@3x.png')\n\ninterface ITimeColumn {\n type: 'minute' | 'second' | 'hour'\n reverse?: boolean\n active?: number\n onSelect: (type: 'hour' | 'minute' | 'second', value: number) => void\n filtered: number[]\n}\n\nexport interface ITime {\n hour: number\n minute: number\n second: number\n}\n\ninterface ITimePicker {\n value: Moment\n onChange: (t: ITime) => void\n className?: string\n momentIsSelected: boolean\n}\n\nconst hours: number[] = []\nconst minutes: number[] = []\nconst seconds: number[] = []\nfor (let i = 0; i <= 59; i++) {\n if (i <= 23) {\n hours.push(i)\n }\n minutes.push(i)\n seconds.push(i)\n}\n\nconst TimeColumn = (props: ITimeColumn) => {\n const { type, reverse = false, active, onSelect, filtered } = props\n\n const collectionRef = useRef\n onCommunityTypeChange(value as '1' | '2')}\n options={['1', '2']}\n getOptionLabel={option => {\n switch (option) {\n case '1':\n return '车系圈子'\n\n case '2':\n return '其他圈子'\n\n default:\n return ''\n }\n }}\n renderOption={option => {\n switch (option) {\n case '1':\n return '车系圈子'\n\n case '2':\n return '其他圈子'\n\n default:\n return ''\n }\n }}\n renderInput={params => (\n
\n {type === '1' && (\n 选择圈子
\n \n {\n onBrandChange(value)\n }}\n onInputChange={(e, value) => {\n setBrandInputValue(value)\n }}\n options={brandOptions}\n getOptionLabel={renderBrands}\n renderOption={renderBrands}\n renderInput={params => (\n
\n )}\n 选择品牌
\n \n {\n onCommunityChange(value)\n }}\n onInputChange={(e, value) => {\n setCommunityInputValue(value)\n }}\n inputValue={communityInputValue}\n options={communityOptions}\n getOptionLabel={renderCommunities}\n renderOption={renderCommunities}\n renderInput={params => (\n
\n 选择车友圈
\n \n \n \n 确认\n \n
\n \n
\n )\n}\n\nexport default function TimePicker(props: ITimePicker) {\n const { value, onChange, momentIsSelected } = props\n const [hour, setHour] = useState- \n {collection.map((item, index) => (\n
\n \n \n\n 
\n
\n {open && (\n \n \n {\n setIsOpen(false)\n onDateChange(m || undefined)\n }}\n inputVariant=\"outlined\"\n variant=\"inline\"\n disableToolbar={true}\n disablePast={true}\n allowKeyboardControl={false}\n format=\"YYYY-MM-DD\"\n emptyLabel={moment().format('YYYY-MM-DD')}\n orientation=\"landscape\"\n keyboardIcon={
}\n KeyboardButtonProps={{\n onFocus: e => {\n setIsOpen(true)\n },\n }}\n PopoverProps={{\n disableRestoreFocus: true,\n onClose: () => {\n setIsOpen(false)\n },\n }}\n InputProps={{\n onFocus: () => {\n setIsOpen(true)\n },\n }}\n open={isOpen}\n />\n \n
\n\n \n \n \n
\n \n \n )\n}\n","import React, { SyntheticEvent, useCallback, useEffect, useState } from 'react'\nimport Loading from 'Components/loading'\nimport Button from 'Components/button'\n\ninterface ITopicSelector {\n chooseTopic: (t: ITopic) => void\n inputValue: string\n onChange: (e: SyntheticEvent) => void\n topicState: {\n topicList: ITopic[]\n loaded: boolean\n keyword: string\n }\n}\n\nexport interface ITopic {\n name: string\n user_count: number\n intro: string\n}\nexport default function TopicSelector(props: ITopicSelector) {\n const { chooseTopic, inputValue, onChange, topicState } = props\n\n const { topicList, loaded } = topicState\n return (\n \n
\n ))}\n {loaded ? (\n !topicList.length ? (\n \n
\n - \n {topicList?.map((item, index) => (\n
\n {item.name}\n {item.user_count}人参与话题\n
\n{item.intro}
\n未找到你想要的话题
\n ) : null\n ) : (\n\n
\n )\n}\n","import React, {\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from 'react'\nimport BubbleNav from 'Components/bubble-navigation'\nimport TextArea from './TextArea'\nimport Controller, { IPublishProps } from 'Components/publisher/controller'\nimport { getKey } from 'lib/get-key'\nimport Toast from 'Components/toast-messager'\nimport { stringify } from 'querystring'\nimport {\n DELAY_PUBLISH_PICTURE_API,\n DELAY_PUBLISH_VIDEO_API,\n PUBLISH_PICTURE_API,\n PUBLISH_VIDEO_API,\n} from 'Constants/community-api'\nimport useCache from 'Components/hooks/use-cache-store'\nimport { GlobalStoreContext } from 'Components/store'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport fetch from 'lib/decorated-fetch'\nimport { aid } from 'Constants/index'\n\nconst go_to_detail_icon = require('static/go-to-detail.png')\n\nexport interface IPB extends IPublishProps {\n type: string\n content: string\n gid: string\n user_id?: string\n}\n\nexport type PublishType = 'video' | 'qa' | 'picture'\n\ninterface IPublisher {\n onPublish: (p: IPB) => void\n defaultCommunity?: {\n series_id: string\n series_name: string\n }\n defaultTopic?: {\n id: number | string\n name: string\n }\n tabs?: Array<{\n key: PublishType | 'long'\n value: ReactNode\n }>\n defaultTab?: string\n}\n\nconst handleClick = (e: React.MouseEvent) => {\n e.stopPropagation()\n e.nativeEvent.stopImmediatePropagation()\n}\n\nconst LongArticleNavItem = () => (\n {shownComponents}
\n \n \n 确认发布\n \n
\n\n \n \n
\n )\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport styleModule from './swiper-button2.module.scss'\n\ninterface IProps {\n type?: 'prev' | 'next'\n className?: string\n clkTeaParams?: string\n style?: React.CSSProperties\n onClick?: () => void\n}\n\nconst SwiperButton2 = React.forwardRef\n
\n \n {content === '' ? (\n <>\n 3s \n 自动保存\n \n ) : saving ? (\n '保存中...'\n ) : (\n '已保存'\n )}\n
\n \n {imgList.map((e, index) => (\n {\n e.preventDefault()\n e.stopPropagation()\n onClick && onClick(index)\n }}\n >\n
\n ))}\n \n \n ) : null\n}\n\nexport function isAdjacent(\n index: number,\n target: number,\n length: number,\n offset = 1\n) {\n return (\n Math.abs(index - target) <= offset ||\n Math.abs(index + length - target) <= offset ||\n Math.abs(index - length - target) <= offset\n )\n}\n\nconst ImageViewer = (props: IVProps) => {\n const { imgList = [], activeIndex = 0, onClick } = props\n const [indexNow, setIndexNow] = useState(activeIndex)\n const [swiper, setSwiper] = useState\n
\n ) : null\n}\n\nexport default ImageViewer\n","interface IArticleContent {\n [props: number]: {\n value: string\n label?: string\n schemaPath?: string\n jumpPrefix?: string\n }\n}\n\nconst PREFIX_ARTICLE = '/article'\nconst PREFIX_VIDEO = '/video'\nconst PREFIX_KOUBEI = '/koubei'\nconst PREFIX_UGC_ARTICLE = '/ugc/article'\n\nconst ARTICLE_CONTENT_TYPE: IArticleContent = {\n 0: {\n value: 'unknown',\n jumpPrefix: PREFIX_ARTICLE,\n },\n 1: {\n value: 'pgc_article',\n jumpPrefix: PREFIX_ARTICLE,\n },\n 2: {\n value: 'pgc_video',\n jumpPrefix: PREFIX_VIDEO,\n },\n 3: {\n value: 'pgc_artivideo',\n jumpPrefix: PREFIX_ARTICLE,\n },\n 4: {\n value: 'pgc_article',\n jumpPrefix: PREFIX_ARTICLE,\n },\n 5: {\n value: 'ugc_text',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n 6: {\n value: 'ugc_video',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n 7: {\n value: 'ugc_article',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n 8: {\n value: 'ugc_qa',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n 9: {\n value: 'ugc_long_article',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n 10: {\n value: 'ugc_vote',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n 11: {\n value: 'ugc_transmit',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n 12: {\n value: 'long_reputation',\n jumpPrefix: PREFIX_KOUBEI,\n },\n 13: {\n value: 'reputation',\n jumpPrefix: PREFIX_KOUBEI,\n },\n 14: {\n value: 'car_review',\n jumpPrefix: PREFIX_UGC_ARTICLE,\n },\n}\n\nexport default ARTICLE_CONTENT_TYPE\n","export const PUBLISH_PICTURE_API = '/motor/discuss_ugc/cheyou_publish_forum/v2/'\nexport const PUBLISH_VIDEO_API = '/motor/content_publish/publish_video/v1'\nexport const PUBLISH_POST_API = '/motor/discuss_ugc/publish_essay/v1/'\nexport const DELAY_PUBLISH_PICTURE_API =\n '/motor/discuss_ugc/timed/publish_forum'\nexport const DELAY_PUBLISH_VIDEO_API = '/motor/discuss_ugc/timed/publish_video'\nexport const DELAY_PUBLISH_POST_API = '/motor/discuss_ugc/timed/publish_essay'\nexport const CANCEL_DELAY_PUBLISH_API = '/motor/discuss_ugc/timed/finished'\n\nexport const GET_NORMAL_AUTH_API = '/motor/car_user/v1/get_normal_auth/'\nexport const GET_FEED_LIST_API = '/motor/profile/m/get_news'\nexport const GET_DELAY_LIST_API = '/motor/discuss_ugc/timed/publish_list'\n\nexport const DELETE_FEED_API = '/motor/discuss_ugc/cheyou_delete_forum/v2/'\nexport const DELETE_VIDEO_API = '/motor/discuss_ugc/delete_video/v1/'\n","/* eslint-disable */\n\nimport { replace } from 'New/article-detail/components/content'\nexport const emojiResourceList = {\n '[微笑]': {\n index: 1,\n name: '[微笑]',\n image: 'emoji_1_smile@3x.png',\n key: 'emoji_1_smile@3x.png',\n width: 96,\n height: 96,\n },\n '[爱慕]': {\n index: 2,\n name: '[爱慕]',\n image: 'emoji_2_kiss@3x.png',\n key: 'emoji_2_kiss@3x.png',\n width: 96,\n height: 96,\n },\n '[惊呆]': {\n index: 3,\n name: '[惊呆]',\n image: 'emoji_3_daze@3x.png',\n key: 'emoji_3_daze@3x.png',\n width: 96,\n height: 96,\n },\n '[酷拽]': {\n index: 4,\n name: '[酷拽]',\n image: 'emoji_4_smoke@3x.png',\n key: 'emoji_4_smoke@3x.png',\n width: 96,\n height: 96,\n },\n '[抠鼻]': {\n index: 5,\n name: '[抠鼻]',\n image: 'emoji_5_pick_nose@3x.png',\n key: 'emoji_5_pick_nose@3x.png',\n width: 96,\n height: 96,\n },\n '[流泪]': {\n index: 6,\n name: '[流泪]',\n image: 'emoji_6_cry@3x.png',\n key: 'emoji_6_cry@3x.png',\n width: 96,\n height: 96,\n },\n '[发怒]': {\n index: 7,\n name: '[发怒]',\n image: 'emoji_7_anger@3x.png',\n key: 'emoji_7_anger@3x.png',\n width: 96,\n height: 96,\n },\n '[呲牙]': {\n index: 8,\n name: '[呲牙]',\n image: 'emoji_8_laugh@3x.png',\n key: 'emoji_8_laugh@3x.png',\n width: 96,\n height: 96,\n },\n '[鼾睡]': {\n index: 9,\n name: '[鼾睡]',\n image: 'emoji_9_sleep@3x.png',\n key: 'emoji_9_sleep@3x.png',\n width: 96,\n height: 96,\n },\n '[害羞]': {\n index: 10,\n name: '[害羞]',\n image: 'emoji_10_shy@3x.png',\n key: 'emoji_10_shy@3x.png',\n width: 96,\n height: 96,\n },\n '[可爱]': {\n index: 11,\n name: '[可爱]',\n image: 'emoji_11_naughty@3x.png',\n key: 'emoji_11_naughty@3x.png',\n width: 102,\n height: 96,\n },\n '[晕]': {\n index: 12,\n name: '[晕]',\n image: 'emoji_12_dizzy@3x.png',\n key: 'emoji_12_dizzy@3x.png',\n width: 96,\n height: 96,\n },\n '[衰]': {\n index: 13,\n name: '[衰]',\n image: 'emoji_13_stunned@3x.png',\n key: 'emoji_13_stunned@3x.png',\n width: 96,\n height: 96,\n },\n '[闭嘴]': {\n index: 14,\n name: '[闭嘴]',\n image: 'emoji_14_shut_up@3x.png',\n key: 'emoji_14_shut_up@3x.png',\n width: 96,\n height: 96,\n },\n '[机智]': {\n index: 15,\n name: '[机智]',\n image: 'emoji_15_wit@3x.png',\n key: 'emoji_15_wit@3x.png',\n width: 96,\n height: 96,\n },\n '[来看我]': {\n index: 16,\n name: '[来看我]',\n image: 'emoji_16_attention@3x.png',\n key: 'emoji_16_attention@3x.png',\n width: 108,\n height: 96,\n },\n '[灵光一闪]': {\n index: 17,\n name: '[灵光一闪]',\n image: 'emoji_17_hand_sample@3x.png',\n key: 'emoji_17_hand_sample@3x.png',\n width: 102,\n height: 96,\n },\n '[耶]': {\n index: 18,\n name: '[耶]',\n image: 'emoji_18_ye@3x.png',\n key: 'emoji_18_ye@3x.png',\n width: 99,\n height: 96,\n },\n '[捂脸]': {\n index: 19,\n name: '[捂脸]',\n image: 'emoji_19_distress_situation@3x.png',\n key: 'emoji_19_distress_situation@3x.png',\n width: 96,\n height: 96,\n },\n '[打脸]': {\n index: 20,\n name: '[打脸]',\n image: 'emoji_20_play_face@3x.png',\n key: 'emoji_20_play_face@3x.png',\n width: 102,\n height: 96,\n },\n '[大笑]': {\n index: 21,\n name: '[大笑]',\n image: 'emoji_21_smile@3x.png',\n key: 'emoji_21_smile@3x.png',\n width: 96,\n height: 96,\n },\n '[哈欠]': {\n index: 22,\n name: '[哈欠]',\n image: 'emoji_22_yawn@3x.png',\n key: 'emoji_22_yawn@3x.png',\n width: 96,\n height: 96,\n },\n '[震惊]': {\n index: 23,\n name: '[震惊]',\n image: 'emoji_23_surprise@3x.png',\n key: 'emoji_23_surprise@3x.png',\n width: 96,\n height: 96,\n },\n '[送心]': {\n index: 24,\n name: '[送心]',\n image: 'emoji_24_take_heart@3x.png',\n key: 'emoji_24_take_heart@3x.png',\n width: 96,\n height: 96,\n },\n '[困]': {\n index: 25,\n name: '[困]',\n image: 'emoji_25_sleepy@3x.png',\n key: 'emoji_25_sleepy@3x.png',\n width: 96,\n height: 96,\n },\n '[what]': {\n index: 26,\n name: '[what]',\n image: 'emoji_26_what@3x.png',\n key: 'emoji_26_what@3x.png',\n width: 105,\n height: 96,\n },\n '[泣不成声]': {\n index: 27,\n name: '[泣不成声]',\n image: 'emoji_27_sobbing@3x.png',\n key: 'emoji_27_sobbing@3x.png',\n width: 96,\n height: 96,\n },\n '[小鼓掌]': {\n index: 28,\n name: '[小鼓掌]',\n image: 'emoji_28_handclap@3x.png',\n key: 'emoji_28_handclap@3x.png',\n width: 96,\n height: 96,\n },\n '[酷]': {\n index: 29,\n name: '[酷]',\n image: 'emoji_29_cool@3x.png',\n key: 'emoji_29_cool@3x.png',\n width: 96,\n height: 96,\n },\n '[大金牙]': {\n index: 29,\n name: '[大金牙]',\n image: 'emoji_29_cool@3x.png',\n key: 'emoji_29_cool@3x.png',\n width: 96,\n height: 96,\n },\n '[偷笑]': {\n index: 30,\n name: '[偷笑]',\n image: 'emoji_30_titter@3x.png',\n key: 'emoji_30_titter@3x.png',\n width: 96,\n height: 96,\n },\n '[石化]': {\n index: 31,\n name: '[石化]',\n image: 'emoji_31_lightning_strike@3x.png',\n key: 'emoji_31_lightning_strike@3x.png',\n width: 96,\n height: 96,\n },\n '[思考]': {\n index: 32,\n name: '[思考]',\n image: 'emoji_32_meditation@3x.png',\n key: 'emoji_32_meditation@3x.png',\n width: 96,\n height: 96,\n },\n '[吐血]': {\n index: 33,\n name: '[吐血]',\n image: 'emoji_33_vomiting_blood@3x.png',\n key: 'emoji_33_vomiting_blood@3x.png',\n width: 96,\n height: 96,\n },\n '[可怜]': {\n index: 34,\n name: '[可怜]',\n image: 'emoji_34_acting_cute@3x.png',\n key: 'emoji_34_acting_cute@3x.png',\n width: 96,\n height: 96,\n },\n '[嘘]': {\n index: 35,\n name: '[嘘]',\n image: 'emoji_35_quietly@3x.png',\n key: 'emoji_35_quietly@3x.png',\n width: 96,\n height: 96,\n },\n '[撇嘴]': {\n index: 36,\n name: '[撇嘴]',\n image: 'emoji_36_hum@3x.png',\n key: 'emoji_36_hum@3x.png',\n width: 96,\n height: 96,\n },\n '[黑线]': {\n index: 37,\n name: '[黑线]',\n image: 'emoji_37_khan@3x.png',\n key: 'emoji_37_khan@3x.png',\n width: 96,\n height: 96,\n },\n '[笑哭]': {\n index: 38,\n name: '[笑哭]',\n image: 'emoji_38_forced_smile@3x.png',\n key: 'emoji_38_forced_smile@3x.png',\n width: 111,\n height: 96,\n },\n '[雾霾]': {\n index: 39,\n name: '[雾霾]',\n image: 'emoji_39_haze@3x.png',\n key: 'emoji_39_haze@3x.png',\n width: 96,\n height: 96,\n },\n '[奸笑]': {\n index: 40,\n name: '[奸笑]',\n image: 'emoji_40_smirk@3x.png',\n key: 'emoji_40_smirk@3x.png',\n width: 96,\n height: 96,\n },\n '[得意]': {\n index: 41,\n name: '[得意]',\n image: 'emoji_41_cool@3x.png',\n key: 'emoji_41_cool@3x.png',\n width: 96,\n height: 96,\n },\n '[憨笑]': {\n index: 42,\n name: '[憨笑]',\n image: 'emoji_42_bad_smile@3x.png',\n key: 'emoji_42_bad_smile@3x.png',\n width: 96,\n height: 96,\n },\n '[抓狂]': {\n index: 43,\n name: '[抓狂]',\n image: 'emoji_43_crazy@3x.png',\n key: 'emoji_43_crazy@3x.png',\n width: 96,\n height: 96,\n },\n '[泪奔]': {\n index: 44,\n name: '[泪奔]',\n image: 'emoji_44_tears@3x.png',\n key: 'emoji_44_tears@3x.png',\n width: 96,\n height: 96,\n },\n '[钱]': {\n index: 45,\n name: '[钱]',\n image: 'emoji_45_money@3x.png',\n key: 'emoji_45_money@3x.png',\n width: 96,\n height: 96,\n },\n '[吻]': {\n index: 46,\n name: '[吻]',\n image: 'emoji_46_kiss@3x.png',\n key: 'emoji_46_kiss@3x.png',\n width: 96,\n height: 96,\n },\n '[恐惧]': {\n index: 47,\n name: '[恐惧]',\n image: 'emoji_47_fear@3x.png',\n key: 'emoji_47_fear@3x.png',\n width: 96,\n height: 96,\n },\n '[笑]': {\n index: 48,\n name: '[笑]',\n image: 'emoji_48_smile@3x.png',\n key: 'emoji_48_smile@3x.png',\n width: 96,\n height: 96,\n },\n '[快哭了]': {\n index: 49,\n name: '[快哭了]',\n image: 'emoji_49_injustice@3x.png',\n key: 'emoji_49_injustice@3x.png',\n width: 96,\n height: 96,\n },\n '[翻白眼]': {\n index: 50,\n name: '[翻白眼]',\n image: 'emoji_50_their@3x.png',\n key: 'emoji_50_their@3x.png',\n width: 96,\n height: 96,\n },\n '[互粉]': {\n index: 51,\n name: '[互粉]',\n image: 'emoji_51_focus@3x.png',\n key: 'emoji_51_focus@3x.png',\n width: 96,\n height: 96,\n },\n '[赞]': {\n index: 52,\n name: '[赞]',\n image: 'emoji_52_like@3x.png',\n key: 'emoji_52_like@3x.png',\n width: 96,\n height: 96,\n },\n '[鼓掌]': {\n index: 53,\n name: '[鼓掌]',\n image: 'emoji_53_handclap@3x.png',\n key: 'emoji_53_handclap@3x.png',\n width: 96,\n height: 96,\n },\n '[谢谢]': {\n index: 54,\n name: '[谢谢]',\n image: 'emoji_54_3Q@3x.png',\n key: 'emoji_54_3Q@3x.png',\n width: 96,\n height: 96,\n },\n '[祈祷]': {\n index: 54,\n name: '[祈祷]',\n image: 'emoji_54_3Q@3x.png',\n key: 'emoji_54_3Q@3x.png',\n width: 96,\n height: 96,\n },\n '[kiss]': {\n index: 55,\n name: '[kiss]',\n image: 'emoji_55_kiss@3x.png',\n key: 'emoji_55_kiss@3x.png',\n width: 96,\n height: 96,\n },\n '[去污粉]': {\n index: 56,\n name: '[去污粉]',\n image: 'emoji_56_household_cleanser@3x.png',\n key: 'emoji_56_household_cleanser@3x.png',\n width: 96,\n height: 96,\n },\n '[666]': {\n index: 57,\n name: '[666]',\n image: 'emoji_57_666@3x.png',\n key: 'emoji_57_666@3x.png',\n width: 96,\n height: 96,\n },\n '[玫瑰]': {\n index: 58,\n name: '[玫瑰]',\n image: 'emoji_58_rose@3x.png',\n key: 'emoji_58_rose@3x.png',\n width: 96,\n height: 96,\n },\n '[胡瓜]': {\n index: 59,\n name: '[胡瓜]',\n image: 'emoji_59_cucumber@3x.png',\n key: 'emoji_59_cucumber@3x.png',\n width: 96,\n height: 96,\n },\n '[啤酒]': {\n index: 60,\n name: '[啤酒]',\n image: 'emoji_60_beer@3x.png',\n key: 'emoji_60_beer@3x.png',\n width: 96,\n height: 96,\n },\n '[我想静静]': {\n index: 61,\n name: '[我想静静]',\n image: 'emoji_61_distress_situation@3x.png',\n key: 'emoji_61_distress_situation@3x.png',\n width: 105,\n height: 96,\n },\n '[委屈]': {\n index: 62,\n name: '[委屈]',\n image: 'emoji_62_injustice@3x.png',\n key: 'emoji_62_injustice@3x.png',\n width: 96,\n height: 96,\n },\n '[舔屏]': {\n index: 63,\n name: '[舔屏]',\n image: 'emoji_63_lick_screen@3x.png',\n key: 'emoji_63_lick_screen@3x.png',\n width: 96,\n height: 96,\n },\n '[鄙视]': {\n index: 64,\n name: '[鄙视]',\n image: 'emoji_64_despise@3x.png',\n key: 'emoji_64_despise@3x.png',\n width: 96,\n height: 96,\n },\n '[飞吻]': {\n index: 65,\n name: '[飞吻]',\n image: 'emoji_65_kiss@3x.png',\n key: 'emoji_65_kiss@3x.png',\n width: 96,\n height: 96,\n },\n '[再见]': {\n index: 66,\n name: '[再见]',\n image: 'emoji_66_bye@3x.png',\n key: 'emoji_66_bye@3x.png',\n width: 96,\n height: 96,\n },\n '[紫薇别走]': {\n index: 67,\n name: '[紫薇别走]',\n image: 'emoji_67_erkang@3x.png',\n key: 'emoji_67_erkang@3x.png',\n width: 108,\n height: 96,\n },\n '[求抱抱]': {\n index: 68,\n name: '[求抱抱]',\n image: 'emoji_68_hug@3x.png',\n key: 'emoji_68_hug@3x.png',\n width: 108,\n height: 96,\n },\n '[听歌]': {\n index: 69,\n name: '[听歌]',\n image: 'emoji_69_hitler@3x.png',\n key: 'emoji_69_hitler@3x.png',\n width: 96,\n height: 96,\n },\n '[周冬雨的凝视]': {\n index: 70,\n name: '[周冬雨的凝视]',\n image: 'emoji_70_zhoudongyu_gaze@3x.png',\n key: 'emoji_70_zhoudongyu_gaze@3x.png',\n width: 96,\n height: 96,\n },\n '[马思纯的微笑]': {\n index: 71,\n name: '[马思纯的微笑]',\n image: 'emoji_71_masichun_smile@3x.png',\n key: 'emoji_71_masichun_smile@3x.png',\n width: 96,\n height: 96,\n },\n '[吐舌]': {\n index: 72,\n name: '[吐舌]',\n image: 'emoji_72_dogo@3x.png',\n key: 'emoji_72_dogo@3x.png',\n width: 96,\n height: 96,\n },\n '[呆无辜]': {\n index: 73,\n name: '[呆无辜]',\n image: 'emoji_73_cat@3x.png',\n key: 'emoji_73_cat@3x.png',\n width: 96,\n height: 96,\n },\n '[看]': {\n index: 74,\n name: '[看]',\n image: 'emoji_74_2ha@3x.png',\n key: 'emoji_74_2ha@3x.png',\n width: 96,\n height: 96,\n },\n '[白眼]': {\n index: 75,\n name: '[白眼]',\n image: 'emoji_75_dogo@3x.png',\n key: 'emoji_75_dogo@3x.png',\n width: 96,\n height: 96,\n },\n '[熊吉]': {\n index: 76,\n name: '[熊吉]',\n image: 'emoji_76_bear@3x.png',\n key: 'emoji_76_bear@3x.png',\n width: 96,\n height: 96,\n },\n '[骷髅]': {\n index: 77,\n name: '[骷髅]',\n image: 'emoji_77_skeleton@3x.png',\n key: 'emoji_77_skeleton@3x.png',\n width: 96,\n height: 96,\n },\n '[黑脸]': {\n index: 78,\n name: '[黑脸]',\n image: 'emoji_78_black_face@3x.png',\n key: 'emoji_78_black_face@3x.png',\n width: 96,\n height: 96,\n },\n '[吃瓜群众]': {\n index: 79,\n name: '[吃瓜群众]',\n image: 'emoji_79_eat_melon@3x.png',\n key: 'emoji_79_eat_melon@3x.png',\n width: 96,\n height: 96,\n },\n '[绿帽子]': {\n index: 80,\n name: '[绿帽子]',\n image: 'emoji_80_green_hat@3x.png',\n key: 'emoji_80_green_hat@3x.png',\n width: 96,\n height: 96,\n },\n '[汗]': {\n index: 81,\n name: '[汗]',\n image: 'emoji_81_sweat@3x.png',\n key: 'emoji_81_sweat@3x.png',\n width: 96,\n height: 96,\n },\n '[摸头]': {\n index: 82,\n name: '[摸头]',\n image: 'emoji_82_lear_ropes@3x.png',\n key: 'emoji_82_lear_ropes@3x.png',\n width: 96,\n height: 96,\n },\n '[皱眉]': {\n index: 83,\n name: '[皱眉]',\n image: 'emoji_83_frown@3x.png',\n key: 'emoji_83_frown@3x.png',\n width: 96,\n height: 96,\n },\n '[擦汗]': {\n index: 84,\n name: '[擦汗]',\n image: 'emoji_84_wipe_sweat@3x.png',\n key: 'emoji_84_wipe_sweat@3x.png',\n width: 96,\n height: 96,\n },\n '[红脸]': {\n index: 85,\n name: '[红脸]',\n image: 'emoji_85_redface@3x.png',\n key: 'emoji_85_redface@3x.png',\n width: 96,\n height: 96,\n },\n '[尬笑]': {\n index: 86,\n name: '[尬笑]',\n image: 'emoji_86_orz@3x.png',\n key: 'emoji_86_orz@3x.png',\n width: 96,\n height: 96,\n },\n '[做鬼脸]': {\n index: 87,\n name: '[做鬼脸]',\n image: 'emoji_87_makeface@3x.png',\n key: 'emoji_87_makeface@3x.png',\n width: 96,\n height: 96,\n },\n '[强]': {\n index: 88,\n name: '[强]',\n image: 'emoji_88_intensity@3x.png',\n key: 'emoji_88_intensity@3x.png',\n width: 96,\n height: 96,\n },\n '[如花]': {\n index: 89,\n name: '[如花]',\n image: 'emoji_89_ruhua@3x.png',\n key: 'emoji_89_ruhua@3x.png',\n width: 96,\n height: 96,\n },\n '[吐]': {\n index: 90,\n name: '[吐]',\n image: 'emoji_90_spit@3x.png',\n key: 'emoji_90_spit@3x.png',\n width: 96,\n height: 96,\n },\n '[惊喜]': {\n index: 91,\n name: '[惊喜]',\n image: 'emoji_91_surprise@3x.png',\n key: 'emoji_91_surprise@3x.png',\n width: 96,\n height: 96,\n },\n '[敲打]': {\n index: 92,\n name: '[敲打]',\n image: 'emoji_92_knock@3x.png',\n key: 'emoji_92_knock@3x.png',\n width: 96,\n height: 96,\n },\n '[奋斗]': {\n index: 93,\n name: '[奋斗]',\n image: 'emoji_93_refuel@3x.png',\n key: 'emoji_93_refuel@3x.png',\n width: 96,\n height: 96,\n },\n '[吐彩虹]': {\n index: 94,\n name: '[吐彩虹]',\n image: 'emoji_94_rainbow@3x.png',\n key: 'emoji_94_rainbow@3x.png',\n width: 96,\n height: 96,\n },\n '[大哭]': {\n index: 95,\n name: '[大哭]',\n image: 'emoji_95_bigcry@3x.png',\n key: 'emoji_95_bigcry@3x.png',\n width: 96,\n height: 96,\n },\n '[比心]': {\n index: 96,\n name: '[比心]',\n image: 'emoji_96_fingerheart@3x.png',\n key: 'emoji_96_fingerheart@3x.png',\n width: 96,\n height: 96,\n },\n '[加油]': {\n index: 97,\n name: '[加油]',\n image: 'emoji_97_refuel@3x.png',\n key: 'emoji_97_refuel@3x.png',\n width: 96,\n height: 96,\n },\n '[碰拳]': {\n index: 98,\n name: '[碰拳]',\n image: 'emoji_98_fist@3x.png',\n key: 'emoji_98_fist@3x.png',\n width: 96,\n height: 96,\n },\n '[ok]': {\n index: 99,\n name: '[ok]',\n image: 'emoji_99_OK@3x.png',\n key: 'emoji_99_OK@3x.png',\n width: 96,\n height: 96,\n },\n '[击掌]': {\n index: 100,\n name: '[击掌]',\n image: 'emoji_100_highfive@3x.png',\n key: 'emoji_100_highfive@3x.png',\n width: 96,\n height: 96,\n },\n '[左上]': {\n index: 101,\n name: '[左上]',\n image: 'emoji_101_left@3x.png',\n key: 'emoji_101_left@3x.png',\n width: 96,\n height: 96,\n },\n '[握手]': {\n index: 102,\n name: '[握手]',\n image: 'emoji_102_shakehand@3x.png',\n key: 'emoji_102_shakehand@3x.png',\n width: 96,\n height: 96,\n },\n '[18禁]': {\n index: 103,\n name: '[18禁]',\n image: 'emoji_103_18@3x.png',\n key: 'emoji_103_18@3x.png',\n width: 96,\n height: 96,\n },\n '[刀]': {\n index: 104,\n name: '[刀]',\n image: 'emoji_104_knife@3x.png',\n key: 'emoji_104_knife@3x.png',\n width: 96,\n height: 96,\n },\n '[V5]': {\n index: 105,\n name: '[V5]',\n image: 'emoji_105_V5@3x.png',\n key: 'emoji_105_V5@3x.png',\n width: 96,\n height: 96,\n },\n '[给力]': {\n index: 106,\n name: '[给力]',\n image: 'emoji_106_awesome@3x.png',\n key: 'emoji_106_awesome@3x.png',\n width: 96,\n height: 96,\n },\n '[心]': {\n index: 107,\n name: '[心]',\n image: 'emoji_107_heart@3x.png',\n key: 'emoji_107_heart@3x.png',\n width: 96,\n height: 96,\n },\n '[伤心]': {\n index: 108,\n name: '[伤心]',\n image: 'emoji_108_broken_heart@3x.png',\n key: 'emoji_108_broken_heart@3x.png',\n width: 96,\n height: 96,\n },\n '[屎]': {\n index: 109,\n name: '[屎]',\n image: 'emoji_109_shit@3x.png',\n key: 'emoji_109_shit@3x.png',\n width: 96,\n height: 96,\n },\n '[礼物]': {\n index: 110,\n name: '[礼物]',\n image: 'emoji_110_gifts@3x.png',\n key: 'emoji_110_gifts@3x.png',\n width: 96,\n height: 96,\n },\n '[蛋糕]': {\n index: 111,\n name: '[蛋糕]',\n image: 'emoji_111_cake@3x.png',\n key: 'emoji_111_cake@3x.png',\n width: 96,\n height: 96,\n },\n '[撒花]': {\n index: 112,\n name: '[撒花]',\n image: 'emoji_112_flower@3x.png',\n key: 'emoji_112_flower@3x.png',\n width: 96,\n height: 96,\n },\n '[不看]': {\n index: 113,\n name: '[不看]',\n image: 'emoji_113_lookat@3x.png',\n key: 'emoji_113_lookat@3x.png',\n width: 96,\n height: 96,\n },\n '[炸弹]': {\n index: 114,\n name: '[炸弹]',\n image: 'emoji_114_bomb@3x.png',\n key: 'emoji_114_bomb@3x.png',\n width: 96,\n height: 96,\n },\n} as {\n [key: string]: {\n index: number\n name: string\n image: string\n key: string\n width: number\n height: number\n }\n}\n\nexport const emojiOrigin =\n '//lf3-cdn-tos.bytegoofy.com/goofy/toutiao/tt_tps/static/images/ttemoji_v2/'\n\nexport const emoji = (string: string) => {\n const reUnescapedHtml = /(\\[[^\\]]+[\\]])+?/g\n const reHasUnescapedHtml = RegExp(reUnescapedHtml.source)\n return string && reHasUnescapedHtml.test(string)\n ? string.replace(reUnescapedHtml, (chr) => {\n if (emojiResourceList[chr]) {\n return ``\n }\n return chr\n })\n : string\n}\n\n// 输入法 unicode 表情\nconst emojiUnicodeRegex =\n '(?:\\ud83c[\\udf00-\\udfff])|(?:\\ud83d[\\udc00-\\ude4f\\ude80-\\udeff])|[\\u2600-\\u2B55]'\n\nconst emojiPrivateRegex = Object.keys(emojiResourceList)\n .map((d) => d.replace('[', '\\\\[').replace(']', '\\\\]'))\n .join('|')\n\nconst emojiRegex = new RegExp(`(${emojiPrivateRegex}|${emojiUnicodeRegex})`)\n\nexport const filterEmoji = (string: string) => {\n if (!string) return ''\n return replace(string, emojiRegex, () => '')\n}\n","/**\n * 是否支持webp格式\n * @type {boolean}\n */\nconst canUseWebp: boolean = (() => {\n if (typeof document === 'undefined') {\n return false\n }\n const elem = document.createElement('canvas')\n if (elem && elem.getContext && elem.getContext('2d')) {\n return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0\n }\n return false\n})()\n\nexport default canUseWebp\n","/**\n * 将服务端传过来的时间戳（毫秒）转为格式化的字符串\n * @param {string|number} millisecondTimestamp 毫秒级时间戳\n * @return {string} 格式化时间\n */\nexport default function formatTime(millisecondTimestamp: string | number) {\n const ONE_MINUTE = 1000 * 60\n const ONE_HOUR = ONE_MINUTE * 60\n // var ONE_DAY = ONE_HOUR * 24;\n\n const now = new Date()\n const nowTimestamp = now.getTime()\n const fakeDate = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n const d = new Date(Number(millisecondTimestamp))\n if (!Number(d.getTime())) {\n return ''\n }\n\n const delta = nowTimestamp - Number(millisecondTimestamp)\n\n if (delta < 0) {\n return ''\n } else if (delta < ONE_MINUTE) {\n return '刚刚'\n } else if (delta < ONE_HOUR) {\n return `${Math.floor(delta / ONE_MINUTE)}分钟前`\n } else if (delta < 24 * ONE_HOUR) {\n return `${Math.floor(delta / ONE_HOUR)}小时前`\n } else {\n const _hm = `${fixNumber(d.getHours())}:${fixNumber(d.getMinutes())}`\n let i = 0\n while (i++ <= 8) {\n fakeDate.setDate(fakeDate.getDate() - 1)\n if (millisecondTimestamp > fakeDate.getTime()) {\n if (i === 1) {\n return `昨天 ${_hm}`\n } else if (i === 2) {\n return `前天 ${_hm}`\n } else {\n return `${i}天前`\n }\n }\n }\n\n return `${\n (d.getFullYear() < now.getFullYear() ? `${d.getFullYear()}-` : '') +\n fixNumber(d.getMonth() + 1)\n }-${fixNumber(d.getDate())}`\n }\n}\n\nfunction fixNumber(num: number): string {\n if (num < 10) {\n return `0${num}`\n }\n return `${num}`\n}\n\nexport function secToMin(seconds: number) {\n const min = Math.floor(seconds / 60)\n const sec = seconds % 60\n return `${fixNumber(min)}:${fixNumber(sec)}`\n}\n\n/**\n * 将时间戳（毫秒）转为以天为单位\n */\nexport function formatTimeByday(millisecondTimestamp: string | number) {\n const now = new Date()\n const nowTimestamp = now.getTime()\n const fakeDate = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n const d = new Date(Number(millisecondTimestamp))\n if (!Number(d.getTime())) {\n return ''\n }\n const delta = nowTimestamp - Number(millisecondTimestamp)\n if (delta < 0) {\n return ''\n }\n\n const dDate = new Date(d.getFullYear(), d.getMonth(), d.getDate())\n\n const diff = (fakeDate.getTime() - dDate.getTime()) / 1000 / 60 / 60 / 24\n\n if (diff < 1) {\n return '今天'\n }\n if (diff < 2) {\n return '昨天'\n }\n if (diff < 3) {\n return '前天'\n }\n if (diff < 9) {\n return `${Math.abs(diff)}天前`\n }\n\n return `${\n (d.getFullYear() < now.getFullYear() ? `${d.getFullYear()}-` : '') +\n fixNumber(d.getMonth() + 1)\n }-${fixNumber(d.getDate())}`\n}\n","import ARTICLE_CONTENT_TYPE from 'Constants/articleType'\n\nexport default function getContentJumpUrl(\n gidStr: string,\n articleType?: number\n) {\n if (!gidStr) {\n return ''\n }\n\n if (articleType === undefined) {\n return `/article/${gidStr}`\n }\n\n const jumpPrefix = ARTICLE_CONTENT_TYPE[articleType]?.jumpPrefix\n\n if (jumpPrefix) {\n return `${jumpPrefix}/${gidStr}`\n }\n\n return `/article/${gidStr}`\n}\n","// import fetch from 'lib/decorated-fetch'\n// import { ServiceId } from '@byted-motor/upload'\nimport cookie from 'cookie'\nimport MotorUploader, {\n GetImageUrlOptions,\n GetImageUrlRes,\n} from '@byted-motor/upload/lib/uploader'\n// 上传SDK文档地址 https://code.byted.org/motor-fe/byted-motor-fe/blob/feat-uploader/packages/upload/README.md\n\nlet uploader: MotorUploader\n\nasync function getUploader() {\n if (uploader) {\n return uploader\n }\n\n const { MotorUploader } = await import('@byted-motor/upload')\n\n let userId = 'motor_user_default'\n try {\n userId = JSON.parse(cookie.parse(document.cookie)?.user_data)?.userId\n } catch (e) {\n //\n }\n\n uploader = new MotorUploader({\n // 建议设置能识别用户的唯一标识id，用于上传出错时排查问题，不要传入非 ASCII编码\n userId,\n imageHost: null as any,\n region: 'cn',\n // 视频上传配置\n // videoConfig: {\n //\n // }\n })\n\n return uploader\n}\n\nexport async function uploadImg(file: File) {\n const uploader = await getUploader()\n const res = await uploader.uploadImage(file)\n const { uploadResult } = res || {}\n return {\n uri: uploadResult?.Uri,\n width: uploadResult?.ImageWidth,\n height: uploadResult?.ImageHeight,\n format: uploadResult?.ImageFormat,\n size: uploadResult?.ImageSize,\n }\n}\n// tos-cn-i-f042mdwyw7/4f2645635a1f4f1690f2eeed2d64e466\n/**\n * 上传单张图片\n */\n// const uploadImg = async ({\n// file,\n// resolve,\n// reject,\n// }: {\n// file: File\n// resolve: any\n// reject: any\n// }) => {\n// try {\n// const json = await fetch('/motor/car_user/v1/get_normal_auth/')\n// // @ts-ignore\n// const ByteVideoUpload = (await import('byted-video-uploader')).default\n// const byteVideoUploader = new ByteVideoUpload({\n// debug: true,\n// department: json.access_key, // 业务id,需要向视频架构组申请\n// // user_id: '109005472317', // 业务方的user_id\n// vasDomain: 'https://vas.snssdk.com',\n// logDomain: 'https://log.snssdk.com',\n// coverTime: 0, // 封面截图时间\n// retryUploadTime: 5,\n// retryProcessTime: 5,\n// retryTaskTime: 5,\n// maxProcessPause: 20,\n// uploadSliceCount: 5,\n// source: 8,\n// source_v2: 10,\n// })\n// const fileKey = byteVideoUploader.addFile({\n// file,\n// name: 'dcd_upload_image',\n// auth: json.data, // 具有时效性，每次上传前通过业务获取\n// type: 'image', // 上传文件类型，两个可选值：video(视频或者音频)，image(图片)\n// })\n// byteVideoUploader.start(fileKey)\n// byteVideoUploader.on('complete', (info: any) => {\n// resolve(info.image)\n// })\n// byteVideoUploader.on('error', (info: any) => {\n// reject('上传失败 无法解析文件')\n// console.error(info)\n// })\n// } catch {\n// reject('上传失败，请检查网络是否正常')\n// }\n// }\n/**\n * 获取图片Blob\n */\nexport const getImageBlob = (url: string) => {\n return new Promise((resolve, reject) => {\n const xhr = new XMLHttpRequest()\n xhr.open('get', url, true)\n xhr.responseType = 'blob'\n xhr.onload = function () {\n if (this.status === 200) {\n resolve(this.response)\n }\n }\n xhr.onerror = function () {\n reject(new Error())\n }\n xhr.send()\n })\n}\n\n/**\n * 上传图文列表\n */\nexport function uploadImgList(imgList: File[]) {\n return Promise.allSettled(imgList.map((item) => uploadImg(item))).then(\n (result) => result.map((d) => (d.status === 'fulfilled' ? d.value : null))\n )\n}\n\n/**\n * 通过uri 获取 url\n **/\nexport async function getImageUrl(\n imgUris: string[],\n options?: GetImageUrlOptions\n): Promise\n 1}\n simulateTouch={false}\n watchOverflow={true}\n navigation={{\n nextEl,\n prevEl,\n }}\n onSwiper={setSwiper}\n onSlideChange={(swiper) => {\n setIndexNow(swiper.realIndex)\n }}\n initialSlide={activeIndex}\n >\n {imgList.map((e, index) => (\n \n \n ))}\n \n
\n 1 ? 'tw-block' : 'tw-hidden'}>\n
\n {children}
\n ) : (\n \n
\n \n \n handleClick(e, 'series')}\n >\n \n {seriesName}\n \n
\n \n \n \n 最低售价：\n {price}\n \n {hasCutPrice && (\n \n \n 最高降价：\n \n \n
\n \n \n \n handleClick(e, 'image', { button_name: '图片' })\n }\n >\n 图片\n \n \n \n \n handleClick(e, 'config', { button_name: '参数配置' })\n }\n >\n 参数配置\n \n \n \n \n handleClick(e, 'dealer', { button_name: '询底价' })\n }\n >\n {hasPrice ? '询底价' : '暂无报价'}\n \n \n
\n \n \n \n handleClick(e, 'score', { button_name: '懂车分' })\n }\n >\n 懂车分\n \n {score ? (score / 100).toFixed(2) : \n \n handleClick(e, 'eval', { button_name: '懂车实测' })\n }\n >\n 懂车实测\n \n {hasTest ? '空间·性能等' : \n \n handleClick(e, 'community', { button_name: '车友圈' })\n }\n >\n 车友圈\n \n {communityCount}车友热议\n \n \n handleClick(e, 'usedCar', { button_name: '二手车' })\n }\n >\n 二手车\n \n {hasUsedCar ? (\n \n {usedCarPrice &&\n `${(usedCarPrice / 1000000).toFixed(2)}万起 | `}\n {usedCarCount}辆\n \n ) : (\n
\n \n $/\n// 处理换行符\nconst processBr = (p: HTMLParagraphElement) => {\n // 针对编辑器最新的换行符
\n \n \n {article?.media_user?.screen_name}\n \n \n {formatTime(article?.publish_time * 1000)}\n \n
\n )}\n \n \n )\n }\n\n function renderBottom() {\n return (\n {article?.title}
\n {article?.media_user && (\n\n
\n \n \n )\n }\n\n /* 渲染文章信息 */\n function renderContent(\n type: 'mix' | 'article',\n clue: Record<'zt' | 'ls', string>\n ) {\n const imageList = get(article, 'gallery_info.image_list', [])\n if (!article.content && imageList?.length) {\n return (\n \n {\n sendTeaCommEvent('clk_event', {\n event_id: 'ugc_fenxiang',\n author_id: String(article?.media_user?.id),\n hudong_position: '0',\n group_id: article?.gid,\n obj_text: text,\n })\n }}\n />\n )}\n onClickComment={() => {\n sendTeaCommEvent('rt_reply_comment', {\n author_id: String(article?.media_user?.id),\n hudong_position: '0',\n group_id: article?.gid,\n content_type:\n ARTICLE_CONTENT_TYPE[article?.article_type!]?.value,\n })\n }}\n onClickDigg={(curStatus) => {\n diggUpdate()\n sendTeaCommEvent(curStatus ? 'rt_unlike' : 'rt_like', {\n group_id: article?.gid,\n author_id: String(article?.media_user?.id),\n hudong_position: '0',\n content_type:\n ARTICLE_CONTENT_TYPE[article?.article_type!]?.value,\n })\n }}\n onClickCollect={(curStatus) => {\n collectUpdate()\n sendTeaCommEvent(\n curStatus ? 'rt_not_favourite' : 'rt_favourite',\n {\n group_id: article?.gid,\n author_id: String(article?.media_user?.id),\n hudong_position: '0',\n content_type:\n ARTICLE_CONTENT_TYPE[article?.article_type!]?.value,\n }\n )\n }}\n />\n
\n \n \n {\n sendTeaCommEvent('rt_report', {\n group_id: article?.gid,\n author_id: String(article?.media_user?.id),\n hudong_position: '0',\n content_type:\n ARTICLE_CONTENT_TYPE[article?.article_type!]?.value,\n operation_type: '0',\n })\n }}\n onCancel={() => {\n sendTeaCommEvent('rt_report', {\n group_id: article?.gid,\n author_id: String(article?.media_user?.id),\n hudong_position: '0',\n content_type:\n ARTICLE_CONTENT_TYPE[article?.article_type!]?.value,\n operation_type: '0',\n })\n }}\n />\n
\n }\n shareContent={({ close }) => (\n \n {article?.watch_count_en}人阅读\n
\n \n {imageList.map((img: any) => {\n return (\n
\n )\n }\n if (type === 'mix') {\n const newContent = article.content\n ?.replace(/{!--\\s*PGC_VIDEO:(.*)--}/, '')\n .split('')\n return (\n \n 
\n
\n )\n })}\n \n {img.desc}
\n\n ![](\"${require('static/error-pic@3x.jpg')}\")
\n 文章消失了，再去看看别的吧～\n
\n `,\n }}\n />\n \n \n )\n }\n }\n\n function renderArticle(\n isVideo: boolean,\n content: string,\n clue: Record<'zt' | 'ls', string>\n ) {\n if (isVideo) {\n return renderContent('mix', clue)\n } else {\n return renderContent('article', clue)\n }\n }\n\n const articleRef = React.useRef\n 文章消失了，再去看看别的吧～\n \n \n {prefix}\n {content}\n \n
\n \n {rightContent}
\n \n
\n \n )\n}\nexport default Empty\n","import * as React from 'react'\nimport CardWrapper from 'Components/new/community-card/card-wrapper'\nimport Header from 'Components/new/community-card/header'\nimport CarModel from 'Components/new/community-card/car-model'\nimport Text, {\n JHLabel,\n QALabel,\n TopicLabel,\n} from 'Components/new/community-card/text'\nimport Video from 'Components/new/community-card/video'\nimport ImageList from 'Components/new/community-card/image-list'\nimport Forward, {\n forwardEmpty,\n questionEmpty,\n} from 'Components/new/community-card/forward'\nimport Answer from 'Components/new/community-card/answer'\nimport Interact, { isBuryable } from 'Components/new/community-card/interact'\nimport { sendTeaCommEvent } from 'lib/tea-analyze'\nimport ARTICLE_CONTENT_TYPE from 'Constants/articleType'\nimport koubeiLink from 'Components/new/links/koubei-link'\nimport ugcDetailLink from 'Components/new/links/ugc-detail-link'\nimport Share from 'Components/new/community-card/share'\nimport anyLink from 'Components/new/links/any-link'\nimport { filterEmoji } from 'Constants/emoji'\nimport { isLowContent, substrSingleByte } from 'New/ugc/tdk'\ninterface IUGCItemProps {\n data: any\n teaParams?: Record\n 暂无内容\n
\n\n
*/}\n \n {!!cheyouSeriesReviewCard?.review_people_count && (\n \n {cheyouHead?.series_name\n ? `${cheyouHead?.series_name}车友圈`\n : cheyouHead?.name}\n
\n\n {cheyouHead?.description}\n
\n\n {cheyouHead?.master_avatar && (\n \n sendTeaCommEvent('clk_event', {\n page_id: 'page_ugc_forum_home',\n event_id: 'join_forum_home_user',\n car_series_id: String(series_id),\n car_series_name: cheyouHead?.name,\n motor_id: cheyouHead?.motor_id_str,\n sub_tab: getKeyByValue(currentTab as any),\n })\n }\n >\n \n sendTeaCommEvent('clk_event', {\n page_id: 'page_ugc_forum_home',\n event_id: 'join_forum_home_user',\n car_series_id: String(series_id),\n car_series_name: cheyouHead?.name,\n motor_id: cheyouHead?.motor_id_str,\n sub_tab: getKeyByValue(currentTab as any),\n })\n }\n >\n
\n \n 圈主：{cheyouHead?.master_avatar?.avatar_user_name}\n
\n \n \n )}\n\n {cheyouHead?.user_avatar_list?.map((item: any, index: number) => {\n return (\n\n 共{formatNumber(cheyouHead?.user_amount)}车友等你加入\n
\n\n {list.map((item, index) => {\n return (\n
\n \n \n {item.value}\n \n
\n )\n })}\n {item.name}：
\n\n \n {joined_days ? `已加入${joined_days}天` : '加入圈子'}\n \n {cheyouHead?.community_type === 0 && (\n \n sendTeaCommEvent('clk_event', {\n page_id: 'page_ugc_forum_home',\n event_id: 'look_car_entrance',\n car_series_id: String(series_id),\n car_series_name: cheyouHead?.name,\n motor_id: cheyouHead?.motor_id_str,\n sub_tab: getKeyByValue(currentTab as any),\n obj_text: '看车',\n })\n }\n >\n 看车\n \n )}\n {/* \n 认证车主\n */}\n
\n {/* \n 
\n
\n 共{cheyouSeriesReviewCard?.review_people_count}人评价
\n\n {cheyouSeriesReviewCard?.score ? (\n \n {Number(cheyouSeriesReviewCard?.score / 100).toFixed(2)}\n \n ) : (\n \n 暂无评分\n \n )}\n
\n\n \n
\n \n “{cheyouSeriesReviewCard?.score_description}”\n
\n )}\n\n {current_sort}\n
\n {sort_list?.map((item) => {\n const { chi_name, eng_name } = item\n return (\n \n {\n handClick()\n sendTeaCommEvent('clk_event', {\n page_id: 'page_ugc_forum_home',\n event_id:\n tab_name === 'wenda'\n ? 'select_module_button_qa_clk'\n : 'select_module_button_dynamic_clk',\n car_series_id: series_id,\n car_series_name: series_name,\n sub_tab:\n tab_name === 'wenda' ? '问答' : getKeyByValue(tab_name),\n module_id:\n tab_name === 'wenda'\n ? 'select_module_button_qa'\n : 'select_module_button_dynamic',\n obj_text: chi_name,\n })\n }}\n className=\"list-item\"\n >\n {chi_name}\n \n \n )\n })}\n
\n\n \n \n )\n}\n\nexport default Sort\n","import React from 'react'\nimport Link from 'next/link'\nimport classNames from 'classnames'\nimport { makeCommunityUrl } from 'Components/new/links/community-link'\n\nexport interface MoreTabItem {\n chi_name: string\n tab_name: string\n}\ninterface IProps {\n more_tab_list: MoreTabItem[]\n currentMoreTab: string\n series_id: string\n handleMoreTabClick: (e: React.MouseEvent) => void\n}\n\nconst MoreTabList = ({\n more_tab_list,\n currentMoreTab,\n series_id,\n\n handleMoreTabClick,\n}: IProps) => {\n const activeTab = currentMoreTab === 'wenda' ? 'all' : currentMoreTab\n return (\n \n {more_tab_list?.map((item) => {\n const { chi_name, tab_name } = item\n return (\n \n handleMoreTabClick(e)}\n >\n
\n )\n}\n\nexport default MoreTabList\n","import React from 'react'\nimport UGCItem from './ugc-item'\nimport classNames from 'classnames'\ninterface ITopLabelProps {\n className?: string\n}\n\nexport const TopLabel: React.FC{chi_name}
\n \n \n )\n })}\n\n \n\n {announcementList.map((item: any, index: number) => {\n return (\n \n {anyLink({\n id: item.gid_str,\n articleType: item.article_type,\n })(\n \n \n {item.header}\n \n\n \n {item.content}\n \n \n
\n )}\n \n
\n \n \n \n
\n\n \n
\n\n \n \n
\n \n {cheyouSeriesReviewCard?.score\n ? Number(cheyouSeriesReviewCard?.score / 100).toFixed(2)\n : '暂无评分'}\n
\n\n “{cheyouSeriesReviewCard?.score_description}”\n
\n )}\n\n {cheyouSeriesReviewCard?.series_review_user_avatar_list?.map(\n (item: any, index: number) => {\n return (\n
\n {cheyouSeriesReviewCard?.rank_info?.rank !== 0 && (\n \n 共{cheyouSeriesReviewCard?.review_people_count}人评价\n
\n\n
\n )}\n \n {cheyouSeriesReviewCard?.rank_info?.rank_type}\n
\n\n NO.{cheyouSeriesReviewCard?.rank_info?.rank}\n
\n \n\n {cheyouSeriesReviewCard?.rank_info?.rank_rate_info}\n
\n\n
\n \n {list.slice(0, 4).map((item, index) => {\n return (\n \n \n {cheyouSeriesReviewCard?.review ? item.score : '-'}\n \n \n {item.title}\n \n
\n )\n })}\n \n {list.slice(4).map((item, index) => {\n return (\n \n
\n )\n })}\n \n {cheyouSeriesReviewCard?.review ? item.score : '-'}\n
\n{item.title}
\n */}\n \n {!isSpider && (\n
\n \n\n {isFixed && (\n \n \n {(isFixed) => {\n return (\n \n \n 更多\n \n \n {\n if (close) {\n close()\n }\n\n handleTabClick(e)\n }}\n >\n \n {chi_name}\n \n \n \n
\n )\n }}\n \n \n {isFixed && series_id && (\n \n {cheyouHead?.series_name || cheyouHead?.name}车友圈\n {/* */}\n \n )}\n\n \n d?.tab_name === tab\n )}\n renderMoreWrapper={() => (content) =>\n (\n \n {content}\n
\n )}\n className={classNames(\n isFixed ? headerHeight : 'tw-h-40'\n )}\n renderMoreButton={() => {\n return (\n \n \n {joinedDays\n ? `已加入${formatNumber(joinedDays)}天`\n : '加入圈子'}\n \n {\n handlePublishClick(text)\n }}\n />\n }\n >\n {\n handlePublish()\n handlePublishClick('发图文')\n }}\n >\n 发动态\n
\n )}\n \n )\n }}\n \n \n \n {cheyouList?.cheyou_list && (\n
\n ) : null}\n {cheyouList?.cheyou_list && (\n \n {(qa_arr?.includes(tab) || tab === 'wenda') &&\n cheyouList?.cheyou_list && (\n
\n )}\n\n {announcementList.length ? (\n \n
\n )}\n \n {announcementList.map((item: any, index: number) => {\n return (\n \n {anyLink({\n id: item.gid_str,\n articleType: item.article_type,\n })(\n {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_ugc_forum_home',\n event_id: 'top_content_card_clk',\n car_series_id: String(\n cheyouHead?.series_id || cheyouHead?.motor_id\n ),\n car_series_name: cheyouHead?.name,\n sub_tab: getKeyByValue(tab),\n module_id: 'community_notice_module',\n group_id: item?.gid_str,\n author_id: item?.user_id,\n })\n }}\n >\n \n {item.header}\n \n\n \n {item.content}\n \n \n
\n )}\n \n )\n })}\n \n {tab_list && !!tab_list?.length && (\n
\n )}\n {cheyouList?.cheyou_list ? (\n \n 共{cheyouList?.total_count}条内容\n
\n\n {!isSpider && (\n <>\n {!!cheyouSeriesReviewCard?.review_people_count && (\n \n {\n sendTeaCommEvent('clk_event', {\n event_id: 'hot_topic_talk_content_clk',\n module_id: 'hot_top_talk_module',\n sub_tab: getKeyByValue(tab),\n topic_id: id,\n obj_text: name,\n })\n }}\n />\n {cheyouHotCard && (\n {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_ugc_forum_home',\n event_id: 'my_forum_home_more_button',\n module_id: 'my_car_circle_module',\n motor_id: String(cheyouHead?.motor_id),\n })\n }}\n onClickItem={({ id }) => {\n sendTeaCommEvent('clk_event', {\n page_id: 'page_ugc_forum_home',\n event_id: 'my_forum_home_module_clk',\n module_id: 'my_car_circle_module',\n car_series_id:\n cheyouHead?.series_id || cheyouHead?.motor_id,\n car_series_name: cheyouHead?.name,\n motor_id: id,\n })\n }}\n />\n \n )}\n
\n \n