| 1 |
- {"version":3,"file":"index.js","sources":["../../src/components/Payment/PriceOptions/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { Input } from \"antd\";\r\nimport styles from \"./PriceOptions.less\";\r\n\r\ninterface Props {\r\n rowMode: \"single\" | \"multi\";\r\n price: number;\r\n onPriceChange: (v: number) => void;\r\n size: \"small\" | \"normal\" | \"large\";\r\n focusScroll: boolean;\r\n withTitle: boolean;\r\n titleText?: string | JSX.Element[] | JSX.Element;\r\n inputPlaceholderText?: string;\r\n priceOptions?: Array<any>;\r\n priceRender?: Function;\r\n inputPriceRender?: Function;\r\n inputSuffix?: string | JSX.Element[] | JSX.Element;\r\n injectOptions?: {\r\n priceBtnClass: any;\r\n priceInputClass: any;\r\n }\r\n inputRef: React.RefObject<any>;\r\n}\r\n\r\nconst PriceOptions = ({\r\n price,\r\n onPriceChange,\r\n rowMode = \"single\",\r\n size = \"normal\",\r\n focusScroll = true,\r\n withTitle = true,\r\n titleText = \"Price\",\r\n inputPlaceholderText = \"Others\",\r\n priceOptions = [100, 600, 800],\r\n priceRender = (i: any) => i / 100,\r\n inputPriceRender = (i: any) => (i ? i / 100 : \"\"),\r\n inputSuffix = \"￥\",\r\n injectOptions = {\r\n priceBtnClass: {},\r\n priceInputClass: {},\r\n },\r\n inputRef\r\n}: Props) => {\r\n const defaultOptions = priceOptions;\r\n // 控制是否为其他金额输入情况\r\n const [inputStatus, setInputStatus] = useState(false);\r\n const [inputPrice, setInputPrice] = useState('');\r\n\r\n return (\r\n <div className={classnames(styles.options, {\r\n [styles.multi]: rowMode === \"multi\"\r\n })}>\r\n {withTitle ? (titleText || null) : null}\r\n <div className={styles.infoItem}>\r\n <span className={styles.priceBtn}>\r\n {defaultOptions.map(item => (\r\n <span\r\n className={classnames({\r\n [styles.priceItem]: true,\r\n [styles.active]: price === item && !inputStatus,\r\n ...injectOptions.priceBtnClass,\r\n })}\r\n key={item}\r\n onClick={() => {\r\n onPriceChange(item);\r\n setInputStatus(false);\r\n }}\r\n >\r\n {priceRender(item)}\r\n </span>\r\n ))}\r\n </span>\r\n <Input\r\n ref={inputRef}\r\n className={classnames(styles.priceInput, {...injectOptions.priceInputClass})}\r\n onMouseEnter={() => {\r\n if (inputStatus && inputRef && inputRef.current) {\r\n inputRef.current.focus();\r\n inputRef.current.select();\r\n }\r\n }}\r\n suffix={inputSuffix}\r\n value={inputStatus ? inputPriceRender(inputPrice) : \"\"}\r\n placeholder={inputPlaceholderText}\r\n onChange={e => {\r\n const n = +e.target.value;\r\n if (Number.isNaN(n)) {\r\n return;\r\n }\r\n // 测试暂时改成1分\r\n setInputPrice(`${n * 100}`);\r\n onPriceChange(n * 100);\r\n }}\r\n onClick={e => {\r\n if (!inputStatus) {\r\n setInputPrice('');\r\n setInputStatus(true);\r\n }\r\n }}\r\n onFocus={e => {\r\n e.target.placeholder = \"\";\r\n if (inputStatus) {\r\n setInputPrice(`${price}`);\r\n } else {\r\n setInputPrice('');\r\n setInputStatus(true);\r\n }\r\n if (focusScroll) {\r\n e.target.scrollIntoView();\r\n }\r\n }}\r\n onBlur={e => {\r\n e.target.placeholder = inputPlaceholderText;\r\n if (inputPrice) {\r\n setInputStatus(true);\r\n } else {\r\n setInputStatus(false);\r\n }\r\n }}\r\n />\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default PriceOptions;\r\n"],"names":["PriceOptions","price","onPriceChange","rowMode","size","focusScroll","withTitle","titleText","inputPlaceholderText","priceOptions","priceRender","i","inputPriceRender","inputSuffix","injectOptions","priceBtnClass","priceInputClass","inputRef","defaultOptions","useState","inputStatus","setInputStatus","inputPrice","setInputPrice","React","createElement","className","classnames","styles","options","multi","infoItem","priceBtn","map","item","priceItem","active","key","onClick","Input","ref","priceInput","onMouseEnter","current","focus","select","suffix","value","placeholder","onChange","e","n","target","Number","isNaN","onFocus","scrollIntoView","onBlur"],"mappings":"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"}
|
