@pisell/materials 1.0.968 → 1.0.970

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.
@@ -426,11 +426,7 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
426
426
  }, /*#__PURE__*/React.createElement("div", {
427
427
  className: "pisell-card-name-wrap"
428
428
  }, showName && name), _showHolderName && /*#__PURE__*/React.createElement("div", {
429
- className: "pisell-card-holder-name",
430
- onClick: function onClick(e) {
431
- e.stopPropagation();
432
- onSetHolder === null || onSetHolder === void 0 || onSetHolder(holder);
433
- }
429
+ className: "pisell-card-holder-name"
434
430
  }, holderName), shouldShowStoreName && /*#__PURE__*/React.createElement("div", {
435
431
  className: "pisell-card-store-name"
436
432
  }, storeName));
@@ -721,7 +717,8 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
721
717
  }, [style, showCover, isMini, cover, dynamicPaddingBottom]);
722
718
  var _renderMask = function _renderMask() {
723
719
  if (holderType === 'customer') return null;
724
- if (holderType === 'custom' && !(holder !== null && holder !== void 0 && holder.id)) {
720
+ // 如果 holder_type 不是form,
721
+ if (!(holder !== null && holder !== void 0 && holder.holder_id)) {
725
722
  return /*#__PURE__*/React.createElement("div", {
726
723
  className: "pisell-wallet-add-holder-mask",
727
724
  onClick: function onClick(e) {
@@ -172,8 +172,7 @@ var CardHeader = function CardHeader(_ref2) {
172
172
  showViewPin = _ref2$showViewPin === void 0 ? false : _ref2$showViewPin,
173
173
  onViewPinClick = _ref2.onViewPinClick,
174
174
  showHolderName = _ref2.showHolderName,
175
- holderName = _ref2.holderName,
176
- onHolderClick = _ref2.onHolderClick;
175
+ holderName = _ref2.holderName;
177
176
  // 处理可能为0/1的布尔值
178
177
  var processedShowIcon = toBooleanValue(showIcon);
179
178
  var processedShowWalletName = toBooleanValue(showWalletName);
@@ -199,8 +198,7 @@ var CardHeader = function CardHeader(_ref2) {
199
198
  })) : null, processedShowWalletName && walletName && /*#__PURE__*/React.createElement("div", {
200
199
  className: "pisell-wallet-card-header-level-text"
201
200
  }, walletName)), showHolderName && /*#__PURE__*/React.createElement("div", {
202
- className: classNames('pisell-wallet-card-header-holder-name'),
203
- onClick: onHolderClick
201
+ className: classNames('pisell-wallet-card-header-holder-name')
204
202
  }, holderName), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo), processedShowViewPin && /*#__PURE__*/React.createElement("div", {
205
203
  className: "pisell-wallet-card-header-view-pin",
206
204
  onClick: onViewPinClick
@@ -429,7 +427,7 @@ var WalletCard = function WalletCard(props) {
429
427
  };
430
428
  var _renderMask = function _renderMask() {
431
429
  if (holderType === 'customer') return null;
432
- if (holderType === 'form' && !(holder !== null && holder !== void 0 && holder.holder_id)) {
430
+ if (!(holder !== null && holder !== void 0 && holder.holder_id)) {
433
431
  return /*#__PURE__*/React.createElement("div", {
434
432
  className: "pisell-wallet-add-holder-mask"
435
433
  }, /*#__PURE__*/React.createElement("div", {
@@ -461,11 +459,6 @@ var WalletCard = function WalletCard(props) {
461
459
  }
462
460
  return (holder === null || holder === void 0 || (_holder$detail = holder.detail) === null || _holder$detail === void 0 ? void 0 : _holder$detail.main_field) || '';
463
461
  }, [holderType, holder]);
464
- var handleHolderClick = function handleHolderClick(e) {
465
- e.stopPropagation();
466
- e.preventDefault();
467
- onSetHolder === null || onSetHolder === void 0 || onSetHolder(holder);
468
- };
469
462
  return /*#__PURE__*/React.createElement("div", {
470
463
  className: classNames('pisell-wallet-card-wrapper', className),
471
464
  style: style,
@@ -507,8 +500,7 @@ var WalletCard = function WalletCard(props) {
507
500
  showViewPin: showViewPin,
508
501
  onViewPinClick: onViewPinClick,
509
502
  showHolderName: _showHolderName,
510
- holderName: holderName,
511
- onHolderClick: handleHolderClick
503
+ holderName: holderName
512
504
  }), /*#__PURE__*/React.createElement(CardContent, {
513
505
  items: items,
514
506
  symbol: symbol
@@ -24,6 +24,7 @@
24
24
  align-items: center;
25
25
  justify-content: center;
26
26
  gap: 16px;
27
+ z-index: 9;
27
28
 
28
29
  &-text {
29
30
  color: #fff;
@@ -371,17 +371,7 @@ var PisellWalletPassCard = (props) => {
371
371
  }, [holderType, holder]);
372
372
  const renderNameInfo = () => {
373
373
  const shouldShowStoreName = typeof showStoreName === "function" ? showStoreName(props) : showStoreName;
374
- return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-info-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-wrap" }, showName && name), _showHolderName && /* @__PURE__ */ import_react.default.createElement(
375
- "div",
376
- {
377
- className: "pisell-card-holder-name",
378
- onClick: (e) => {
379
- e.stopPropagation();
380
- onSetHolder == null ? void 0 : onSetHolder(holder);
381
- }
382
- },
383
- holderName
384
- ), shouldShowStoreName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, storeName));
374
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-info-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-wrap" }, showName && name), _showHolderName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-holder-name" }, holderName), shouldShowStoreName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, storeName));
385
375
  };
386
376
  const handleEditAmount = async (e) => {
387
377
  if (active && enableEditAmount) {
@@ -638,7 +628,7 @@ var PisellWalletPassCard = (props) => {
638
628
  }, [style, showCover, isMini, cover, dynamicPaddingBottom]);
639
629
  const _renderMask = () => {
640
630
  if (holderType === "customer") return null;
641
- if (holderType === "custom" && !(holder == null ? void 0 : holder.id)) {
631
+ if (!(holder == null ? void 0 : holder.holder_id)) {
642
632
  return /* @__PURE__ */ import_react.default.createElement(
643
633
  "div",
644
634
  {
@@ -173,8 +173,7 @@ var CardHeader = ({
173
173
  showViewPin = false,
174
174
  onViewPinClick,
175
175
  showHolderName,
176
- holderName,
177
- onHolderClick
176
+ holderName
178
177
  }) => {
179
178
  const processedShowIcon = toBooleanValue(showIcon);
180
179
  const processedShowWalletName = toBooleanValue(showWalletName);
@@ -189,14 +188,7 @@ var CardHeader = ({
189
188
  alt: "wallet icon",
190
189
  style: { width: "20px", height: "20px" }
191
190
  }
192
- )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), showHolderName && /* @__PURE__ */ import_react.default.createElement(
193
- "div",
194
- {
195
- className: (0, import_classnames.default)("pisell-wallet-card-header-holder-name"),
196
- onClick: onHolderClick
197
- },
198
- holderName
199
- ), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
191
+ )) : null, processedShowWalletName && walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-level-text" }, walletName)), showHolderName && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header-holder-name") }, holderName), processedShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), processedShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo), processedShowViewPin && /* @__PURE__ */ import_react.default.createElement(
200
192
  "div",
201
193
  {
202
194
  className: "pisell-wallet-card-header-view-pin",
@@ -388,7 +380,7 @@ var WalletCard = (props) => {
388
380
  };
389
381
  const _renderMask = () => {
390
382
  if (holderType === "customer") return null;
391
- if (holderType === "form" && !(holder == null ? void 0 : holder.holder_id)) {
383
+ if (!(holder == null ? void 0 : holder.holder_id)) {
392
384
  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask-text" }, (0, import_locales.getText)("pisell2.wallet-card.add-holder-tip")), /* @__PURE__ */ import_react.default.createElement(
393
385
  import_antd.Button,
394
386
  {
@@ -412,11 +404,6 @@ var WalletCard = (props) => {
412
404
  }
413
405
  return ((_a2 = holder == null ? void 0 : holder.detail) == null ? void 0 : _a2.main_field) || "";
414
406
  }, [holderType, holder]);
415
- const handleHolderClick = (e) => {
416
- e.stopPropagation();
417
- e.preventDefault();
418
- onSetHolder == null ? void 0 : onSetHolder(holder);
419
- };
420
407
  return /* @__PURE__ */ import_react.default.createElement(
421
408
  "div",
422
409
  {
@@ -470,8 +457,7 @@ var WalletCard = (props) => {
470
457
  showViewPin,
471
458
  onViewPinClick,
472
459
  showHolderName: _showHolderName,
473
- holderName,
474
- onHolderClick: handleHolderClick
460
+ holderName
475
461
  }
476
462
  ),
477
463
  /* @__PURE__ */ import_react.default.createElement(
@@ -24,6 +24,7 @@
24
24
  align-items: center;
25
25
  justify-content: center;
26
26
  gap: 16px;
27
+ z-index: 9;
27
28
 
28
29
  &-text {
29
30
  color: #fff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.968",
3
+ "version": "1.0.970",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -75,8 +75,8 @@
75
75
  "antd-mobile": "^5.38.1",
76
76
  "vod-js-sdk-v6": "^1.4.11",
77
77
  "react-camera-pro": "1.4.0",
78
- "@pisell/icon": "0.0.10",
79
78
  "@pisell/date-picker": "1.0.127",
79
+ "@pisell/icon": "0.0.10",
80
80
  "@pisell/utils": "1.0.55"
81
81
  },
82
82
  "peerDependencies": {