@pisell/materials 1.0.477 → 1.0.478

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.
Files changed (13) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/meta.js +1 -1
  5. package/build/lowcode/render/default/view.css +1 -1
  6. package/build/lowcode/render/default/view.js +1 -1
  7. package/build/lowcode/view.css +1 -1
  8. package/build/lowcode/view.js +1 -1
  9. package/es/components/walletCard/index.js +4 -1
  10. package/es/components/walletCard/index.less +2 -0
  11. package/lib/components/walletCard/index.js +96 -87
  12. package/lib/components/walletCard/index.less +2 -0
  13. package/package.json +3 -3
package/es/components/walletCard/index.js CHANGED
@@ -99,7 +99,10 @@ var WalletCard = function WalletCard(props) {
99
99
  }
100
100
  };
101
101
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
102
- className: classNames('pisell-wallet-card-wrapper')
102
+ className: classNames('pisell-wallet-card-wrapper'),
103
+ style: {
104
+ borderRadius: cardStyle === 'normal' ? '12px' : codeDirection === 'bottom' ? '12px 12px 0 0' : '0 0 12px 12px'
105
+ }
103
106
  }, /*#__PURE__*/React.createElement(Flex, {
104
107
  style: {
105
108
  flexDirection: "".concat(codeDirection === 'bottom' ? 'column' : 'column-reverse')
package/es/components/walletCard/index.less CHANGED
@@ -1,4 +1,6 @@
1
1
  .pisell-wallet-card-wrapper {
2
+ border: none;
3
+ overflow: hidden;
2
4
  .pisell-lowcode-card-body {
3
5
  padding: 0;
4
6
  p {
package/lib/components/walletCard/index.js CHANGED
@@ -91,125 +91,134 @@ var WalletCard = (props) => {
91
91
  padding: 0
92
92
  }
93
93
  };
94
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { className: (0, import_classnames.default)("pisell-wallet-card-wrapper") }, /* @__PURE__ */ import_react.default.createElement(
95
- import_antd.Flex,
94
+ return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
95
+ import_antd.Card,
96
96
  {
97
+ className: (0, import_classnames.default)("pisell-wallet-card-wrapper"),
97
98
  style: {
98
- flexDirection: `${codeDirection === "bottom" ? "column" : "column-reverse"}`
99
+ borderRadius: cardStyle === "normal" ? "12px" : codeDirection === "bottom" ? "12px 12px 0 0" : "0 0 12px 12px"
99
100
  }
100
101
  },
101
102
  /* @__PURE__ */ import_react.default.createElement(
102
103
  import_antd.Flex,
103
104
  {
104
- vertical: true,
105
- className: (0, import_classnames.default)("pisell-wallet-card-content", mode),
106
105
  style: {
107
- backgroundImage: `url('${import_utils.image.ali(
108
- `${import_configs.default.static}/static/${mode === "dark" ? "wallet_bg_black" : "wallet_bg_white"}.jpeg`,
109
- 360
110
- )}')`
106
+ flexDirection: `${codeDirection === "bottom" ? "column" : "column-reverse"}`
111
107
  }
112
108
  },
113
109
  /* @__PURE__ */ import_react.default.createElement(
114
110
  import_antd.Flex,
115
111
  {
116
- className: (0, import_classnames.default)("pisell-wallet-card-header"),
117
- justify: "space-between",
118
- align: "start"
112
+ vertical: true,
113
+ className: (0, import_classnames.default)("pisell-wallet-card-content", mode),
114
+ style: {
115
+ backgroundImage: `url('${import_utils.image.ali(
116
+ `${import_configs.default.static}/static/${mode === "dark" ? "wallet_bg_black" : "wallet_bg_white"}.jpeg`,
117
+ 360
118
+ )}')`
119
+ }
119
120
  },
120
121
  /* @__PURE__ */ import_react.default.createElement(
121
122
  import_antd.Flex,
122
123
  {
123
- className: (0, import_classnames.default)("pisell-wallet-card-header-left"),
124
- vertical: true
124
+ className: (0, import_classnames.default)("pisell-wallet-card-header"),
125
+ justify: "space-between",
126
+ align: "start"
125
127
  },
126
128
  /* @__PURE__ */ import_react.default.createElement(
127
129
  import_antd.Flex,
128
130
  {
129
- className: (0, import_classnames.default)("pisell-wallet-card-header-level"),
130
- gap: 10,
131
- align: "center"
131
+ className: (0, import_classnames.default)("pisell-wallet-card-header-left"),
132
+ vertical: true
132
133
  },
133
- /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, icon),
134
- vipLevel && /* @__PURE__ */ import_react.default.createElement(
135
- "p",
134
+ /* @__PURE__ */ import_react.default.createElement(
135
+ import_antd.Flex,
136
136
  {
137
- className: (0, import_classnames.default)(
138
- "pisell-wallet-card-header-level-text"
139
- )
137
+ className: (0, import_classnames.default)("pisell-wallet-card-header-level"),
138
+ gap: 10,
139
+ align: "center"
140
140
  },
141
- "Level"
142
- )
141
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, icon),
142
+ vipLevel && /* @__PURE__ */ import_react.default.createElement(
143
+ "p",
144
+ {
145
+ className: (0, import_classnames.default)(
146
+ "pisell-wallet-card-header-level-text"
147
+ )
148
+ },
149
+ "Level"
150
+ )
151
+ ),
152
+ isShowShopName && /* @__PURE__ */ import_react.default.createElement("p", null, shopName),
153
+ isShowCardNo && /* @__PURE__ */ import_react.default.createElement("p", null, cardNo)
143
154
  ),
144
- isShowShopName && /* @__PURE__ */ import_react.default.createElement("p", null, shopName),
145
- isShowCardNo && /* @__PURE__ */ import_react.default.createElement("p", null, cardNo)
155
+ /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { className: (0, import_classnames.default)("pisell-wallet-card-header-right") }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, codeType === "one" ? /* @__PURE__ */ import_react.default.createElement(
156
+ import_iconfont.default,
157
+ {
158
+ type: "pisell2-Barcode",
159
+ onClick: () => setIsModalOpen(true),
160
+ className: (0, import_classnames.default)("pisell-wallet-card-icon")
161
+ }
162
+ ) : /* @__PURE__ */ import_react.default.createElement(
163
+ import_iconfont.default,
164
+ {
165
+ type: "pisell2-a-qr-code-02",
166
+ onClick: () => setIsModalOpen(true),
167
+ className: (0, import_classnames.default)("pisell-wallet-card-icon")
168
+ }
169
+ )))
146
170
  ),
147
- /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { className: (0, import_classnames.default)("pisell-wallet-card-header-right") }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, codeType === "one" ? /* @__PURE__ */ import_react.default.createElement(
148
- import_iconfont.default,
149
- {
150
- type: "pisell2-Barcode",
151
- onClick: () => setIsModalOpen(true),
152
- className: (0, import_classnames.default)("pisell-wallet-card-icon")
153
- }
154
- ) : /* @__PURE__ */ import_react.default.createElement(
155
- import_iconfont.default,
156
- {
157
- type: "pisell2-a-qr-code-02",
158
- onClick: () => setIsModalOpen(true),
159
- className: (0, import_classnames.default)("pisell-wallet-card-icon")
160
- }
161
- )))
162
- ),
163
- /* @__PURE__ */ import_react.default.createElement(
164
- import_antd.Flex,
165
- {
166
- className: (0, import_classnames.default)("pisell-wallet-card-list"),
167
- vertical: true,
168
- justify: "center"
169
- },
170
171
  /* @__PURE__ */ import_react.default.createElement(
171
172
  import_antd.Flex,
172
173
  {
173
- className: (0, import_classnames.default)("pisell-wallet-card-row"),
174
- justify: "space-around"
174
+ className: (0, import_classnames.default)("pisell-wallet-card-list"),
175
+ vertical: true,
176
+ justify: "center"
175
177
  },
176
- points && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Points"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
177
- import_Amount.default,
178
- {
179
- className: "pisell-card-amount-item-value",
180
- useThousandsSeparator: true,
181
- value: pointsValue
182
- }
183
- ))),
184
- balance && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Balance"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
185
- import_Amount.default,
186
- {
187
- className: "pisell-card-amount-item-value",
188
- useThousandsSeparator: true,
189
- value: balanceValue
190
- }
191
- ))),
192
- discountCard && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Discount card"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
193
- import_Amount.default,
194
- {
195
- className: "pisell-card-amount-item-value",
196
- useThousandsSeparator: true,
197
- value: discountCardValue
198
- }
199
- ))),
200
- vouCher && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "VouCher"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
201
- import_Amount.default,
178
+ /* @__PURE__ */ import_react.default.createElement(
179
+ import_antd.Flex,
202
180
  {
203
- className: "pisell-card-amount-item-value",
204
- useThousandsSeparator: true,
205
- value: vouCherValue
206
- }
207
- )))
181
+ className: (0, import_classnames.default)("pisell-wallet-card-row"),
182
+ justify: "space-around"
183
+ },
184
+ points && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Points"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
185
+ import_Amount.default,
186
+ {
187
+ className: "pisell-card-amount-item-value",
188
+ useThousandsSeparator: true,
189
+ value: pointsValue
190
+ }
191
+ ))),
192
+ balance && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Balance"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
193
+ import_Amount.default,
194
+ {
195
+ className: "pisell-card-amount-item-value",
196
+ useThousandsSeparator: true,
197
+ value: balanceValue
198
+ }
199
+ ))),
200
+ discountCard && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "Discount card"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
201
+ import_Amount.default,
202
+ {
203
+ className: "pisell-card-amount-item-value",
204
+ useThousandsSeparator: true,
205
+ value: discountCardValue
206
+ }
207
+ ))),
208
+ vouCher && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("p", null, "VouCher"), /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement(
209
+ import_Amount.default,
210
+ {
211
+ className: "pisell-card-amount-item-value",
212
+ useThousandsSeparator: true,
213
+ value: vouCherValue
214
+ }
215
+ )))
216
+ )
208
217
  )
209
- )
210
- ),
211
- showCode && cardStyle === "full" && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-showCode") }, codeRender())
212
- )), /* @__PURE__ */ import_react.default.createElement(import_pisellModal.default, { ...modalProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 200, value: cardNo, style: { marginTop: 24 } }), /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, cardNo), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement(
218
+ ),
219
+ showCode && cardStyle === "full" && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-showCode") }, codeRender())
220
+ )
221
+ ), /* @__PURE__ */ import_react.default.createElement(import_pisellModal.default, { ...modalProps }, /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 200, value: cardNo, style: { marginTop: 24 } }), /* @__PURE__ */ import_react.default.createElement("p", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, cardNo), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement(
213
222
  import_antd.Button,
214
223
  {
215
224
  onClick: () => setIsModalOpen(false),
package/lib/components/walletCard/index.less CHANGED
@@ -1,4 +1,6 @@
1
1
  .pisell-wallet-card-wrapper {
2
+ border: none;
3
+ overflow: hidden;
2
4
  .pisell-lowcode-card-body {
3
5
  padding: 0;
4
6
  p {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.477",
3
+ "version": "1.0.478",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -68,8 +68,8 @@
68
68
  "styled-components": "^6.0.0-rc.3",
69
69
  "libphonenumber-js": "^1.11.17",
70
70
  "@pisell/date-picker": "1.0.113",
71
- "@pisell/utils": "1.0.43",
72
- "@pisell/icon": "0.0.10"
71
+ "@pisell/icon": "0.0.10",
72
+ "@pisell/utils": "1.0.43"
73
73
  },
74
74
  "peerDependencies": {
75
75
  "react": "^18.0.0",