@pisell/materials 1.0.961 → 1.0.962

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 (69) 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/index.js +1 -1
  5. package/build/lowcode/meta.js +1 -1
  6. package/build/lowcode/preview.js +148 -148
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +24 -20
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +26 -22
  11. package/es/components/dataSourceComponents/provider/variables/VariablesProvider.js +18 -5
  12. package/es/components/page/index.js +4 -2
  13. package/es/components/pisellWalletPassCard/index.js +80 -62
  14. package/es/components/pisellWalletPassCard/index.less +95 -33
  15. package/es/components/table/index.js +1 -1
  16. package/es/components/virtualInput/index.js +0 -1
  17. package/es/components/walletCard/index.js +61 -6
  18. package/es/components/walletCard/index.less +62 -2
  19. package/es/locales/en-US.js +6 -11
  20. package/es/locales/zh-CN.js +6 -11
  21. package/es/locales/zh-TW.js +6 -11
  22. package/lib/components/dataSourceComponents/provider/variables/VariablesProvider.js +20 -10
  23. package/lib/components/page/index.js +3 -2
  24. package/lib/components/pisellWalletPassCard/index.js +62 -31
  25. package/lib/components/pisellWalletPassCard/index.less +95 -33
  26. package/lib/components/table/index.js +1 -1
  27. package/lib/components/virtualInput/index.js +0 -8
  28. package/lib/components/walletCard/index.js +57 -4
  29. package/lib/components/walletCard/index.less +62 -2
  30. package/lib/locales/en-US.js +3 -11
  31. package/lib/locales/zh-CN.js +3 -11
  32. package/lib/locales/zh-TW.js +3 -11
  33. package/package.json +2 -2
  34. package/es/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +0 -25
  35. package/es/components/dataSourceComponents/provider/variables/VariablesContext.d.ts +0 -12
  36. package/es/components/dataSourceComponents/provider/variables/VariablesProvider.d.ts +0 -4
  37. package/es/components/page/index.d.ts +0 -6
  38. package/es/components/pisellCardList/index.d.ts +0 -107
  39. package/es/components/pisellGoodPassCard/index.d.ts +0 -50
  40. package/es/components/pisellQRScanner/index.d.ts +0 -24
  41. package/es/components/pisellQrcode/index.d.ts +0 -10
  42. package/es/components/pisellText/components/Editable/index.d.ts +0 -29
  43. package/es/components/pisellText/index.d.ts +0 -9
  44. package/es/components/pisellWalletPassCard/index.d.ts +0 -140
  45. package/es/components/productCard/index.d.ts +0 -7
  46. package/es/components/select/index.d.ts +0 -9
  47. package/es/components/sortableList/index.d.ts +0 -11
  48. package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts +0 -7
  49. package/es/components/table/serve.d.ts +0 -13
  50. package/es/components/tabs/index.d.ts +0 -17
  51. package/es/index.d.ts +0 -146
  52. package/lib/components/dataSourceComponents/fields/Input.Phone/serve.d.ts +0 -25
  53. package/lib/components/dataSourceComponents/provider/variables/VariablesContext.d.ts +0 -12
  54. package/lib/components/dataSourceComponents/provider/variables/VariablesProvider.d.ts +0 -4
  55. package/lib/components/page/index.d.ts +0 -6
  56. package/lib/components/pisellCardList/index.d.ts +0 -107
  57. package/lib/components/pisellGoodPassCard/index.d.ts +0 -50
  58. package/lib/components/pisellQRScanner/index.d.ts +0 -24
  59. package/lib/components/pisellQrcode/index.d.ts +0 -10
  60. package/lib/components/pisellText/components/Editable/index.d.ts +0 -29
  61. package/lib/components/pisellText/index.d.ts +0 -9
  62. package/lib/components/pisellWalletPassCard/index.d.ts +0 -140
  63. package/lib/components/productCard/index.d.ts +0 -7
  64. package/lib/components/select/index.d.ts +0 -9
  65. package/lib/components/sortableList/index.d.ts +0 -11
  66. package/lib/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts +0 -7
  67. package/lib/components/table/serve.d.ts +0 -13
  68. package/lib/components/tabs/index.d.ts +0 -17
  69. package/lib/index.d.ts +0 -146
@@ -9,6 +9,35 @@
9
9
  width: 100%;
10
10
  display: flex;
11
11
  cursor: pointer;
12
+ position: relative;
13
+ }
14
+
15
+ .pisell-wallet-add-holder-mask {
16
+ position: absolute;
17
+ top: 0;
18
+ left: 0;
19
+ width: 100%;
20
+ height: 100%;
21
+ background-color: rgba(0, 0, 0, 0.6);
22
+ display: flex;
23
+ flex-direction: column;
24
+ align-items: center;
25
+ justify-content: center;
26
+ gap: 16px;
27
+
28
+ &-text {
29
+ color: #fff;
30
+ text-align: center;
31
+ font-size: 16px;
32
+ font-style: normal;
33
+ font-weight: 600;
34
+ line-height: 24px;
35
+ white-space: pre-line;
36
+ }
37
+
38
+ &-button {
39
+ font-weight: bold;
40
+ }
12
41
  }
13
42
 
14
43
  // 卡片内容区域
@@ -35,6 +64,12 @@
35
64
  color: #fff;
36
65
  }
37
66
  }
67
+
68
+ .pisell-wallet-card-header-holder-name {
69
+ color: var(--Gray-900, #101828);
70
+ border: 1px solid var(--Gray-100, #f2f4f7);
71
+ background: var(--Gray-100, #f2f4f7);
72
+ }
38
73
  }
39
74
 
40
75
  // 亮色主题
@@ -54,6 +89,12 @@
54
89
  color: #101828;
55
90
  }
56
91
  }
92
+
93
+ .pisell-wallet-card-header-holder-name {
94
+ color: #fff;
95
+ border: 1px solid var(--Gray-600, #475467);
96
+ background: var(--Gray-600, #475467);
97
+ }
57
98
  }
58
99
  }
59
100
 
@@ -66,6 +107,25 @@
66
107
  display: flex;
67
108
  justify-content: space-between;
68
109
  align-items: flex-start;
110
+ min-height: 100px;
111
+
112
+ .pisell-wallet-card-header-holder-name {
113
+ cursor: pointer;
114
+ display: inline-block;
115
+ overflow: hidden;
116
+ text-overflow: ellipsis;
117
+ white-space: nowrap;
118
+ padding: 2px 8px;
119
+ border-radius: 16px;
120
+ height: 22px;
121
+ min-width: 50px;
122
+ text-align: center;
123
+ font-size: 12px;
124
+ line-height: 16px;
125
+ max-width: 100%;
126
+ font-style: normal;
127
+ font-weight: 500;
128
+ }
69
129
 
70
130
  // 头部左侧
71
131
  .pisell-wallet-card-header-left {
@@ -78,7 +138,7 @@
78
138
  display: flex;
79
139
  align-items: center;
80
140
  gap: 10px;
81
- margin-bottom: 8px;
141
+ margin-bottom: 4px;
82
142
 
83
143
  // 卡片名称文本
84
144
  .pisell-wallet-card-header-level-text {
@@ -157,7 +217,7 @@
157
217
 
158
218
  // 卡片内容列表
159
219
  .pisell-wallet-card-list {
160
- margin-top: 30px;
220
+ margin-top: unset;
161
221
  height: 50px;
162
222
  box-sizing: border-box;
163
223
  display: flex;
@@ -1,8 +1,4 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
- export default _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
1
+ export default {
6
2
  'table-filter-search': 'Search',
7
3
  'table-filter-clear': 'Clear',
8
4
  'table-filter-filter': 'Filter',
@@ -418,9 +414,8 @@ export default _defineProperty(_defineProperty(_defineProperty(_defineProperty(_
418
414
  'pisell-upload-camera-local-files': 'Local Files',
419
415
  'pisell-upload-camera-capture': 'Capture',
420
416
  'pisell-upload-camera-retake': 'Retake',
421
- 'pisell-upload-camera-use': 'Use photo'
422
- }, "pisell-list-tab-group-default", 'Field'), "pisell-list-empty-text-default", 'No data available'), "pisell-list-load-more", 'Load More'), "pisell-list-view-less", 'View Less'), "pisell-list-pagination-total", function pisellListPaginationTotal(start, end, total) {
423
- return "Showing ".concat(start, "-").concat(end, " of ").concat(total, " items");
424
- }), "pisell-list-scroll-down", 'Scroll Down'), "pisell-list-scroll-right", 'Scroll Right'), "pisell-list-pagination-page-of", function pisellListPaginationPageOf(current, total) {
425
- return "Page ".concat(current, " of ").concat(total);
426
- }), "pisell-list-pagination-previous", 'Previous'), "pisell-list-pagination-next", 'Next');
417
+ 'pisell-upload-camera-use': 'Use photo',
418
+ // 钱包卡片组件
419
+ 'pisell2.wallet-card.add-holder-tip': 'To ensure your benefits, please\r\nassign a holder to activate this card.',
420
+ 'pisell2.wallet-card.add-holder-button-text': 'Set Holder'
421
+ };
@@ -1,8 +1,4 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
- export default _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
1
+ export default {
6
2
  'table-filter-search': '搜索',
7
3
  'table-filter-clear': '清除',
8
4
  'table-filter-filter': '筛选',
@@ -409,9 +405,8 @@ export default _defineProperty(_defineProperty(_defineProperty(_defineProperty(_
409
405
  'pisell-upload-camera-local-files': '本地文件',
410
406
  'pisell-upload-camera-capture': '拍摄/拍照',
411
407
  'pisell-upload-camera-retake': '重拍',
412
- 'pisell-upload-camera-use': '使用照片'
413
- }, "pisell-list-tab-group-default", '字段'), "pisell-list-empty-text-default", '暂无数据'), "pisell-list-load-more", '查看更多'), "pisell-list-view-less", '查看更少'), "pisell-list-pagination-total", function pisellListPaginationTotal(start, end, total) {
414
- return "\u663E\u793A\u7B2C ".concat(start, "-").concat(end, " \u6761\uFF0C\u5171 ").concat(total, " \u6761");
415
- }), "pisell-list-scroll-down", '向下滚动'), "pisell-list-scroll-right", '向右滚动'), "pisell-list-pagination-page-of", function pisellListPaginationPageOf(current, total) {
416
- return "\u7B2C ".concat(current, " \u9875 \u5171 ").concat(total, " \u9875");
417
- }), "pisell-list-pagination-previous", '上一页'), "pisell-list-pagination-next", '下一页');
408
+ 'pisell-upload-camera-use': '使用照片',
409
+ // 钱包卡片组件
410
+ 'pisell2.wallet-card.add-holder-tip': '为确保您的权益,此卡\r\n需指定使用人后方可激活使用。',
411
+ 'pisell2.wallet-card.add-holder-button-text': '添加持有人'
412
+ };
@@ -1,8 +1,4 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
- export default _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
1
+ export default {
6
2
  'table-filter-search': '搜索',
7
3
  'table-filter-clear': '清除',
8
4
  'table-filter-filter': '篩選',
@@ -410,9 +406,8 @@ export default _defineProperty(_defineProperty(_defineProperty(_defineProperty(_
410
406
  'pisell-upload-camera-local-files': '本地文件',
411
407
  'pisell-upload-camera-capture': '拍攝/拍照',
412
408
  'pisell-upload-camera-retake': '重拍',
413
- 'pisell-upload-camera-use': '使用照片'
414
- }, "pisell-list-tab-group-default", '字段'), "pisell-list-empty-text-default", '暫無數據'), "pisell-list-load-more", '查看更多'), "pisell-list-view-less", '查看更少'), "pisell-list-pagination-total", function pisellListPaginationTotal(start, end, total) {
415
- return "\u986F\u793A\u7B2C ".concat(start, "-").concat(end, " \u689D\uFF0C\u5171 ").concat(total, " \u689D");
416
- }), "pisell-list-scroll-down", '向下滾動'), "pisell-list-scroll-right", '向右滾動'), "pisell-list-pagination-page-of", function pisellListPaginationPageOf(current, total) {
417
- return "\u7B2C ".concat(current, " \u9801 \u5171 ").concat(total, " \u9801");
418
- }), "pisell-list-pagination-previous", '上一頁'), "pisell-list-pagination-next", '下一頁');
409
+ 'pisell-upload-camera-use': '使用照片',
410
+ // 钱包卡片组件
411
+ 'pisell2.wallet-card.add-holder-tip': '為確保您的權益,此卡\r\n需指定使用人後方可激活使用。',
412
+ 'pisell2.wallet-card.add-holder-button-text': '添加使用人'
413
+ };
@@ -47,13 +47,17 @@ var defaultCustomizer = (objValue, srcValue) => {
47
47
  };
48
48
  var VARIABLE_PATTERN = /{{([^}]+)}}/g;
49
49
  var VariablesProvider = (props) => {
50
- var _a;
51
- const { children, variables } = props;
50
+ var _a, _b, _c, _d;
51
+ const { children, variables, config } = props;
52
52
  const context = (0, import_useEngineContext.default)();
53
- const { getApp } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
53
+ const disabledHistoryListener = config ?? ((_c = (_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.variablesConfig) == null ? void 0 : _c.disabledHistoryListener);
54
+ const { getApp } = ((_d = context == null ? void 0 : context.appHelper) == null ? void 0 : _d.utils) || {};
54
55
  const initialQuery = (0, import_react.useMemo)(() => {
55
- var _a2, _b, _c;
56
- const currentLocation = (_c = (_b = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b.instance) == null ? void 0 : _c.location;
56
+ var _a2, _b2, _c2;
57
+ if (disabledHistoryListener) {
58
+ return {};
59
+ }
60
+ const currentLocation = (_c2 = (_b2 = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b2.instance) == null ? void 0 : _c2.location;
57
61
  if (currentLocation == null ? void 0 : currentLocation.search) {
58
62
  const searchParams = new URLSearchParams(currentLocation.search);
59
63
  const query = {};
@@ -63,9 +67,9 @@ var VariablesProvider = (props) => {
63
67
  return query;
64
68
  }
65
69
  return {};
66
- }, []);
70
+ }, [disabledHistoryListener]);
67
71
  const variablesRef = (0, import_react.useRef)(
68
- (0, import_utils3.mergeWith)(
72
+ disabledHistoryListener ? variables || {} : (0, import_utils3.mergeWith)(
69
73
  variables,
70
74
  {
71
75
  global: {
@@ -80,6 +84,9 @@ var VariablesProvider = (props) => {
80
84
  );
81
85
  const listenersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
82
86
  const setQueryVariable = (0, import_ahooks.useMemoizedFn)((search) => {
87
+ if (disabledHistoryListener) {
88
+ return;
89
+ }
83
90
  const searchParams = new URLSearchParams(search);
84
91
  const query = {};
85
92
  searchParams.forEach((value2, key) => {
@@ -90,14 +97,17 @@ var VariablesProvider = (props) => {
90
97
  });
91
98
  });
92
99
  (0, import_react.useEffect)(() => {
93
- var _a2, _b, _c;
94
- const unlisten = (_c = (_b = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b.instance) == null ? void 0 : _c.listen((location) => {
100
+ var _a2, _b2, _c2;
101
+ if (disabledHistoryListener) {
102
+ return;
103
+ }
104
+ const unlisten = (_c2 = (_b2 = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b2.instance) == null ? void 0 : _c2.listen((location) => {
95
105
  setQueryVariable(location.search);
96
106
  });
97
107
  return () => {
98
108
  unlisten == null ? void 0 : unlisten();
99
109
  };
100
- }, []);
110
+ }, [disabledHistoryListener]);
101
111
  const registerVariable = (0, import_ahooks.useMemoizedFn)((value2) => {
102
112
  variablesRef.current = (0, import_utils3.mergeWith)(
103
113
  variablesRef.current,
@@ -70,7 +70,7 @@ var localeDateMap = {
70
70
  };
71
71
  var Page = (props) => {
72
72
  var _a, _b, _c, _d, _e, _f;
73
- const { children, style, className, locale: propsLocale, ...others } = props;
73
+ const { children, style, className, locale: propsLocale, variablesConfig, ...others } = props;
74
74
  const context = (0, import_useEngineContext.default)();
75
75
  const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
76
76
  const locale = propsLocale || ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en";
@@ -240,7 +240,8 @@ var Page = (props) => {
240
240
  /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
241
241
  import_VariablesProvider.default,
242
242
  {
243
- variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {}
243
+ variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {},
244
+ config: variablesConfig
244
245
  },
245
246
  /* @__PURE__ */ import_react.default.createElement(
246
247
  "div",
@@ -124,7 +124,11 @@ var PisellWalletPassCard = (props) => {
124
124
  formatRedeemTitle,
125
125
  maxRedeem,
126
126
  validDateBySchedule,
127
- scheduleList
127
+ scheduleList,
128
+ showHolderName = true,
129
+ holderType = "customer",
130
+ holder,
131
+ onSetHolder
128
132
  } = props;
129
133
  (0, import_react.useEffect)(() => {
130
134
  document.body.id = "body";
@@ -229,29 +233,6 @@ var PisellWalletPassCard = (props) => {
229
233
  console.error("Before edit check failed:", error);
230
234
  }
231
235
  };
232
- const handleTouchStart = () => {
233
- var _a;
234
- if (disabled || disabledReason || !((_a = actions == null ? void 0 : actions.edit) == null ? void 0 : _a.enableDialog)) return;
235
- const timer = setTimeout(() => {
236
- onEdit();
237
- }, 500);
238
- setPressTimer(timer);
239
- };
240
- const handleTouchEnd = () => {
241
- if (pressTimer) {
242
- clearTimeout(pressTimer);
243
- setPressTimer(null);
244
- }
245
- };
246
- const handleTap = () => {
247
- if (disabled || disabledReason) return;
248
- const now = Date.now();
249
- const DOUBLE_TAP_DELAY = 300;
250
- if (now - lastTap < DOUBLE_TAP_DELAY) {
251
- handleDetail();
252
- }
253
- setLastTap(now);
254
- };
255
236
  const formatValidDate = (0, import_react.useMemo)(() => {
256
237
  if (validDateBySchedule && scheduleList && (scheduleList == null ? void 0 : scheduleList.length) > 0) {
257
238
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_locales.getText)("pisell-wallet-pass-card-valid"), " ", (0, import_utils.getScheduleSummary)(scheduleList, config == null ? void 0 : config.locale) || validDate);
@@ -378,9 +359,28 @@ var PisellWalletPassCard = (props) => {
378
359
  ));
379
360
  }
380
361
  };
362
+ const _showHolderName = (0, import_react.useMemo)(() => {
363
+ return holderType === "custom" && showHolderName;
364
+ }, [holderType, showHolderName]);
365
+ const holderName = (0, import_react.useMemo)(() => {
366
+ if (holderType === "custom" && !(holder == null ? void 0 : holder.id)) {
367
+ return "--";
368
+ }
369
+ return (holder == null ? void 0 : holder.name) || "";
370
+ }, [holderType, holder]);
381
371
  const renderNameInfo = () => {
382
372
  const shouldShowStoreName = typeof showStoreName === "function" ? showStoreName(props) : showStoreName;
383
- return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-name-wrap", style: dynamicNameWrapStyle }, showName && name), shouldShowStoreName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, storeName));
373
+ 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(
374
+ "div",
375
+ {
376
+ className: "pisell-card-holder-name",
377
+ onClick: (e) => {
378
+ e.stopPropagation();
379
+ onSetHolder == null ? void 0 : onSetHolder(holder);
380
+ }
381
+ },
382
+ holderName
383
+ ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, showStoreName && storeName), shouldShowStoreName && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-store-name" }, storeName));
384
384
  };
385
385
  const handleEditAmount = async (e) => {
386
386
  if (active && enableEditAmount) {
@@ -434,9 +434,8 @@ var PisellWalletPassCard = (props) => {
434
434
  showCurrencySymbol: true
435
435
  }
436
436
  );
437
- const renderBalanceInfo = () => {
438
- var _a;
439
- return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-wrap" }, showRedeem && !disabled && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-wallet-pass-card-redeem" }, /* @__PURE__ */ import_react.default.createElement(
437
+ const renderRedeemInfo = () => {
438
+ return showRedeem && !disabled && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-wallet-pass-card-redeem" }, /* @__PURE__ */ import_react.default.createElement(
440
439
  "div",
441
440
  {
442
441
  className: "pisell-card-amount-item-label"
@@ -453,11 +452,15 @@ var PisellWalletPassCard = (props) => {
453
452
  originDom: createOriginalRedeemDom(),
454
453
  active,
455
454
  data: props
456
- }) : createOriginalRedeemDom()), showBalance && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-wallet-pass-card-balance" }, createOriginalBalanceTitleDom(), formatBalance ? formatBalance(balance, {
455
+ }) : createOriginalRedeemDom());
456
+ };
457
+ const renderBalanceInfo = () => {
458
+ var _a;
459
+ return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-info-wrap" }, showBalance && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-card-amount-item-balance" }, createOriginalBalanceTitleDom(), formatBalance ? formatBalance(balance, {
457
460
  originDom: createOriginalBalanceDom(),
458
461
  active,
459
462
  data: props
460
- }) : createOriginalBalanceDom()), showDiscount && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, (0, import_locales.getText)("pisell-discount-card-title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-value" }, ((_a = props.metadata) == null ? void 0 : _a.discount_card_type) === "fixed_amount" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_locales.getText)("pisell-discount-card-fixed-amount-prefix"), " ", /* @__PURE__ */ import_react.default.createElement(
463
+ }) : createOriginalBalanceDom()), showDiscount && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item pisell-card-amount-item-discount" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-label" }, (0, import_locales.getText)("pisell-discount-card-title"), ": "), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-amount-item-value" }, ((_a = props.metadata) == null ? void 0 : _a.discount_card_type) === "fixed_amount" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_locales.getText)("pisell-discount-card-fixed-amount-prefix"), " ", /* @__PURE__ */ import_react.default.createElement(
461
464
  import_Amount.default,
462
465
  {
463
466
  className: "pisell-card-amount-item-value",
@@ -632,6 +635,33 @@ var PisellWalletPassCard = (props) => {
632
635
  backgroundImage: showCover ? `url('${cover || "data:image/jpeg;base64,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"}')` : ""
633
636
  } : { ...style, paddingBottom: dynamicPaddingBottom };
634
637
  }, [style, showCover, isMini, cover, dynamicPaddingBottom]);
638
+ const _renderMask = () => {
639
+ if (holderType === "customer") return null;
640
+ if (holderType === "custom" && !(holder == null ? void 0 : holder.id)) {
641
+ return /* @__PURE__ */ import_react.default.createElement(
642
+ "div",
643
+ {
644
+ className: "pisell-wallet-add-holder-mask",
645
+ onClick: (e) => e.stopPropagation()
646
+ },
647
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-add-holder-mask-text" }, (0, import_locales.getText)("pisell2.wallet-card.add-holder-tip")),
648
+ /* @__PURE__ */ import_react.default.createElement(
649
+ import_antd.Button,
650
+ {
651
+ type: "primary",
652
+ className: "pisell-wallet-add-holder-mask-button",
653
+ onClick: (e) => {
654
+ e.stopPropagation();
655
+ onSetHolder == null ? void 0 : onSetHolder();
656
+ }
657
+ },
658
+ (0, import_locales.getText)("pisell2.wallet-card.add-holder-button-text"),
659
+ /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-user-edit", style: { fontSize: 16 } })
660
+ )
661
+ );
662
+ }
663
+ return null;
664
+ };
635
665
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", null, renderDetailModal(), renderEditModal()), /* @__PURE__ */ import_react.default.createElement(
636
666
  "div",
637
667
  {
@@ -643,8 +673,9 @@ var PisellWalletPassCard = (props) => {
643
673
  }),
644
674
  style: wrapperStyle
645
675
  },
676
+ _renderMask(),
646
677
  renderActions(),
647
- /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-card-body", onClick: handleEditAmount }, renderNameInfo(), renderBalanceInfo(), showQrCode && !isMini && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-qr-code" }, /* @__PURE__ */ import_react.default.createElement(import_pisellQrcode.default, { value: qrCode, size: 60 }))),
678
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-card-body", onClick: handleEditAmount }, renderNameInfo(), renderRedeemInfo(), renderBalanceInfo(), showQrCode && !isMini && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-qr-code" }, /* @__PURE__ */ import_react.default.createElement(import_pisellQrcode.default, { value: qrCode, size: 60 }))),
648
679
  checkedDom,
649
680
  (disabled || disabledReason) && showDisabledReason && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-warn-message", ref: warnMessageRef }, /* @__PURE__ */ import_react.default.createElement(
650
681
  import_iconfont.default,
@@ -8,6 +8,35 @@
8
8
  position: relative;
9
9
  overflow: hidden;
10
10
 
11
+ .pisell-wallet-add-holder-mask {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ width: 100%;
16
+ height: 100%;
17
+ background-color: rgba(0, 0, 0, 0.6);
18
+ display: flex;
19
+ flex-direction: column;
20
+ align-items: center;
21
+ justify-content: center;
22
+ gap: 16px;
23
+ z-index: 9;
24
+
25
+ &-text {
26
+ color: #fff;
27
+ text-align: center;
28
+ font-size: 16px;
29
+ font-style: normal;
30
+ font-weight: 600;
31
+ line-height: 24px;
32
+ white-space: pre-line;
33
+ }
34
+
35
+ &-button {
36
+ font-weight: bold;
37
+ }
38
+ }
39
+
11
40
  .actions-dropdown-trigger {
12
41
  position: absolute;
13
42
  top: 16px;
@@ -61,9 +90,15 @@
61
90
  z-index: 2;
62
91
  }
63
92
 
93
+ .pisell-card-name-info-wrap {
94
+ // 避免子组件 display: inline-block 产生的幽灵间距
95
+ font-size: 0px;
96
+ }
97
+
64
98
  .pisell-card-name-wrap {
65
99
  font-weight: 500;
66
100
  line-height: 20px;
101
+ font-size: 14px;
67
102
  white-space: nowrap;
68
103
  overflow: hidden;
69
104
  text-overflow: ellipsis;
@@ -75,6 +110,27 @@
75
110
  }
76
111
  }
77
112
 
113
+ .pisell-card-holder-name {
114
+ cursor: pointer;
115
+ display: inline-block;
116
+ overflow: hidden;
117
+ text-overflow: ellipsis;
118
+ white-space: nowrap;
119
+ padding: 2px 8px;
120
+ border-radius: 16px;
121
+ max-width: 60%;
122
+ height: 22px;
123
+ min-width: 50px;
124
+ text-align: center;
125
+ line-height: 16px;
126
+ font-size: 12px;
127
+ font-style: normal;
128
+ font-weight: 500;
129
+ line-height: 18px;
130
+ background-color: #475467;
131
+ color: white;
132
+ }
133
+
78
134
  .pisell-card-store-name {
79
135
  height: 20px;
80
136
  font-size: 12px;
@@ -85,30 +141,34 @@
85
141
  text-overflow: ellipsis;
86
142
  }
87
143
 
88
- .pisell-card-amount-wrap {
144
+ .pisell-card-amount-item {
89
145
  display: flex;
90
- margin-bottom: 4px;
146
+ flex-direction: row;
147
+ align-items: center;
148
+ margin-right: 16px;
149
+ overflow: hidden;
91
150
 
92
- .pisell-card-amount-item {
93
- display: flex;
94
- flex-direction: column;
95
- margin-right: 16px;
151
+ .pisell-card-amount-item-label {
152
+ color: var(--Gray-500, #667085);
153
+ font-weight: 400;
154
+ line-height: 20px;
155
+ height: 20px;
156
+ white-space: nowrap;
157
+ }
158
+
159
+ .pisell-card-amount-item-value {
160
+ font-size: 20px;
161
+ font-weight: 600;
162
+ line-height: 30px;
96
163
  overflow: hidden;
164
+ text-overflow: ellipsis;
165
+ }
97
166
 
167
+ &-balance,
168
+ &-discount {
98
169
  .pisell-card-amount-item-label {
99
- color: var(--Gray-500, #667085);
100
- font-weight: 400;
101
- line-height: 20px;
102
- height: 20px;
103
- white-space: nowrap;
104
- }
105
-
106
- .pisell-card-amount-item-value {
107
- font-size: 20px;
108
- font-weight: 600;
109
- line-height: 20px;
110
- overflow: hidden;
111
- text-overflow: ellipsis;
170
+ transform: translateY(2px);
171
+ margin-right: 2px;
112
172
  }
113
173
  }
114
174
  }
@@ -167,16 +227,18 @@
167
227
  color: var(--Gray-500, #667085);
168
228
  padding-bottom: 30px;
169
229
 
170
- .pisell-card-amount-wrap {
171
- .pisell-card-amount-item {
172
- flex-direction: row;
173
- align-items: center;
230
+ .pisell-card-amount-item {
231
+ flex-direction: row;
232
+ align-items: center;
174
233
 
175
- .pisell-card-amount-item-value {
176
- font-size: 14px;
177
- font-weight: 400;
178
- line-height: 20px;
179
- }
234
+ .pisell-card-amount-item-label {
235
+ transform: unset !important;
236
+ }
237
+
238
+ .pisell-card-amount-item-value {
239
+ font-size: 14px;
240
+ font-weight: 400;
241
+ line-height: 20px;
180
242
  }
181
243
  }
182
244
 
@@ -211,10 +273,6 @@
211
273
  line-height: 20px;
212
274
  }
213
275
 
214
- .pisell-card-amount-wrap {
215
- display: block;
216
- }
217
-
218
276
  .pisell-wallet-pass-card-redeem {
219
277
  visibility: hidden;
220
278
  flex-direction: row;
@@ -252,7 +310,7 @@
252
310
  }
253
311
  }
254
312
 
255
- .pisell-wallet-pass-card-balance {
313
+ .pisell-card-amount-item-balance {
256
314
  flex-direction: row;
257
315
  align-items: center;
258
316
 
@@ -279,6 +337,10 @@
279
337
  height: 20px;
280
338
  }
281
339
  }
340
+
341
+ .pisell-card-warn-message {
342
+ padding: 6px 16px;
343
+ }
282
344
  }
283
345
 
284
346
  .pisell-wallet-pass-card-detail-modal,
@@ -185,7 +185,7 @@ var GridView = (0, import_model.Provider)(
185
185
  (0, import_react.useEffect)(() => {
186
186
  modal.dispatch({
187
187
  type: "setUtils",
188
- payload: utils || {}
188
+ payload: (0, import_utils.omit)(utils, ["pisellos"]) || {}
189
189
  });
190
190
  modal.dispatch({
191
191
  type: "setIsTerminal",