| 1 |
- {"version":3,"file":"index.js","sources":["../src/components/Common/test.tsx"],"sourcesContent":["import React, { PureComponent } from \"react\";\r\nimport classnames from 'classnames';\r\n\r\nimport styles from './test.less';\r\n\r\nexport const ImgRowList = (\r\n imglist: Array<string>,\r\n outterKey: string,\r\n type: string | null = 'normal',\r\n) => {\r\n if (!imglist || !Array.isArray(imglist)) return null;\r\n return (\r\n <div\r\n className={classnames(styles.normal_img_row_list, {\r\n [styles.middle_type]: type === 'middle',\r\n })}\r\n >\r\n {imglist.map((image_url: string, index: number) => {\r\n return (\r\n <span key={`${outterKey}_${image_url}`}>\r\n <img src={image_url} alt={`comment ${index}`} />\r\n </span>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\ninterface MyNormalListProps {\r\n style?: any;\r\n renderItem: Function | any;\r\n renderData: Array<any>;\r\n}\r\nexport class MyNormalList extends PureComponent<MyNormalListProps, {}> {\r\n render() {\r\n const {\r\n style: innerStyle = {},\r\n renderItem = () => {},\r\n renderData = [],\r\n } = this.props;\r\n\r\n if (!renderData || !Array.isArray(renderData)) {\r\n console.error('MyNormalList Components renderData Props must be Array');\r\n return null;\r\n }\r\n\r\n return (\r\n <div className={styles.normal_list_wrapper} style={innerStyle}>\r\n {renderData.map((value, index, arr) => renderItem(value, index))}\r\n </div>\r\n );\r\n }\r\n}\r\n\r\ninterface NormalCardProps {\r\n key: any;\r\n userinfo: {\r\n nickname: string | any;\r\n avatar: string | any;\r\n created: string | number;\r\n };\r\n main_content: any;\r\n append_content?: any;\r\n content_img_assets?: Array<string>;\r\n options?: {\r\n header_size?: 'small' | 'normal' | 'middle';\r\n bottom_divider?: boolean;\r\n };\r\n}\r\nexport class NormalCard extends PureComponent<NormalCardProps, {}> {\r\n render() {\r\n const {\r\n userinfo: { nickname, avatar, created } = {\r\n nickname: '',\r\n avatar: '',\r\n created: '',\r\n },\r\n main_content = null,\r\n append_content = null,\r\n content_img_assets = [],\r\n options = {\r\n header_size: 'normal',\r\n bottom_divider: false,\r\n },\r\n } = this.props;\r\n //\r\n\r\n const RENDEROPTIONS_showImgList =\r\n content_img_assets && content_img_assets.length > 0;\r\n\r\n return (\r\n <div\r\n className={classnames(styles.normal_card_wrapper, {\r\n [styles.header_middle]: options.header_size === 'middle', // default\r\n [styles.header_small]: options.header_size === 'small',\r\n [styles.bottom_border]: options.bottom_divider,\r\n })}\r\n >\r\n <time>{created}</time>\r\n <header>\r\n {typeof avatar === 'string' ? (\r\n <div className={styles.avatar_wrapper}>\r\n <img src={avatar} alt=\"user_avatar\" />\r\n </div>\r\n ) : (\r\n avatar\r\n )}\r\n <div className={styles.nickname_wrapper}>{nickname}</div>\r\n </header>\r\n <div className={styles.main_content_wrapper}>\r\n {main_content}\r\n {RENDEROPTIONS_showImgList\r\n ? ImgRowList(content_img_assets, this.props.key)\r\n : null}\r\n </div>\r\n <div className={styles.append_wrapper}>{append_content}</div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\ninterface ShareCardProps {\r\n isMobile: boolean | any;\r\n mode: 'line' | 'block';\r\n render_mode: 'text' | 'object';\r\n share_data: any;\r\n}\r\nexport class ShareCard extends PureComponent<ShareCardProps, {}> {\r\n render() {\r\n const {\r\n isMobile = false,\r\n render_mode = 'text',\r\n mode = 'line',\r\n share_data = '',\r\n } = this.props;\r\n\r\n return (\r\n <div\r\n className={classnames(styles.share_card_wrapper, {\r\n [styles.mobile_mode]: isMobile,\r\n [styles.mode_line]: mode === 'line', // default\r\n [styles.mode_block]: mode === 'block',\r\n })}\r\n >\r\n {render_mode === 'text' ? share_data : null}\r\n </div>\r\n );\r\n }\r\n}\r\n\r\n// type TransmitType = 'imgTxt' | 'shortVideo' | 'microVideo';\r\n// type TransmitImgTxtData = {\r\n// user_id?: string|number;\r\n// anonymity?: boolean;\r\n// avatar?: string;\r\n// nickname?: string;\r\n// is_long?: boolean;\r\n// }\r\n\r\n// interface TransmitCardProps {\r\n// type: TransmitType;\r\n// data: TransmitImgTxtData;\r\n// }\r\n\r\n// export class TransmitCard extends React.PureComponent<TransmitCardProps, {}> {\r\n// renderVideo() {\r\n// return <div className={styles.transmitVideoCard}>Video</div>;\r\n// }\r\n\r\n// renderImgTxt() {\r\n// const { data } = this.props;\r\n// const {\r\n// user_id,\r\n// anonymity,\r\n// avatar,\r\n// nickname,\r\n// is_long,\r\n// } = data;\r\n\r\n// return (\r\n// <div className={styles.transmitImgTxtCard}>\r\n// <div className={styles.header}>\r\n// <UserLink user_id={user_id} anonymity={anonymity}>\r\n// <Avatar\r\n// id={user_id}\r\n// image={avatar}\r\n// follow={false}\r\n// size=\"cover\"\r\n// className={styles.ava}\r\n// anonymity={anonymity}\r\n// />\r\n// </UserLink>\r\n// <div className={styles.nickname}>\r\n// <UserLink user_id={user_id} anonymity={anonymity}>\r\n// {nickname}\r\n// </UserLink>\r\n// </div>\r\n// <div className={styles.type}>\r\n// {is_long\r\n// ? intl.get('bilingually.imgtxt.article')\r\n// : intl.get('bilingually.imgtxt')}\r\n// </div>\r\n// </div>\r\n// </div>\r\n// );\r\n// }\r\n\r\n// render() {\r\n// const { type } = this.props;\r\n// if (type === 'imgTxt') {\r\n// this.renderImgTxt();\r\n// }\r\n// if (type === 'shortVideo' || type === 'microVideo') {\r\n// this.renderVideo();\r\n// }\r\n// return null;\r\n// }\r\n// }\r\n\r\nexport const Test = \"TestComponent\";\r\nexport const TestRedTxt = () => (\r\n <div className={styles.red}>\r\n RedTxt\r\n </div>\r\n)\r\n\r\nexport default {\r\n MyNormalList,\r\n NormalCard,\r\n ShareCard,\r\n Test,\r\n // TransmitCard\r\n};"],"names":["Test"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,IAAaA,IAAI,GAAG,eAAb;;;;;;;;;;;;"}
|
