@pisell/materials 1.0.480 → 1.0.481
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.
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +1 -1
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +1 -1
- package/es/components/dataSourceComponents/fields/ColorPicker/index.d.ts +1 -1
- package/es/components/walletCard/index.js +1 -4
- package/es/components/walletCard/index.less +1 -0
- package/lib/components/dataSourceComponents/fields/ColorPicker/index.d.ts +1 -1
- package/lib/components/walletCard/index.js +87 -96
- package/lib/components/walletCard/index.less +1 -0
- package/package.json +3 -3
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const ColorPicker: React.FC<import("
|
|
2
|
+
declare const ColorPicker: React.FC<import("antd").ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
|
|
3
3
|
export default ColorPicker;
|
|
@@ -99,10 +99,7 @@ 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')
|
|
103
|
-
style: {
|
|
104
|
-
borderRadius: cardStyle === 'normal' ? '12px' : codeDirection === 'bottom' ? '12px 12px 0 0' : '0 0 12px 12px'
|
|
105
|
-
}
|
|
102
|
+
className: classNames('pisell-wallet-card-wrapper')
|
|
106
103
|
}, /*#__PURE__*/React.createElement(Flex, {
|
|
107
104
|
style: {
|
|
108
105
|
flexDirection: "".concat(codeDirection === 'bottom' ? 'column' : 'column-reverse')
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const ColorPicker: React.FC<import("
|
|
2
|
+
declare const ColorPicker: React.FC<import("antd").ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
|
|
3
3
|
export default ColorPicker;
|
|
@@ -91,134 +91,125 @@ 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(
|
|
95
|
-
import_antd.
|
|
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,
|
|
96
96
|
{
|
|
97
|
-
className: (0, import_classnames.default)("pisell-wallet-card-wrapper"),
|
|
98
97
|
style: {
|
|
99
|
-
|
|
98
|
+
flexDirection: `${codeDirection === "bottom" ? "column" : "column-reverse"}`
|
|
100
99
|
}
|
|
101
100
|
},
|
|
102
101
|
/* @__PURE__ */ import_react.default.createElement(
|
|
103
102
|
import_antd.Flex,
|
|
104
103
|
{
|
|
104
|
+
vertical: true,
|
|
105
|
+
className: (0, import_classnames.default)("pisell-wallet-card-content", mode),
|
|
105
106
|
style: {
|
|
106
|
-
|
|
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
|
+
)}')`
|
|
107
111
|
}
|
|
108
112
|
},
|
|
109
113
|
/* @__PURE__ */ import_react.default.createElement(
|
|
110
114
|
import_antd.Flex,
|
|
111
115
|
{
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
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
|
-
}
|
|
116
|
+
className: (0, import_classnames.default)("pisell-wallet-card-header"),
|
|
117
|
+
justify: "space-between",
|
|
118
|
+
align: "start"
|
|
120
119
|
},
|
|
121
120
|
/* @__PURE__ */ import_react.default.createElement(
|
|
122
121
|
import_antd.Flex,
|
|
123
122
|
{
|
|
124
|
-
className: (0, import_classnames.default)("pisell-wallet-card-header"),
|
|
125
|
-
|
|
126
|
-
align: "start"
|
|
123
|
+
className: (0, import_classnames.default)("pisell-wallet-card-header-left"),
|
|
124
|
+
vertical: true
|
|
127
125
|
},
|
|
128
126
|
/* @__PURE__ */ import_react.default.createElement(
|
|
129
127
|
import_antd.Flex,
|
|
130
128
|
{
|
|
131
|
-
className: (0, import_classnames.default)("pisell-wallet-card-header-
|
|
132
|
-
|
|
129
|
+
className: (0, import_classnames.default)("pisell-wallet-card-header-level"),
|
|
130
|
+
gap: 10,
|
|
131
|
+
align: "center"
|
|
133
132
|
},
|
|
134
|
-
/* @__PURE__ */ import_react.default.createElement(
|
|
135
|
-
|
|
133
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, icon),
|
|
134
|
+
vipLevel && /* @__PURE__ */ import_react.default.createElement(
|
|
135
|
+
"p",
|
|
136
136
|
{
|
|
137
|
-
className: (0, import_classnames.default)(
|
|
138
|
-
|
|
139
|
-
|
|
137
|
+
className: (0, import_classnames.default)(
|
|
138
|
+
"pisell-wallet-card-header-level-text"
|
|
139
|
+
)
|
|
140
140
|
},
|
|
141
|
-
|
|
142
|
-
|
|
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)
|
|
141
|
+
"Level"
|
|
142
|
+
)
|
|
154
143
|
),
|
|
155
|
-
|
|
156
|
-
|
|
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
|
-
)))
|
|
144
|
+
isShowShopName && /* @__PURE__ */ import_react.default.createElement("p", null, shopName),
|
|
145
|
+
isShowCardNo && /* @__PURE__ */ import_react.default.createElement("p", null, cardNo)
|
|
170
146
|
),
|
|
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
|
+
},
|
|
171
170
|
/* @__PURE__ */ import_react.default.createElement(
|
|
172
171
|
import_antd.Flex,
|
|
173
172
|
{
|
|
174
|
-
className: (0, import_classnames.default)("pisell-wallet-card-
|
|
175
|
-
|
|
176
|
-
justify: "center"
|
|
173
|
+
className: (0, import_classnames.default)("pisell-wallet-card-row"),
|
|
174
|
+
justify: "space-around"
|
|
177
175
|
},
|
|
178
|
-
/* @__PURE__ */ import_react.default.createElement(
|
|
179
|
-
|
|
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,
|
|
180
178
|
{
|
|
181
|
-
className:
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
{
|
|
211
|
-
className: "pisell-card-amount-item-value",
|
|
212
|
-
useThousandsSeparator: true,
|
|
213
|
-
value: vouCherValue
|
|
214
|
-
}
|
|
215
|
-
)))
|
|
216
|
-
)
|
|
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,
|
|
202
|
+
{
|
|
203
|
+
className: "pisell-card-amount-item-value",
|
|
204
|
+
useThousandsSeparator: true,
|
|
205
|
+
value: vouCherValue
|
|
206
|
+
}
|
|
207
|
+
)))
|
|
217
208
|
)
|
|
218
|
-
)
|
|
219
|
-
|
|
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(
|
|
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(
|
|
222
213
|
import_antd.Button,
|
|
223
214
|
{
|
|
224
215
|
onClick: () => setIsModalOpen(false),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pisell/materials",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.481",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"module": "./es/index.js",
|
|
6
6
|
"types": "./lib/index.d.ts",
|
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
"react-window": "^1.8.10",
|
|
68
68
|
"styled-components": "^6.0.0-rc.3",
|
|
69
69
|
"libphonenumber-js": "^1.11.17",
|
|
70
|
-
"@pisell/date-picker": "1.0.113",
|
|
71
70
|
"@pisell/utils": "1.0.43",
|
|
72
|
-
"@pisell/icon": "0.0.10"
|
|
71
|
+
"@pisell/icon": "0.0.10",
|
|
72
|
+
"@pisell/date-picker": "1.0.113"
|
|
73
73
|
},
|
|
74
74
|
"peerDependencies": {
|
|
75
75
|
"react": "^18.0.0",
|