説明なし

index.js 27KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. import React from 'react';
  2. import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
  3. import { _ as _defineProperty } from '../defineProperty-18999f8e.js';
  4. import { c as classnames } from '../index-e3cf212a.js';
  5. import { e as exportStyleSizeClass } from '../utils-6b513b37.js';
  6. var img = "data:image/png;base64,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";
  7. var img$1 = "data:image/png;base64,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";
  8. var img$2 = "data:image/png;base64,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";
  9. var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAM1BMVEVHcEwArfAAq/AArvQAq+4Aqu8Aqu8Ar/QAqu8Aq+8Aqu8ArPAAsf8Aq/AAqu8Aq/AAqu6gIIw3AAAAEHRSTlMAKoAZ9JXXD7o86WoHSaldjgJo7wAAAgBJREFUWMPtmNmShCAMRSHsIMj/f+1oCy4YsB2oeZr7SHWdJsklEgj5iDkteXwlLrVj5JCCl4AdBCozqIy/lqSJYWOH7IeiZOySXCOC2ClY6sJ7IZwRF7vliO6HaNJOq5+2ArZTS5op4dlJ7aSQ2A+J/5A/gcyq0N5xCukWhHypFgRMobyRcl3+l/gtJIizEoRdFu0jxDyWV8UBEP8M0VVBgoiXiS368SbbA0kHycQOiK5G8wKSDudknyFWCwAQQZe/tdvHg8xPZpNAj0oyD5pfvrgfyTZEztPNE9SFDcRVzSQXSFC4tya/+ry1kQOSf6UYZbcdUWCNjeyQ8AG4YFN6wavntlhArFqP6vW7rO85Ms1WsJjA3A3ARXkcfeBViF32gV//tC8bwawrEEHqlx3pyqgYSAziWw2Q03uC6YWzQZpXN4/758Qh6ZTDYxtBOfo7iNvv7oA5R81CJgit5iQzmFwrzvDOTbJN0OrwnI90d+eBophseswneYQ43/+1r0GW8twdy2E6xdIyDjnOHwtXy+8JuOEtMAyyJXAvvQ3zUQrUQsEgEJ4XmfHm/D+sdh7OjXDfPmqqqTUdHlHFRn9U8DTZpajOubwEOuG9A42qWBLOG2r8LPTXE5kVpHt6W+9Tsh8ix4xvQwbJISPtkOF6zJg/5MFhzNPHmEeY7uegH1eE2uqiaqwMAAAAAElFTkSuQmCC";
  10. var img$4 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAA+CAMAAAChgZ0aAAAAM1BMVEVHcEwJvAcNvwoKvQgcxxwKvAgJvAcJvAcKvAgMwQsKvAcJvAcJvAgLvQkJvAgJvAcJuwemYXQzAAAAEHRSTlMA4SZICXfR91wV7YrANpyxIG3ToQAAAgRJREFUWMOlWFmigyAMJKwB2e5/2qdWXys7mE+1Y8hMxqSEVEMz4a0Eo5QBab1glMwGRw8xC/CoZzCCirWwyIdA9GZiM8ymB0BU7IbqAaGJQ6FEKxUfh0O6GgqDOBOVhLY4Gb7AGQ9xOmRWaW5jfI+zksuJ8zyXX0OJwH5RxBqIxUcuTq2AhEQ5XM5jqO22Dc2XjwTipoiLuy+0maXnWxLcha/0inrDlxz3Edt2pjWTjPI0b2RzVAdXSnJU9Pv645BhvCQ/kmW/7Nr9TIlmUKheSQihybs5Yckr92dksyT7mzOjZZloaM6dEbpjtCIrjT+ZhEpJ9lslyQeSXv2ISd/olo24tSRQsdgj9WdJTuVXlECyG+Y6A2cs8TasWr4h+TUsOz5t2KwippDh9CfMEBhKR7QbD0ghVZt9B3u+Zotm/nRH2u86X2zw0FR+LJXBlS7TAZKT56GYZEP5schtyUOvjhj9CB4uWjxVaCi/UoOiOiGMDzsfgbD4Mi4TsO9QbrW6dzB0eVxLaVqfBUoNSM0qinn44ypbKplx8BXX73AUK8zo05ObKc77DiY5qmx7eob3xg5DJwa3xuLJx1NpbYqDzdVb7oYmWyl6q+a/Y4CtsCY311+cL+UAnsv8Zh9KUtLj0ELPrpN/y6cdQxRCILrxPf60nTD/F0JeGsnI6xAg+OJP/wCiDbP03htrDwAAAABJRU5ErkJggg==";
  11. var img$5 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABGCAMAAACnmwfnAAAAb1BMVEVHcEwSOoYNeb4ROoUAnuMAneIAnuMROoUAneMSU5wUO4gROoUROoYROYUROYUAoOUAnuMSOoYRO4YAnuMROoUAoOUNUpwEh88Ja7QAnuQAnuQROYQAneIXLHAUM3sVL3USNn8NWqEIdLsRRYwEh8yuGf8EAAAAG3RSTlMAVQvuy+eo5PkXKW/Rr4goeETDiZ43us7AS166//BKAAAB4UlEQVRYw6WW25qCMAyEEVoOAitycBdboYrv/4yru4oS0pDK3P9f0gkZ4nmjNmWEK8vK+ivd+55dG7WkLE1scKQYqnF8q1gKNhi8V0ylCJxyYYXUrtlwsJ3BJRtW+QwO+LCCpRMHVtWfmn1X9LHZSN9fTjCYVr4GjlbAvloBz9bCdKiMMXPD4DJ3J7v6TiWk2SdSfVwldrMNDSutZfOCM37XN5211nE7wsoJvtxgLROL2T39ZP2n0LIWNDz8w3GCrwWj65sKNIMMp+ux79LFr/MTFmgGdazCWqIZ1LMKP2AXs40GsIPZ/fUFC2wtDGNM9zmHjmvxevA454hr9oTVLZZBNr/6y4TVO4e1UNcpK9AMwkcEyj6fvJxB/TBDH10jZvejOqOG81UjEmgGmUFz1KIZFLBYgWfQDwtu8Az65rAF/msOYgYbWu6gjPNg33IHHRh1fdsddGC/F8mgJbPDHXEHkWbLCTrPIDkj4rukFGHVwNMPrEUEySN14YO1KAFceZQi2uwdxfq02ZIsvKXNFiQMMshMzY5DEl4wuyDhnF6LloSzFWaDtTDA7NhzgN3MBobl0pIYtq8keZPv9HECNQA+usBHPGB5qgDsu8Chy1pAiemUxQrYzWyviN8l6I/T+wU2HDmgaaHs/gAAAABJRU5ErkJggg==";
  12. var css = ".PayPlatformOptions_flexContainer__b-T24 {\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.PayPlatformOptions_label__3uVHv {\n font-size: 14px;\n font-weight: 400;\n color: #616A79;\n}\n.PayPlatformOptions_payChannelBox__3_kPR {\n padding: 20px 10px 10px 10px;\n text-align: center;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_paymentImage__1Jwya {\n display: inline-block;\n margin: 0;\n width: 60%;\n vertical-align: middle;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_paymentImage-before__2mPbW {\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border: 1px solid transparent;\n height: 66px;\n line-height: 66px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL .PayPlatformOptions_platformName__U1hFh {\n text-align: center;\n white-space: nowrap;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_small__rnqDt {\n width: 88px;\n height: 36px;\n line-height: 36px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_small__rnqDt .PayPlatformOptions_paymentImage__1Jwya {\n margin: 0;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_normal__12jfT {\n width: 132px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_large__Q_Mjs {\n width: 162px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_active__3wAdi {\n border-radius: 5px;\n border-color: #1790FF;\n box-shadow: 0px 2px 6px 0px rgba(163, 163, 163, 0.3);\n}\n.PayPlatformOptions_payChannelBox__3_kPR .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_en__Ns_g7 {\n font-size: 12px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag {\n padding: 8px 10px 10px 8px;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag .PayPlatformOptions_payChannelBlock__3YbXL {\n display: inline-flex;\n flex-direction: column;\n justify-content: space-around;\n width: 78px;\n height: 80px;\n line-height: initial;\n border: 1px solid transparent;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_active__3wAdi {\n border-radius: 4px;\n border-color: #1790FF;\n}\n.PayPlatformOptions_payChannelBox__3_kPR.PayPlatformOptions_mobile__3Ckag .PayPlatformOptions_payChannelBlock__3YbXL .PayPlatformOptions_paymentImage__1Jwya {\n display: inline-block;\n width: 34px;\n height: 34px;\n}\n@media (max-width: 768px) {\n .PayPlatformOptions_payChannelBlock__3YbXL {\n cursor: pointer;\n border: 1px solid transparent;\n }\n .PayPlatformOptions_payChannelBlock__3YbXL.PayPlatformOptions_active__3wAdi {\n border-radius: 5px;\n border-color: #1790FF;\n }\n}\n";
  13. var styles = {
  14. "flexContainer": "PayPlatformOptions_flexContainer__b-T24",
  15. "label": "PayPlatformOptions_label__3uVHv",
  16. "payChannelBox": "PayPlatformOptions_payChannelBox__3_kPR",
  17. "paymentImage": "PayPlatformOptions_paymentImage__1Jwya",
  18. "paymentImage-before": "PayPlatformOptions_paymentImage-before__2mPbW",
  19. "payChannelBlock": "PayPlatformOptions_payChannelBlock__3YbXL",
  20. "platformName": "PayPlatformOptions_platformName__U1hFh",
  21. "small": "PayPlatformOptions_small__rnqDt",
  22. "normal": "PayPlatformOptions_normal__12jfT",
  23. "large": "PayPlatformOptions_large__Q_Mjs",
  24. "active": "PayPlatformOptions_active__3wAdi",
  25. "en": "PayPlatformOptions_en__Ns_g7",
  26. "mobile": "PayPlatformOptions_mobile__3Ckag",
  27. "paymentImageBefore": "PayPlatformOptions_paymentImage-before__2mPbW"
  28. };
  29. styleInject(css);
  30. function ownKeys(object, enumerableOnly) {
  31. var keys = Object.keys(object);
  32. if (Object.getOwnPropertySymbols) {
  33. var symbols = Object.getOwnPropertySymbols(object);
  34. if (enumerableOnly) symbols = symbols.filter(function (sym) {
  35. return Object.getOwnPropertyDescriptor(object, sym).enumerable;
  36. });
  37. keys.push.apply(keys, symbols);
  38. }
  39. return keys;
  40. }
  41. function _objectSpread(target) {
  42. for (var i = 1; i < arguments.length; i++) {
  43. var source = arguments[i] != null ? arguments[i] : {};
  44. if (i % 2) {
  45. ownKeys(Object(source), true).forEach(function (key) {
  46. _defineProperty(target, key, source[key]);
  47. });
  48. } else if (Object.getOwnPropertyDescriptors) {
  49. Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
  50. } else {
  51. ownKeys(Object(source)).forEach(function (key) {
  52. Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
  53. });
  54. }
  55. }
  56. return target;
  57. }
  58. var PAY_CHANNEL = {
  59. PAYPAL: "PAYPAL_PAYPAL",
  60. ALI_WEB: "ALI_WEB",
  61. ALI_WAP: "ALI_WAP",
  62. WX_WAP: "WX_WAP",
  63. WX_NATIVE: "WX_NATIVE"
  64. };
  65. var PAY_CHANNEL_CATEGORY = {
  66. ALI: "Alipay",
  67. WX: "Wechat",
  68. PAYPAL: "Paypal"
  69. };
  70. var PAY_CHANNEL_INSTANCE = [{
  71. image: {
  72. desktop: img,
  73. mobile: img$3
  74. },
  75. text: {
  76. zh: "支付宝",
  77. en: "Alipay"
  78. },
  79. key: PAY_CHANNEL_CATEGORY.ALI
  80. }, {
  81. image: {
  82. desktop: img$1,
  83. mobile: img$4
  84. },
  85. text: {
  86. zh: "微信",
  87. en: "WeChat"
  88. },
  89. key: PAY_CHANNEL_CATEGORY.WX
  90. }, {
  91. image: {
  92. desktop: img$2,
  93. mobile: img$5
  94. },
  95. text: {
  96. zh: "PayPal",
  97. en: "PayPal"
  98. },
  99. key: PAY_CHANNEL_CATEGORY.PAYPAL
  100. }];
  101. var PayPlatformBlock = function PayPlatformBlock(_ref) {
  102. var _ref$isMobile = _ref.isMobile,
  103. isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
  104. _ref$isActive = _ref.isActive,
  105. isActive = _ref$isActive === void 0 ? false : _ref$isActive,
  106. _ref$size = _ref.size,
  107. size = _ref$size === void 0 ? "normal" : _ref$size,
  108. onClick = _ref.onClick,
  109. text = _ref.text,
  110. image = _ref.image,
  111. _ref$locale = _ref.locale,
  112. locale = _ref$locale === void 0 ? "zh" : _ref$locale;
  113. var showText = text[locale];
  114. if (isMobile) {
  115. return React.createElement("div", {
  116. className: styles.flexItem
  117. }, React.createElement("div", {
  118. className: classnames(styles.payChannelBlock, _objectSpread(_defineProperty({}, styles.active, isActive), exportStyleSizeClass(styles, size)), styles[locale]),
  119. onClick: onClick
  120. }, React.createElement("img", {
  121. src: image.mobile,
  122. alt: showText,
  123. className: styles.paymentImage
  124. }), React.createElement("div", {
  125. className: styles.platformName
  126. }, showText)));
  127. }
  128. return React.createElement("div", {
  129. className: styles.flexItem
  130. }, React.createElement("div", {
  131. className: classnames(styles.payChannelBlock, _objectSpread(_defineProperty({}, styles.active, isActive), exportStyleSizeClass(styles, size)), styles[locale]),
  132. onClick: onClick
  133. }, React.createElement("span", {
  134. className: styles["payment-method-before"]
  135. }), React.createElement("img", {
  136. src: image.desktop,
  137. alt: showText,
  138. className: styles.paymentImage
  139. })));
  140. };
  141. var PayPlatformOptions = function PayPlatformOptions(_ref2) {
  142. var payChannel = _ref2.payChannel,
  143. onPayChannelChange = _ref2.onPayChannelChange,
  144. _ref2$size = _ref2.size,
  145. size = _ref2$size === void 0 ? "normal" : _ref2$size,
  146. _ref2$isMobile = _ref2.isMobile,
  147. isMobile = _ref2$isMobile === void 0 ? false : _ref2$isMobile,
  148. _ref2$withTitle = _ref2.withTitle,
  149. withTitle = _ref2$withTitle === void 0 ? true : _ref2$withTitle,
  150. titleText = _ref2.titleText,
  151. _ref2$locale = _ref2.locale,
  152. locale = _ref2$locale === void 0 ? "zh" : _ref2$locale;
  153. var titleDOM = null;
  154. var payListDOM = [{
  155. valueKey: PAY_CHANNEL.ALI_WEB,
  156. categoryKey: PAY_CHANNEL_CATEGORY.ALI
  157. }, {
  158. valueKey: PAY_CHANNEL.WX_NATIVE,
  159. categoryKey: PAY_CHANNEL_CATEGORY.WX
  160. }, {
  161. valueKey: PAY_CHANNEL.PAYPAL,
  162. categoryKey: PAY_CHANNEL_CATEGORY.PAYPAL
  163. }].map(function (v) {
  164. var valueKey = v.valueKey,
  165. categoryKey = v.categoryKey;
  166. var targetInstance = PAY_CHANNEL_INSTANCE.find(function (ins) {
  167. return ins.key === categoryKey;
  168. });
  169. if (targetInstance) {
  170. var text = targetInstance.text,
  171. image = targetInstance.image;
  172. return React.createElement(PayPlatformBlock, Object.assign({
  173. key: valueKey
  174. }, {
  175. isMobile: isMobile,
  176. locale: locale,
  177. size: size
  178. }, {
  179. onClick: function onClick() {
  180. return onPayChannelChange(valueKey);
  181. },
  182. isActive: valueKey === payChannel,
  183. text: text,
  184. image: image
  185. }));
  186. }
  187. });
  188. if (withTitle) {
  189. titleDOM = React.createElement("div", {
  190. className: styles.label
  191. }, titleText || locale === "zh" ? "支付方式" : "Payment");
  192. }
  193. return React.createElement("div", null, titleDOM, React.createElement("div", {
  194. className: classnames(styles.payChannelBox, _defineProperty({}, styles.mobile, isMobile))
  195. }, React.createElement("div", {
  196. className: styles.flexContainer
  197. }, payListDOM)));
  198. };
  199. export default PayPlatformOptions;
  200. export { PAY_CHANNEL, PAY_CHANNEL_CATEGORY };
  201. //# sourceMappingURL=index.js.map