@pisell/private-materials 3.0.147 → 3.0.148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,7 +9,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
11
  import React, { useMemo, useRef } from 'react';
12
- import { PisellRow, Iconfont, PisellText } from '@pisell/materials';
12
+ import { PisellRow, Iconfont, PisellText, Button } from '@pisell/materials';
13
13
  import classNames from 'classnames';
14
14
  import { locales } from '@pisell/utils';
15
15
  import WalletPass from "../PaymentMethods/WalletPass";
@@ -51,11 +51,21 @@ var WalletPassBlock = function WalletPassBlock(props) {
51
51
  className: "wallet-pass-card-title"
52
52
  }, locales.getText('tocPay.text.walletPass')), /*#__PURE__*/React.createElement("div", {
53
53
  className: "wallet-pass-card-desc"
54
- }, centerContentDesc)),
55
- rightContent: /*#__PURE__*/React.createElement(Iconfont, {
56
- type: "pisell2-chevron-right",
57
- className: "wallet-pass-card-icon"
58
- }),
54
+ }, centerContentDesc), /*#__PURE__*/React.createElement(Button, {
55
+ size: "large",
56
+ className: "wallet-pass-card-to-use",
57
+ rightIcon: /*#__PURE__*/React.createElement(Iconfont, {
58
+ type: "pisell2-arrow-right",
59
+ className: "wallet-pass-card-icon"
60
+ })
61
+ }, locales.getText('tocPay.text.toUse')))
62
+ // rightContent={
63
+ // <Iconfont
64
+ // type="pisell2-chevron-right"
65
+ // className="wallet-pass-card-icon"
66
+ // />
67
+ // }
68
+ ,
59
69
  padding: 16,
60
70
  gap: 4,
61
71
  onClick: handleClick
@@ -1,5 +1,16 @@
1
1
  .wallet-pass-wrap {
2
2
  cursor: pointer;
3
+ .wallet-pass-card-to-use {
4
+ margin-top: 8px;
5
+ .wallet-pass-card-icon {
6
+ font-size: 20px;
7
+ color: #344054;
8
+ }
9
+ & > span {
10
+ display: flex;
11
+ align-items: center;
12
+ }
13
+ }
3
14
 
4
15
  .wallet-pass-title {
5
16
  color: var(--Gray-900, #101828);
@@ -12,11 +23,11 @@
12
23
  .wallet-pass-card {
13
24
  margin-top: 20px;
14
25
  border-radius: 12px;
15
- border: 1px solid var(--Gray-200, #EAECF0);
26
+ border: 1px solid var(--Gray-400, #98A2B3);
16
27
  background: var(--Base-White, #FFF);
17
28
 
18
29
  .wallet-pass-card-title {
19
- color: var(--Gray-700, #344054);
30
+ color: var(--Gray-900, #101828);
20
31
  font-size: 16px;
21
32
  font-style: normal;
22
33
  font-weight: 600;
@@ -35,15 +46,15 @@
35
46
  }
36
47
  }
37
48
 
38
- .wallet-pass-card-icon {
39
- width: 24px;
40
- height: 24px;
41
- color: #667085;
42
- display: flex;
43
- align-items: center;
44
- justify-content: center;
45
- font-size: 24px;
46
- }
49
+ //.wallet-pass-card-icon {
50
+ // width: 24px;
51
+ // height: 24px;
52
+ // color: #667085;
53
+ // display: flex;
54
+ // align-items: center;
55
+ // justify-content: center;
56
+ // font-size: 24px;
57
+ //}
47
58
  }
48
59
 
49
60
  .wallet-pass-card-complete-title {
@@ -48,6 +48,7 @@ declare const _default: {
48
48
  'tocPay.text.leave': string;
49
49
  'tocPay.text.getParamsFail': string;
50
50
  'tocPay.text.walletPass': string;
51
+ 'tocPay.text.toUse': string;
51
52
  'tocPay.text.searchResult': string;
52
53
  'tocPay.text.select': string;
53
54
  'tocPay.text.couponCodesAdded': string;
@@ -120,6 +121,7 @@ declare const _default: {
120
121
  'tocPay.text.leave': string;
121
122
  'tocPay.text.getParamsFail': string;
122
123
  'tocPay.text.walletPass': string;
124
+ 'tocPay.text.toUse': string;
123
125
  'tocPay.text.searchResult': string;
124
126
  'tocPay.text.select': string;
125
127
  'tocPay.text.couponCodesAdded': string;
@@ -191,6 +193,7 @@ declare const _default: {
191
193
  'tocPay.text.leave': string;
192
194
  'tocPay.text.getParamsFail': string;
193
195
  'tocPay.text.walletPass': string;
196
+ 'tocPay.text.toUse': string;
194
197
  'tocPay.text.searchResult': string;
195
198
  'tocPay.text.select': string;
196
199
  'tocPay.text.couponCodesAdded': string;
@@ -48,6 +48,7 @@ export default {
48
48
  'tocPay.text.leave': 'Leave',
49
49
  'tocPay.text.getParamsFail': 'Failed to obtain payment parameters',
50
50
  'tocPay.text.walletPass': 'Wallet Pass',
51
+ 'tocPay.text.toUse': 'To use',
51
52
  'tocPay.text.searchResult': 'Search result',
52
53
  'tocPay.text.select': 'Select',
53
54
  'tocPay.text.couponCodesAdded': 'Codes added',
@@ -120,6 +121,7 @@ export default {
120
121
  'tocPay.text.leave': '离开',
121
122
  'tocPay.text.getParamsFail': '获取支付参数失败',
122
123
  'tocPay.text.walletPass': '钱包支付',
124
+ 'tocPay.text.toUse': '去使用',
123
125
  'tocPay.text.searchResult': '搜索结果',
124
126
  'tocPay.text.select': '选择',
125
127
  'tocPay.text.couponCodesAdded': '编码添加',
@@ -191,6 +193,7 @@ export default {
191
193
  'tocPay.text.leave': '離開',
192
194
  'tocPay.text.getParamsFail': '取得支付參數失敗',
193
195
  'tocPay.text.walletPass': '錢包支付',
196
+ 'tocPay.text.toUse': '去使用',
194
197
  'tocPay.text.searchResult': '搜索結果',
195
198
  'tocPay.text.select': '選擇',
196
199
  'tocPay.text.couponCodesAdded': '編碼添加',
@@ -60,32 +60,30 @@ var WalletPassBlock = (props) => {
60
60
  ), " ", import_utils.locales.getText("tocPay.text.creditHaveBeen"));
61
61
  }
62
62
  }, [(_a = payGroup == null ? void 0 : payGroup.walletPass) == null ? void 0 : _a.amount]);
63
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
64
- "div",
63
+ return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { ...others, className: (0, import_classnames.default)("wallet-pass-wrap", className) }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-title" }, import_utils.locales.getText("tocPay.text.howToPay")), /* @__PURE__ */ import_react.default.createElement(
64
+ import_materials.PisellRow,
65
65
  {
66
- ...others,
67
- className: (0, import_classnames.default)("wallet-pass-wrap", className)
68
- },
69
- /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-title" }, import_utils.locales.getText("tocPay.text.howToPay")),
70
- /* @__PURE__ */ import_react.default.createElement(
71
- import_materials.PisellRow,
72
- {
73
- className: "wallet-pass-card",
74
- centerContent: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-title" }, import_utils.locales.getText("tocPay.text.walletPass")), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-desc" }, centerContentDesc)),
75
- rightContent: /* @__PURE__ */ import_react.default.createElement(
76
- import_materials.Iconfont,
77
- {
78
- type: "pisell2-chevron-right",
79
- className: "wallet-pass-card-icon"
80
- }
81
- ),
82
- padding: 16,
83
- gap: 4,
84
- onClick: handleClick
85
- }
86
- ),
87
- ((payGroup == null ? void 0 : payGroup.wait_amount) || 0) == 0 && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-complete-title" }, import_utils.locales.getText("tocPay.text.walletPassCompleteTitle")), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-complete-no-extre-pay" }, import_utils.locales.getText("tocPay.text.walletPassNoExtraPay")))
88
- ), /* @__PURE__ */ import_react.default.createElement(
66
+ className: "wallet-pass-card",
67
+ centerContent: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-title" }, import_utils.locales.getText("tocPay.text.walletPass")), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-desc" }, centerContentDesc), /* @__PURE__ */ import_react.default.createElement(
68
+ import_materials.Button,
69
+ {
70
+ size: "large",
71
+ className: "wallet-pass-card-to-use",
72
+ rightIcon: /* @__PURE__ */ import_react.default.createElement(
73
+ import_materials.Iconfont,
74
+ {
75
+ type: "pisell2-arrow-right",
76
+ className: "wallet-pass-card-icon"
77
+ }
78
+ )
79
+ },
80
+ import_utils.locales.getText("tocPay.text.toUse")
81
+ )),
82
+ padding: 16,
83
+ gap: 4,
84
+ onClick: handleClick
85
+ }
86
+ ), ((payGroup == null ? void 0 : payGroup.wait_amount) || 0) == 0 && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-complete-title" }, import_utils.locales.getText("tocPay.text.walletPassCompleteTitle")), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-card-complete-no-extre-pay" }, import_utils.locales.getText("tocPay.text.walletPassNoExtraPay")))), /* @__PURE__ */ import_react.default.createElement(
89
87
  import_WalletPass.default,
90
88
  {
91
89
  ref: walletPassRef,
@@ -1,5 +1,16 @@
1
1
  .wallet-pass-wrap {
2
2
  cursor: pointer;
3
+ .wallet-pass-card-to-use {
4
+ margin-top: 8px;
5
+ .wallet-pass-card-icon {
6
+ font-size: 20px;
7
+ color: #344054;
8
+ }
9
+ & > span {
10
+ display: flex;
11
+ align-items: center;
12
+ }
13
+ }
3
14
 
4
15
  .wallet-pass-title {
5
16
  color: var(--Gray-900, #101828);
@@ -12,11 +23,11 @@
12
23
  .wallet-pass-card {
13
24
  margin-top: 20px;
14
25
  border-radius: 12px;
15
- border: 1px solid var(--Gray-200, #EAECF0);
26
+ border: 1px solid var(--Gray-400, #98A2B3);
16
27
  background: var(--Base-White, #FFF);
17
28
 
18
29
  .wallet-pass-card-title {
19
- color: var(--Gray-700, #344054);
30
+ color: var(--Gray-900, #101828);
20
31
  font-size: 16px;
21
32
  font-style: normal;
22
33
  font-weight: 600;
@@ -35,15 +46,15 @@
35
46
  }
36
47
  }
37
48
 
38
- .wallet-pass-card-icon {
39
- width: 24px;
40
- height: 24px;
41
- color: #667085;
42
- display: flex;
43
- align-items: center;
44
- justify-content: center;
45
- font-size: 24px;
46
- }
49
+ //.wallet-pass-card-icon {
50
+ // width: 24px;
51
+ // height: 24px;
52
+ // color: #667085;
53
+ // display: flex;
54
+ // align-items: center;
55
+ // justify-content: center;
56
+ // font-size: 24px;
57
+ //}
47
58
  }
48
59
 
49
60
  .wallet-pass-card-complete-title {
@@ -48,6 +48,7 @@ declare const _default: {
48
48
  'tocPay.text.leave': string;
49
49
  'tocPay.text.getParamsFail': string;
50
50
  'tocPay.text.walletPass': string;
51
+ 'tocPay.text.toUse': string;
51
52
  'tocPay.text.searchResult': string;
52
53
  'tocPay.text.select': string;
53
54
  'tocPay.text.couponCodesAdded': string;
@@ -120,6 +121,7 @@ declare const _default: {
120
121
  'tocPay.text.leave': string;
121
122
  'tocPay.text.getParamsFail': string;
122
123
  'tocPay.text.walletPass': string;
124
+ 'tocPay.text.toUse': string;
123
125
  'tocPay.text.searchResult': string;
124
126
  'tocPay.text.select': string;
125
127
  'tocPay.text.couponCodesAdded': string;
@@ -191,6 +193,7 @@ declare const _default: {
191
193
  'tocPay.text.leave': string;
192
194
  'tocPay.text.getParamsFail': string;
193
195
  'tocPay.text.walletPass': string;
196
+ 'tocPay.text.toUse': string;
194
197
  'tocPay.text.searchResult': string;
195
198
  'tocPay.text.select': string;
196
199
  'tocPay.text.couponCodesAdded': string;
@@ -72,6 +72,7 @@ var locales_default = {
72
72
  "tocPay.text.leave": "Leave",
73
73
  "tocPay.text.getParamsFail": "Failed to obtain payment parameters",
74
74
  "tocPay.text.walletPass": "Wallet Pass",
75
+ "tocPay.text.toUse": "To use",
75
76
  "tocPay.text.searchResult": "Search result",
76
77
  "tocPay.text.select": "Select",
77
78
  "tocPay.text.couponCodesAdded": "Codes added",
@@ -144,6 +145,7 @@ var locales_default = {
144
145
  "tocPay.text.leave": "离开",
145
146
  "tocPay.text.getParamsFail": "获取支付参数失败",
146
147
  "tocPay.text.walletPass": "钱包支付",
148
+ "tocPay.text.toUse": "去使用",
147
149
  "tocPay.text.searchResult": "搜索结果",
148
150
  "tocPay.text.select": "选择",
149
151
  "tocPay.text.couponCodesAdded": "编码添加",
@@ -215,6 +217,7 @@ var locales_default = {
215
217
  "tocPay.text.leave": "離開",
216
218
  "tocPay.text.getParamsFail": "取得支付參數失敗",
217
219
  "tocPay.text.walletPass": "錢包支付",
220
+ "tocPay.text.toUse": "去使用",
218
221
  "tocPay.text.searchResult": "搜索結果",
219
222
  "tocPay.text.select": "選擇",
220
223
  "tocPay.text.couponCodesAdded": "編碼添加",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/private-materials",
3
- "version": "3.0.147",
3
+ "version": "3.0.148",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -59,9 +59,9 @@
59
59
  "react-infinite-scroll-component": "^6.1.0",
60
60
  "rc-virtual-list": "^3.11.3",
61
61
  "decimal.js": "^10.4.3",
62
- "@pisell/icon": "0.0.11",
63
- "@pisell/utils": "1.0.42",
64
62
  "@pisell/date-picker": "1.0.100",
63
+ "@pisell/utils": "1.0.42",
64
+ "@pisell/icon": "0.0.11",
65
65
  "@pisell/materials": "3.0.48"
66
66
  },
67
67
  "peerDependencies": {