| 1 |
- {"version":3,"file":"index.js","sources":["../../src/components/Payment/assets/popovers_list_huangguan.png","../../src/components/Payment/ConsumeListView/index.tsx"],"sourcesContent":["const img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABvklEQVQ4T62UTygEcRTHv29MIsqfk6OL5CYH5aKd9WfjwqxEnBzExYWTCEWJJGove5H8OTA1uwdCrOWAi83ZwUXJiSj5u+Z5s0msmd2SX81h+r33ee/7fW+G8E+H/srhqEcFCjphve1RzcaVK4j3mmoB5YxqQzdOxTji1wE2QZglb2jAEcT7/g4wr0rQugS1OYJ26nOg5nYDr4ZrR7yrl0FBAKBlqjEX3eRLwSXAmidvOJbSI47oF9LVKaCOkNc4/w7kSPOoFBqDwjpp4XA60LUkF8nzbsuERQt4ejtGdsYwiAYTYIV6STOD6UB3EpqXJC0u7zKxz0Mk3Zrj7lOLerJg5T9K+2lWhALiYx8xS9NbDZnUuPXy0wN/hYw3lnbPiNfE7HaSfTAloRqKWkya8WAnMrdmIBqfBqM/BehJAo+gKHMibdMGzUhqKUiZAHGVXJYLwPdpshPnRDRM4fl5+7uKL/0c1WXdOSie5Dh3wZcyoR7SQttO9z+M5MOWEsStFQmsTAoOwVK7qM64d5P6ayKJj9EqHBa5Q4kx2/ujqR1Exnsq493HH2muFN98oNtJ0g7s3Ul5/vwbSab+G+gDqFybE11pYkYAAAAASUVORK5CYII='; export default img;","import React, { Component, MouseEvent } from 'react';\r\nimport classnames from 'classnames';\r\n\r\n// import { DEFAULT_AVATAR } from '@/constants';\r\nimport { addImageProcess } from '../Utils/utils';\r\nimport KingDomPic from '../assets/popovers_list_huangguan.png';\r\n\r\nimport styles from './ConsumeListView.less';\r\n\r\nconst DEFAULT_AVATAR =\r\n '//links-comment.oss-cn-beijing.aliyuncs.com/comment/20180820/Kgka4_oU1.jpeg';\r\n \r\ninterface dataItem {\r\n id?: string|number;\r\n user_avatar?: string;\r\n bill_price?: number;\r\n}\r\n\r\ninterface Props {\r\n isToggle: boolean;\r\n onToggleChange: Function;\r\n onConsumeItemClick: (e: MouseEvent, clickData: any) => any,\r\n dataSource: Array<dataItem>;\r\n listLength: number;\r\n showLength: number; \r\n options: {\r\n avatarSize: number,\r\n avatarMarginLeftAndRight: number,\r\n kingdomWidth: number,\r\n kingdomHeight: number,\r\n kingdomPosition: [number, number],\r\n },\r\n}\r\n\r\nclass ConsumeListView extends Component<Props, {}> {\r\n static defaultProps: Props = {\r\n isToggle: false,\r\n onToggleChange: () => {},\r\n onConsumeItemClick: () => {},\r\n dataSource: [],\r\n listLength: 0,\r\n showLength: 6,\r\n options: {\r\n avatarSize: 36,\r\n avatarMarginLeftAndRight: 6,\r\n kingdomWidth: 24,\r\n kingdomHeight: 22,\r\n kingdomPosition: [-6, -12],\r\n },\r\n }\r\n\r\n renderConsumeItem() {\r\n const {\r\n dataSource,\r\n isToggle,\r\n onConsumeItemClick,\r\n showLength,\r\n listLength,\r\n options,\r\n } = this.props;\r\n const {\r\n kingdomWidth,\r\n kingdomHeight,\r\n kingdomPosition,\r\n avatarSize,\r\n avatarMarginLeftAndRight,\r\n } = options;\r\n\r\n let renderData = dataSource;\r\n if (!isToggle && listLength > showLength) {\r\n renderData = dataSource.slice(0, showLength - 1);\r\n }\r\n\r\n return renderData.map((v: dataItem, i: number) => {\r\n let kingdom = null;\r\n if (i === 0) {\r\n kingdom = (\r\n <img\r\n className={styles.kingdomIcon}\r\n src={KingDomPic}\r\n alt=\"reward top user\"\r\n style={{\r\n width: `${kingdomWidth}px`,\r\n height: `${kingdomHeight}px`,\r\n left: `${kingdomPosition[0]}px`,\r\n top: `${kingdomPosition[1]}px`,\r\n }}\r\n />\r\n );\r\n }\r\n return (\r\n <li\r\n key={v.id}\r\n className={styles.consumeItem}\r\n style={{ margin: `0 ${avatarMarginLeftAndRight}px 10px` }}\r\n >\r\n {kingdom}\r\n <div\r\n className={styles.avatar}\r\n onClick={(e) => onConsumeItemClick(e, v)}\r\n style={{\r\n backgroundImage: `url(${addImageProcess(\r\n v.user_avatar || DEFAULT_AVATAR,\r\n {\r\n small: true,\r\n },\r\n )})`,\r\n width: `${avatarSize}px`,\r\n height: `${avatarSize}px`,\r\n }}\r\n />\r\n <span className={styles.gray}>\r\n {/* {intl.get('bilingually.gift.item', {\r\n nums: v.bill_price / 100,\r\n }) /* {item.num}另币 */}\r\n </span>\r\n </li>\r\n );\r\n });\r\n }\r\n\r\n renderToggleButton() {\r\n const {\r\n isToggle,\r\n onToggleChange,\r\n listLength,\r\n showLength,\r\n options,\r\n } = this.props;\r\n const { avatarSize, avatarMarginLeftAndRight } = options;\r\n\r\n if (listLength <= showLength) {\r\n return null;\r\n }\r\n\r\n return (\r\n <li\r\n onClick={() => onToggleChange()}\r\n className={classnames(styles.toggle, {\r\n [styles.expand]: isToggle,\r\n })}\r\n style={{\r\n width: `${avatarSize}px`,\r\n height: `${avatarSize}px`,\r\n lineHeight: `${avatarSize}px`,\r\n margin: `0 ${avatarMarginLeftAndRight}px 10px`,\r\n }}\r\n />\r\n );\r\n }\r\n\r\n render() {\r\n const { showLength, options } = this.props;\r\n const { avatarSize, avatarMarginLeftAndRight } = options;\r\n return (\r\n <div className={styles.wrapper}>\r\n <ul\r\n className={styles.consumelist}\r\n style={{\r\n width: `calc(${avatarMarginLeftAndRight * 2 +\r\n avatarSize}px * ${showLength})`,\r\n }}\r\n >\r\n {this.renderConsumeItem()}\r\n {this.renderToggleButton()}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default ConsumeListView;\r\n"],"names":["DEFAULT_AVATAR","ConsumeListView","props","dataSource","isToggle","onConsumeItemClick","showLength","listLength","options","kingdomWidth","kingdomHeight","kingdomPosition","avatarSize","avatarMarginLeftAndRight","renderData","slice","map","v","i","kingdom","styles","kingdomIcon","KingDomPic","width","height","left","top","id","consumeItem","margin","avatar","e","backgroundImage","addImageProcess","user_avatar","small","gray","onToggleChange","classnames","toggle","expand","lineHeight","wrapper","consumelist","renderConsumeItem","renderToggleButton","Component"],"mappings":"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"}
|
