@pisell/private-materials 3.4.59 → 3.4.60

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 (230) 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 +2 -2
  6. package/build/lowcode/preview.js +7 -7
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +2 -2
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +10 -10
  11. package/es/components/appointmentBooking/components/Cart/index.d.ts +0 -1
  12. package/es/components/booking/components/TabProduct/productItem/index.d.ts +0 -1
  13. package/es/components/booking/components/TabProduct/selectProductItem/index.d.ts +0 -1
  14. package/es/components/booking/components/collapsibleList/utils.d.ts +0 -1
  15. package/es/components/booking/components/emptyBooking/index.d.ts +0 -1
  16. package/es/components/booking/components/footer/FooterMenus/index.d.ts +0 -1
  17. package/es/components/booking/forms/footer.d.ts +0 -1
  18. package/es/components/booking/forms/sendModal/useSendModal.d.ts +0 -1
  19. package/es/components/booking/forms/single/index.d.ts +0 -1
  20. package/es/components/booking/hooks/useClearCart.d.ts +0 -1
  21. package/es/components/booking/info/clientVariant/hooks/useClientFn.d.ts +0 -1
  22. package/es/components/booking/info/date/index.d.ts +0 -1
  23. package/es/components/booking/info/dateRange/index.d.ts +0 -1
  24. package/es/components/booking/info/notes/index.d.ts +0 -1
  25. package/es/components/booking/info/service/actions/index.d.ts +0 -1
  26. package/es/components/booking/info2/service/actions/index.d.ts +0 -1
  27. package/es/components/booking/info2/service/contactInfoMode/index.d.ts +0 -1
  28. package/es/components/booking/materiels/contacts/index.d.ts +0 -1
  29. package/es/components/booking/materiels/duration/index.d.ts +0 -1
  30. package/es/components/booking/materiels/holder/index.d.ts +0 -1
  31. package/es/components/booking/materiels/startTime/index.d.ts +0 -1
  32. package/es/components/booking/notes/NoteBlock/NoteItem/index.d.ts +0 -1
  33. package/es/components/booking/notes/NoteBlock/index.d.ts +0 -1
  34. package/es/components/eftpos/index.d.ts +0 -1
  35. package/es/components/eftpos/pos.d.ts +0 -1
  36. package/es/components/eftposPay/amount.d.ts +0 -1
  37. package/es/components/eftposPay/component/fail/network.d.ts +0 -1
  38. package/es/components/eftposPay/component/manual/index.d.ts +0 -1
  39. package/es/components/eftposPay/component/signature/index.d.ts +0 -1
  40. package/es/components/eftposPay/payo/config.d.ts +0 -1
  41. package/es/components/eftposPay/tip.d.ts +0 -1
  42. package/es/components/eftposPay/windcave/receiptAction.d.ts +0 -1
  43. package/es/components/eftposPay/windcave/windcave.d.ts +0 -1
  44. package/es/components/eventBooking/components/Provider/Cart/index.d.ts +0 -1
  45. package/es/components/eventBooking/components/Provider/EmptyHolderModal/index.d.ts +0 -1
  46. package/es/components/eventBooking/components/Provider/OrderProductModal/index.d.ts +0 -1
  47. package/es/components/eventBooking/components/Provider/RemoveOptionConfirmModal.d.ts +0 -1
  48. package/es/components/eventBooking/components/scheduleCalendar/ProductItem/index.d.ts +0 -1
  49. package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.d.ts +0 -1
  50. package/es/components/kioskSkuDetail/index.d.ts +39 -0
  51. package/es/components/kioskSkuDetail/index.js +529 -0
  52. package/es/components/kioskSkuDetail/index.less +196 -0
  53. package/es/components/kioskSkuDetail/locales.d.ts +27 -0
  54. package/es/components/kioskSkuDetail/locales.js +26 -0
  55. package/es/components/login/index.d.ts +0 -1
  56. package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts +0 -1
  57. package/es/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts +0 -1
  58. package/es/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts +0 -1
  59. package/es/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts +0 -1
  60. package/es/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts +0 -1
  61. package/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts +0 -1
  62. package/es/components/productExtension/fields/SelectProducts/index.d.ts +0 -1
  63. package/es/components/productExtension/fields/SelectResourcesTable/index.d.ts +0 -1
  64. package/es/components/ruleSetting/ruleBorder/index.d.ts +0 -1
  65. package/es/components/schedules/calendar/index.d.ts +0 -1
  66. package/es/components/schedules/components/CurrentDay/index.d.ts +0 -1
  67. package/es/components/schedules/components/ScheduleDetailList/index.d.ts +0 -1
  68. package/es/components/schedules/components/ScheduleList/index.d.ts +0 -1
  69. package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts +0 -1
  70. package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts +0 -1
  71. package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts +1 -0
  72. package/es/components/schedules/products/list/ProductItem/index.d.ts +0 -1
  73. package/es/components/schedules/products/list/index.d.ts +0 -1
  74. package/es/components/schedules/resources/list/index.d.ts +0 -1
  75. package/es/components/schedules/schedules/AllSchedules/index.d.ts +0 -1
  76. package/es/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts +0 -1
  77. package/es/components/schedules/schedules/index.d.ts +0 -1
  78. package/es/components/shoppingCart/hooks/useAddService.d.ts +0 -1
  79. package/es/components/shoppingCart/hooks/useClearCart.d.ts +0 -1
  80. package/es/components/shoppingCart/index.d.ts +0 -1
  81. package/es/hooks/usePaymentLogger.d.ts +0 -1
  82. package/es/index.d.ts +2 -0
  83. package/es/index.js +2 -0
  84. package/es/plus/saasCreateOrganization/components/Header.d.ts +0 -1
  85. package/es/plus/saasRegister/components/EntryEmail.d.ts +0 -1
  86. package/es/plus/saasRegister/components/EntryInfo.d.ts +0 -1
  87. package/es/plus/saasRegister/components/GoLogin.d.ts +0 -1
  88. package/es/plus/saasRegister/components/Header.d.ts +0 -1
  89. package/es/plus/saasRegister/components/VerifyError.d.ts +0 -1
  90. package/es/plus/saasRegister/components/VerifyingLink.d.ts +0 -1
  91. package/es/plus/saasRegister/components/VertifyEmail.d.ts +0 -1
  92. package/es/plus/skuOptionsSelection/components/OptionsCard/OptionItemCard.d.ts +0 -1
  93. package/es/plus/skuOptionsSelection/components/OptionsCard/index.d.ts +0 -1
  94. package/es/plus/skuOptionsSelection/components/OptionsModal/index.d.ts +1 -0
  95. package/es/plus/skuOptionsSelection/components/TitleExtra/index.d.ts +0 -1
  96. package/es/plus/skuOptionsSelection/components/VariantCard/index.js +30 -1
  97. package/es/plus/skuOptionsSelection/components/VariantCard/index.less +10 -0
  98. package/es/plus/skuOptionsSelection/locales.d.ts +3 -0
  99. package/es/plus/skuOptionsSelection/locales.js +3 -0
  100. package/es/plus/skuOptionsSelection/store/actions.js +17 -2
  101. package/es/plus/skuOptionsSelection/types.d.ts +5 -0
  102. package/es/plus/skuOptionsSelection/types.js +2 -1
  103. package/es/plus/skuOptionsSelection/utils/transformVariantGroup.js +70 -3
  104. package/es/plus/walletEditor/components/relationProduct/index.d.ts +0 -1
  105. package/es/plus/walletPassGallery/components/timelineSection/index.d.ts +0 -1
  106. package/es/pro/Login2.0/components/LoginCodeInput.js +36 -3
  107. package/es/pro/Login2.0/steps/CodeInput.js +37 -7
  108. package/es/pro/Selector/demo.d.ts +1 -0
  109. package/es/pro/numberKeyboard/index.d.ts +28 -0
  110. package/es/pro/numberKeyboard/index.js +155 -0
  111. package/es/pro/numberKeyboard/index.less +25 -0
  112. package/es/pro/numberKeyboard/locales.d.ts +12 -0
  113. package/es/pro/numberKeyboard/locales.js +11 -0
  114. package/es/pro/pisellNumberSelector/example.d.ts +3 -0
  115. package/es/pro/pisellNumberSelector/example.js +68 -0
  116. package/es/pro/pisellNumberSelector/index.d.ts +29 -0
  117. package/es/pro/pisellNumberSelector/index.js +257 -0
  118. package/es/pro/pisellNumberSelector/index.less +235 -0
  119. package/es/pro/pisellPaymentList/example.d.ts +1 -0
  120. package/lib/components/appointmentBooking/components/Cart/index.d.ts +0 -1
  121. package/lib/components/booking/components/TabProduct/productItem/index.d.ts +0 -1
  122. package/lib/components/booking/components/TabProduct/selectProductItem/index.d.ts +0 -1
  123. package/lib/components/booking/components/collapsibleList/utils.d.ts +0 -1
  124. package/lib/components/booking/components/emptyBooking/index.d.ts +0 -1
  125. package/lib/components/booking/components/footer/FooterMenus/index.d.ts +0 -1
  126. package/lib/components/booking/forms/footer.d.ts +0 -1
  127. package/lib/components/booking/forms/sendModal/useSendModal.d.ts +0 -1
  128. package/lib/components/booking/forms/single/index.d.ts +0 -1
  129. package/lib/components/booking/hooks/useClearCart.d.ts +0 -1
  130. package/lib/components/booking/info/clientVariant/hooks/useClientFn.d.ts +0 -1
  131. package/lib/components/booking/info/date/index.d.ts +0 -1
  132. package/lib/components/booking/info/dateRange/index.d.ts +0 -1
  133. package/lib/components/booking/info/notes/index.d.ts +0 -1
  134. package/lib/components/booking/info/service/actions/index.d.ts +0 -1
  135. package/lib/components/booking/info2/service/actions/index.d.ts +0 -1
  136. package/lib/components/booking/info2/service/contactInfoMode/index.d.ts +0 -1
  137. package/lib/components/booking/materiels/contacts/index.d.ts +0 -1
  138. package/lib/components/booking/materiels/duration/index.d.ts +0 -1
  139. package/lib/components/booking/materiels/holder/index.d.ts +0 -1
  140. package/lib/components/booking/materiels/startTime/index.d.ts +0 -1
  141. package/lib/components/booking/notes/NoteBlock/NoteItem/index.d.ts +0 -1
  142. package/lib/components/booking/notes/NoteBlock/index.d.ts +0 -1
  143. package/lib/components/eftpos/index.d.ts +0 -1
  144. package/lib/components/eftpos/pos.d.ts +0 -1
  145. package/lib/components/eftposPay/amount.d.ts +0 -1
  146. package/lib/components/eftposPay/component/fail/network.d.ts +0 -1
  147. package/lib/components/eftposPay/component/manual/index.d.ts +0 -1
  148. package/lib/components/eftposPay/component/signature/index.d.ts +0 -1
  149. package/lib/components/eftposPay/payo/config.d.ts +0 -1
  150. package/lib/components/eftposPay/tip.d.ts +0 -1
  151. package/lib/components/eftposPay/windcave/receiptAction.d.ts +0 -1
  152. package/lib/components/eftposPay/windcave/windcave.d.ts +0 -1
  153. package/lib/components/eventBooking/components/Provider/Cart/index.d.ts +0 -1
  154. package/lib/components/eventBooking/components/Provider/EmptyHolderModal/index.d.ts +0 -1
  155. package/lib/components/eventBooking/components/Provider/OrderProductModal/index.d.ts +0 -1
  156. package/lib/components/eventBooking/components/Provider/RemoveOptionConfirmModal.d.ts +0 -1
  157. package/lib/components/eventBooking/components/scheduleCalendar/ProductItem/index.d.ts +0 -1
  158. package/lib/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.d.ts +0 -1
  159. package/lib/components/kioskSkuDetail/index.d.ts +39 -0
  160. package/lib/components/kioskSkuDetail/index.js +393 -0
  161. package/lib/components/kioskSkuDetail/index.less +196 -0
  162. package/lib/components/kioskSkuDetail/locales.d.ts +27 -0
  163. package/lib/components/kioskSkuDetail/locales.js +50 -0
  164. package/lib/components/login/index.d.ts +0 -1
  165. package/lib/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts +0 -1
  166. package/lib/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts +0 -1
  167. package/lib/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts +0 -1
  168. package/lib/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts +0 -1
  169. package/lib/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts +0 -1
  170. package/lib/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts +0 -1
  171. package/lib/components/productExtension/fields/SelectProducts/index.d.ts +0 -1
  172. package/lib/components/productExtension/fields/SelectResourcesTable/index.d.ts +0 -1
  173. package/lib/components/ruleSetting/ruleBorder/index.d.ts +0 -1
  174. package/lib/components/schedules/calendar/index.d.ts +0 -1
  175. package/lib/components/schedules/components/CurrentDay/index.d.ts +0 -1
  176. package/lib/components/schedules/components/ScheduleDetailList/index.d.ts +0 -1
  177. package/lib/components/schedules/components/ScheduleList/index.d.ts +0 -1
  178. package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts +0 -1
  179. package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts +0 -1
  180. package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts +1 -0
  181. package/lib/components/schedules/products/list/ProductItem/index.d.ts +0 -1
  182. package/lib/components/schedules/products/list/index.d.ts +0 -1
  183. package/lib/components/schedules/resources/list/index.d.ts +0 -1
  184. package/lib/components/schedules/schedules/AllSchedules/index.d.ts +0 -1
  185. package/lib/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts +0 -1
  186. package/lib/components/schedules/schedules/index.d.ts +0 -1
  187. package/lib/components/shoppingCart/hooks/useAddService.d.ts +0 -1
  188. package/lib/components/shoppingCart/hooks/useClearCart.d.ts +0 -1
  189. package/lib/components/shoppingCart/index.d.ts +0 -1
  190. package/lib/hooks/usePaymentLogger.d.ts +0 -1
  191. package/lib/index.d.ts +2 -0
  192. package/lib/index.js +6 -0
  193. package/lib/plus/saasCreateOrganization/components/Header.d.ts +0 -1
  194. package/lib/plus/saasRegister/components/EntryEmail.d.ts +0 -1
  195. package/lib/plus/saasRegister/components/EntryInfo.d.ts +0 -1
  196. package/lib/plus/saasRegister/components/GoLogin.d.ts +0 -1
  197. package/lib/plus/saasRegister/components/Header.d.ts +0 -1
  198. package/lib/plus/saasRegister/components/VerifyError.d.ts +0 -1
  199. package/lib/plus/saasRegister/components/VerifyingLink.d.ts +0 -1
  200. package/lib/plus/saasRegister/components/VertifyEmail.d.ts +0 -1
  201. package/lib/plus/skuOptionsSelection/components/OptionsCard/OptionItemCard.d.ts +0 -1
  202. package/lib/plus/skuOptionsSelection/components/OptionsCard/index.d.ts +0 -1
  203. package/lib/plus/skuOptionsSelection/components/OptionsModal/index.d.ts +1 -0
  204. package/lib/plus/skuOptionsSelection/components/TitleExtra/index.d.ts +0 -1
  205. package/lib/plus/skuOptionsSelection/components/VariantCard/index.js +32 -3
  206. package/lib/plus/skuOptionsSelection/components/VariantCard/index.less +10 -0
  207. package/lib/plus/skuOptionsSelection/locales.d.ts +3 -0
  208. package/lib/plus/skuOptionsSelection/locales.js +3 -0
  209. package/lib/plus/skuOptionsSelection/store/actions.js +25 -1
  210. package/lib/plus/skuOptionsSelection/types.d.ts +5 -0
  211. package/lib/plus/skuOptionsSelection/types.js +2 -1
  212. package/lib/plus/skuOptionsSelection/utils/transformVariantGroup.js +51 -5
  213. package/lib/plus/walletEditor/components/relationProduct/index.d.ts +0 -1
  214. package/lib/plus/walletPassGallery/components/timelineSection/index.d.ts +0 -1
  215. package/lib/pro/Login2.0/components/LoginCodeInput.js +26 -4
  216. package/lib/pro/Login2.0/steps/CodeInput.js +27 -5
  217. package/lib/pro/Selector/demo.d.ts +1 -0
  218. package/lib/pro/numberKeyboard/index.d.ts +28 -0
  219. package/lib/pro/numberKeyboard/index.js +182 -0
  220. package/lib/pro/numberKeyboard/index.less +25 -0
  221. package/lib/pro/numberKeyboard/locales.d.ts +12 -0
  222. package/lib/pro/numberKeyboard/locales.js +35 -0
  223. package/lib/pro/pisellNumberSelector/example.d.ts +3 -0
  224. package/lib/pro/pisellNumberSelector/example.js +93 -0
  225. package/lib/pro/pisellNumberSelector/index.d.ts +29 -0
  226. package/lib/pro/pisellNumberSelector/index.js +275 -0
  227. package/lib/pro/pisellNumberSelector/index.less +235 -0
  228. package/lib/pro/pisellPaymentList/example.d.ts +1 -0
  229. package/lowcode/kiosk-sku-detail/meta.ts +264 -0
  230. package/package.json +2 -2
@@ -0,0 +1,196 @@
1
+ .pisell-kiosk-sku-detail-viewport {
2
+ position: relative;
3
+ width: 100vw;
4
+ height: 100vh;
5
+ overflow: hidden;
6
+ background: #f2f4f7;
7
+ }
8
+
9
+ .pisell-kiosk-sku-detail {
10
+ position: absolute;
11
+ top: 0;
12
+ left: 50%;
13
+ width: 1080px;
14
+ height: 1800px;
15
+ overflow-y: auto;
16
+ background: #f2f4f7;
17
+ background-size: cover;
18
+ background-position: center;
19
+ padding: 40px;
20
+ box-sizing: border-box;
21
+ }
22
+
23
+ .pisell-kiosk-sku-detail__content {
24
+ width: 100%;
25
+ margin: 0 auto;
26
+ display: flex;
27
+ flex-direction: column;
28
+ gap: 40px;
29
+ padding-bottom: 220px; // avoid overlap with footer
30
+ .pisell-pro-selector_header-content {
31
+ .pisell-pro-selector_header-content-title {
32
+ color: #101828;
33
+ font-size: 36px !important;
34
+ }
35
+ .pisell-lowcode-tag {
36
+ font-size: 22px !important;
37
+ margin-left: 20px !important;
38
+ padding-top: 5px !important;
39
+ padding-bottom: 5px !important;
40
+ }
41
+ }
42
+ .pisell-pro-selector_tip {
43
+ font-size: 36px !important;
44
+ color: #667085;
45
+ }
46
+ .pisell-sku-options-selection-variant-card__title {
47
+ font-size: 36px !important;
48
+ font-weight: 600 !important;
49
+ color: #101828;
50
+ }
51
+ .pisell-sku-options-selection-variant-card__price {
52
+ font-size: 30px !important;
53
+ }
54
+ .pisell-sku-options-selection-variant-card {
55
+ padding-top: 30px !important;
56
+ padding-bottom: 30px !important;
57
+ }
58
+ }
59
+
60
+ .pisell-kiosk-sku-detail__hero {
61
+ width: 100%;
62
+ border-radius: 40px;
63
+ overflow: hidden;
64
+ background: #ffffff;
65
+ }
66
+
67
+ .pisell-kiosk-sku-detail__hero-img {
68
+ width: 100%;
69
+ height: 633px;
70
+ object-fit: cover;
71
+ display: block;
72
+ }
73
+
74
+ .pisell-kiosk-sku-detail__hero-placeholder {
75
+ width: 100%;
76
+ height: 633px;
77
+ background: #f2f4f7;
78
+ }
79
+
80
+ .pisell-kiosk-sku-detail__header {
81
+ display: flex;
82
+ flex-direction: column;
83
+ align-items: center;
84
+ gap: 20px;
85
+ text-align: center;
86
+ }
87
+
88
+ .pisell-kiosk-sku-detail__title {
89
+ font-size: 60px;
90
+ line-height: 72px;
91
+ font-weight: 600;
92
+ color: #000;
93
+ }
94
+
95
+ .pisell-kiosk-sku-detail__desc {
96
+ font-size: 36px;
97
+ line-height: 44px;
98
+ font-weight: 400;
99
+ color: #475467;
100
+ }
101
+
102
+ .pisell-kiosk-sku-detail__price-range {
103
+ font-size: 48px;
104
+ line-height: 60px;
105
+ font-weight: 600;
106
+ color: #f79009;
107
+ }
108
+
109
+ .pisell-kiosk-sku-detail__error {
110
+ font-size: 20px;
111
+ line-height: 30px;
112
+ color: #b42318;
113
+ }
114
+
115
+ .pisell-kiosk-sku-detail__options-card {
116
+ background: #fff;
117
+ border-radius: 40px;
118
+ padding: 40px;
119
+ .pisell-pro-selector_options-container {
120
+ grid-template-columns: 1fr 1fr !important;
121
+ }
122
+ }
123
+
124
+ .pisell-kiosk-sku-detail__options-loading {
125
+ font-size: 20px;
126
+ color: #667085;
127
+ padding: 20px 0;
128
+ }
129
+
130
+ .pisell-kiosk-sku-detail__footer {
131
+ // 注意:父容器有 transform(scale),fixed 会相对该容器定位(适配小分辨率缩放舞台)
132
+ position: fixed;
133
+ left: 30px;
134
+ right: 30px;
135
+ bottom: 30px;
136
+ transform: none;
137
+ width: auto;
138
+ display: flex;
139
+ align-items: center;
140
+ justify-content: space-between;
141
+ gap: 20px;
142
+ padding: 30px;
143
+ background: #fff;
144
+ border: 1px solid #d0d5dd;
145
+ border-radius: 80px;
146
+ box-shadow:
147
+ 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
148
+ 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
149
+ box-sizing: border-box;
150
+ }
151
+
152
+ .pisell-kiosk-sku-detail__back-btn {
153
+ border-radius: 80px;
154
+ border: 1px solid #98a2b3 !important;
155
+ background: #fff !important;
156
+ color: #101828 !important;
157
+ height: 72px;
158
+ padding: 0 24px;
159
+ font-size: 20px;
160
+ font-weight: 600;
161
+ }
162
+
163
+ .pisell-kiosk-sku-detail__footer-center {
164
+ display: flex;
165
+ align-items: center;
166
+ gap: 20px;
167
+ // 靠右,并与右侧主按钮保持 20px 间距
168
+ margin-left: auto;
169
+ margin-right: 20px;
170
+ }
171
+
172
+ .pisell-kiosk-sku-detail__item-total {
173
+ font-size: 20px;
174
+ line-height: 30px;
175
+ font-weight: 600;
176
+ color: #101828;
177
+ white-space: nowrap;
178
+ }
179
+
180
+ .pisell-kiosk-sku-detail__qty {
181
+ display: flex;
182
+ align-items: center;
183
+ }
184
+
185
+ .pisell-kiosk-sku-detail__add-btn {
186
+ border-radius: 80px !important;
187
+ height: 72px;
188
+ padding: 0 36px !important;
189
+ font-size: 24px !important;
190
+ font-weight: 600 !important;
191
+ background: #ffbc0d !important;
192
+ border-color: #ffbc0d !important;
193
+ color: #fff !important;
194
+ }
195
+
196
+
@@ -0,0 +1,27 @@
1
+ declare const _default: {
2
+ en: {
3
+ 'pisell2.text.kiosk.sku.detail.btn.back': string;
4
+ 'pisell2.text.kiosk.sku.detail.item.total': string;
5
+ 'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
6
+ 'pisell2.text.kiosk.sku.detail.btn.update': string;
7
+ 'pisell2.text.kiosk.sku.detail.loading.options': string;
8
+ 'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
9
+ };
10
+ 'zh-CN': {
11
+ 'pisell2.text.kiosk.sku.detail.btn.back': string;
12
+ 'pisell2.text.kiosk.sku.detail.item.total': string;
13
+ 'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
14
+ 'pisell2.text.kiosk.sku.detail.btn.update': string;
15
+ 'pisell2.text.kiosk.sku.detail.loading.options': string;
16
+ 'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
17
+ };
18
+ 'zh-TW': {
19
+ 'pisell2.text.kiosk.sku.detail.btn.back': string;
20
+ 'pisell2.text.kiosk.sku.detail.item.total': string;
21
+ 'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
22
+ 'pisell2.text.kiosk.sku.detail.btn.update': string;
23
+ 'pisell2.text.kiosk.sku.detail.loading.options': string;
24
+ 'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
25
+ };
26
+ };
27
+ export default _default;
@@ -0,0 +1,26 @@
1
+ export default {
2
+ en: {
3
+ 'pisell2.text.kiosk.sku.detail.btn.back': 'Back',
4
+ 'pisell2.text.kiosk.sku.detail.item.total': 'Item total',
5
+ 'pisell2.text.kiosk.sku.detail.btn.add.to.cart': 'Add to cart',
6
+ 'pisell2.text.kiosk.sku.detail.btn.update': 'Update',
7
+ 'pisell2.text.kiosk.sku.detail.loading.options': 'Loading options…',
8
+ 'pisell2.text.kiosk.sku.detail.toast.select.variant': 'Please select a top-up option'
9
+ },
10
+ 'zh-CN': {
11
+ 'pisell2.text.kiosk.sku.detail.btn.back': '返回',
12
+ 'pisell2.text.kiosk.sku.detail.item.total': '小计',
13
+ 'pisell2.text.kiosk.sku.detail.btn.add.to.cart': '加入购物车',
14
+ 'pisell2.text.kiosk.sku.detail.btn.update': '更新',
15
+ 'pisell2.text.kiosk.sku.detail.loading.options': '正在加载选项…',
16
+ 'pisell2.text.kiosk.sku.detail.toast.select.variant': '请选择充值选项'
17
+ },
18
+ 'zh-TW': {
19
+ 'pisell2.text.kiosk.sku.detail.btn.back': '返回',
20
+ 'pisell2.text.kiosk.sku.detail.item.total': '小計',
21
+ 'pisell2.text.kiosk.sku.detail.btn.add.to.cart': '加入購物車',
22
+ 'pisell2.text.kiosk.sku.detail.btn.update': '更新',
23
+ 'pisell2.text.kiosk.sku.detail.loading.options': '正在載入選項…',
24
+ 'pisell2.text.kiosk.sku.detail.toast.select.variant': '請選擇充值選項'
25
+ }
26
+ };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  export interface LoginProps {
4
3
  title: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
3
2
  import './index.less';
4
3
  interface WalletUseListProps {
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
3
2
  export default DateSectionCom;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const GenderField: (props: any) => JSX.Element;
3
2
  export default GenderField;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './index.less';
3
2
  interface CustomerListProps {
4
3
  value: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './index.less';
3
2
  declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
4
3
  export default ProductItem;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => JSX.Element;
4
3
  export default ProductItemPreview;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './index.less';
3
2
  interface valueType {
4
3
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './index.less';
3
2
  declare const SelectResourcesTable: ({ value, onChange }: any) => JSX.Element;
4
3
  export default SelectResourcesTable;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  interface RuleSettingProps {
4
3
  value: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  declare const Calendar: () => JSX.Element;
4
3
  export default Calendar;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  declare type CurrentDayProps = {
4
3
  onClose: () => void;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ScheduleItem } from "../../type";
3
2
  import "./index.less";
4
3
  declare type ScheduleDetailListPropsType = {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ButtonProps } from 'antd';
3
2
  import { ScheduleItem } from '../../type';
4
3
  import './index.less';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
4
3
  form: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const ResourcesModule: ({ product }: {
3
2
  product: any;
4
3
  }) => JSX.Element;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import "./index.less";
2
3
  declare const ProductDetail: ({ form, currentProduct, }: {
3
4
  form: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  declare type Item = any;
4
3
  interface ProductItemProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './index.less';
3
2
  interface ProductListProps {
4
3
  loading: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import "./index.less";
3
2
  declare type ResourcesListProps = {
4
3
  list: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ScheduleItem } from '../../type';
3
2
  import './index.less';
4
3
  declare type AllSchedulesPropsType = {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { DrawerProps } from "antd";
3
2
  import { ScheduleItem } from "../../type";
4
3
  import "./index.less";
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const SchedulesConnect: () => JSX.Element;
3
2
  export default SchedulesConnect;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const useAddService: (id?: number, type?: string) => JSX.Element | null;
3
2
  export default useAddService;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const useClearCart: (key?: number | undefined) => JSX.Element | null;
3
2
  export default useClearCart;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { shoppingCartProps } from './type';
3
2
  declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => JSX.Element;
4
3
  export default shoppingCart;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface LogData {
3
2
  key: string;
4
3
  value: any;
package/es/index.d.ts CHANGED
@@ -59,5 +59,7 @@ export { default as WalletEditor } from './plus/walletEditor';
59
59
  export { default as WalletPassGallery } from './plus/walletPassGallery';
60
60
  export { default as WalletPassDetail } from './plus/walletPassGallery/components/passDetail';
61
61
  export { default as SettingsRegistry } from './components/systemSettings/registry';
62
+ export { default as KioskSkuDetail } from './components/kioskSkuDetail';
63
+ export { default as ProNumberSelector } from './pro/pisellNumberSelector';
62
64
  export { default as Selector } from './pro/Selector';
63
65
  export { default as SKUOptionsSelection } from './plus/skuOptionsSelection';
package/es/index.js CHANGED
@@ -62,5 +62,7 @@ export { default as WalletEditor } from "./plus/walletEditor";
62
62
  export { default as WalletPassGallery } from "./plus/walletPassGallery";
63
63
  export { default as WalletPassDetail } from "./plus/walletPassGallery/components/passDetail";
64
64
  export { default as SettingsRegistry } from "./components/systemSettings/registry";
65
+ export { default as KioskSkuDetail } from "./components/kioskSkuDetail";
66
+ export { default as ProNumberSelector } from "./pro/pisellNumberSelector";
65
67
  export { default as Selector } from "./pro/Selector";
66
68
  export { default as SKUOptionsSelection } from "./plus/skuOptionsSelection";
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SCOProps } from '../types';
3
2
  import '../index.less';
4
3
  export declare const Header: (props: SCOProps) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FormInstance } from 'antd';
3
2
  import { SRProps } from '../types';
4
3
  import '../index.less';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FormInstance } from 'antd';
3
2
  import { SRProps } from '../types';
4
3
  import '../index.less';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SRProps } from '../types';
3
2
  import '../index.less';
4
3
  declare const GoLogin: (props: SRProps) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SRProps } from '../types';
3
2
  import '../index.less';
4
3
  export declare const Header: (props: SRProps) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SRStepStatus } from '../types';
3
2
  import '../index.less';
4
3
  declare const VerifyError: (props: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import '../index.less';
3
2
  declare const VerifyingEmailLink: (props: {
4
3
  onVerifyLink: () => Promise<void>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import '../index.less';
3
2
  declare const VertifyEmail: (props: {
4
3
  email: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './index.less';
3
2
  declare const OptionItemCard: (props: any) => JSX.Element;
4
3
  export default OptionItemCard;
@@ -1,7 +1,6 @@
1
1
  /**
2
2
  * 单规格商品卡片,点击后需要拉起弹窗展示具体的规格信息
3
3
  */
4
- /// <reference types="react" />
5
4
  import { RenderItemProps } from '../../../../pro/Selector/types';
6
5
  import './index.less';
7
6
  declare const OptionsCard: (props: RenderItemProps & {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  interface OptionsModalProps {
2
3
  parentDataSource: any;
3
4
  dataSource: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './index.less';
3
2
  declare const TitleExtra: (props: any) => JSX.Element;
4
3
  export default TitleExtra;
@@ -1,12 +1,25 @@
1
1
  import React from 'react';
2
2
  import { locales } from '@pisell/utils';
3
3
  import Selector from "../../../../pro/Selector";
4
+ import useStore from "../../hooks/useStore";
4
5
  import "./index.less";
5
6
  var VariantCard = function VariantCard(props) {
6
7
  var _props$dataSource, _props$dataSource2;
7
8
  var _ref = props || {},
8
9
  dataSource = _ref.dataSource,
9
10
  actions = _ref.actions;
11
+ var symbol = useStore(function (s) {
12
+ return s.symbol;
13
+ });
14
+ var skuCardConfig = useStore(function (s) {
15
+ return s.skuCardConfig;
16
+ });
17
+ var isVariantPriceVisible = (skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.variantPriceVisible) === true;
18
+ var priceConfig = skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.price;
19
+ var priceText = formatPriceText({
20
+ symbol: symbol,
21
+ price: dataSource === null || dataSource === void 0 ? void 0 : dataSource.price
22
+ });
10
23
  var handleClick = function handleClick(e) {
11
24
  e.stopPropagation();
12
25
  if (dataSource !== null && dataSource !== void 0 && dataSource.disabled) return;
@@ -24,6 +37,22 @@ var VariantCard = function VariantCard(props) {
24
37
  return /*#__PURE__*/React.createElement(Selector.Item, props || {}, /*#__PURE__*/React.createElement("div", {
25
38
  className: "pisell-sku-options-selection-variant-card",
26
39
  onClick: handleClick
27
- }, ((_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.title) || '', ((_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 || (_props$dataSource2 = _props$dataSource2._extra) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.hasStock) === false ? " (".concat(locales.getText('pisell2.skuOptionsSelection.variantItemCard.soldOut'), ")") : null));
40
+ }, /*#__PURE__*/React.createElement("div", {
41
+ className: "pisell-sku-options-selection-variant-card__title"
42
+ }, ((_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.title) || '', ((_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 || (_props$dataSource2 = _props$dataSource2._extra) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.hasStock) === false ? " (".concat(locales.getText('pisell2.skuOptionsSelection.variantItemCard.soldOut'), ")") : null), isVariantPriceVisible && (priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.visible) !== false && !!priceText ? /*#__PURE__*/React.createElement("div", {
43
+ className: "pisell-sku-options-selection-variant-card__price",
44
+ style: {
45
+ fontSize: priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.fontSize,
46
+ fontWeight: priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.fontWeight,
47
+ color: priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.color
48
+ }
49
+ }, locales.getText('pisell2.skuOptionsSelection.variantItemCard.price'), ":", priceText) : null));
28
50
  };
51
+ function formatPriceText(params) {
52
+ var symbol = params.symbol || '$';
53
+ var price = Number(params.price);
54
+ if (!params.price && params.price !== 0) return '';
55
+ if (Number.isNaN(price)) return '';
56
+ return "".concat(symbol).concat(price.toFixed(2));
57
+ }
29
58
  export default VariantCard;
@@ -3,7 +3,17 @@
3
3
  height: 100%;
4
4
  padding: 12px 16px;
5
5
  display: flex;
6
+ flex-direction: column;
7
+ gap: 4px;
6
8
  align-items: center;
7
9
  justify-content: center;
8
10
  text-align: center;
11
+ }
12
+
13
+ .pisell-sku-options-selection-variant-card__title {
14
+ line-height: 1.2;
15
+ }
16
+
17
+ .pisell-sku-options-selection-variant-card__price {
18
+ line-height: 1.2;
9
19
  }
@@ -5,6 +5,7 @@ declare const _default: {
5
5
  'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
6
6
  'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
7
7
  'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
8
+ 'pisell2.skuOptionsSelection.variantItemCard.price': string;
8
9
  'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
9
10
  'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
10
11
  };
@@ -14,6 +15,7 @@ declare const _default: {
14
15
  'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
15
16
  'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
16
17
  'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
18
+ 'pisell2.skuOptionsSelection.variantItemCard.price': string;
17
19
  'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
18
20
  'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
19
21
  };
@@ -23,6 +25,7 @@ declare const _default: {
23
25
  'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
24
26
  'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
25
27
  'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
28
+ 'pisell2.skuOptionsSelection.variantItemCard.price': string;
26
29
  'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
27
30
  'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
28
31
  };
@@ -5,6 +5,7 @@ export default {
5
5
  'pisell2.skuOptionsSelection.titleExtra.totalPrice': 'Subtotal: {{price}}',
6
6
  'pisell2.skuOptionsSelection.optionItemCard.editSelections': 'Edit selections',
7
7
  'pisell2.skuOptionsSelection.variantItemCard.soldOut': 'Out of stock',
8
+ 'pisell2.skuOptionsSelection.variantItemCard.price': 'Price',
8
9
  'pisell2.skuOptionsSelection.optionItemCard.typeText': 'Type',
9
10
  'pisell2.skuOptionsSelection.optionItemCard.overSelected': 'Over selected'
10
11
  },
@@ -14,6 +15,7 @@ export default {
14
15
  'pisell2.skuOptionsSelection.titleExtra.totalPrice': '小计:{{price}}',
15
16
  'pisell2.skuOptionsSelection.optionItemCard.editSelections': '编辑选择',
16
17
  'pisell2.skuOptionsSelection.variantItemCard.soldOut': '库存不足',
18
+ 'pisell2.skuOptionsSelection.variantItemCard.price': '价格',
17
19
  'pisell2.skuOptionsSelection.optionItemCard.typeText': '类型',
18
20
  'pisell2.skuOptionsSelection.optionItemCard.overSelected': '已达上限'
19
21
  },
@@ -23,6 +25,7 @@ export default {
23
25
  'pisell2.skuOptionsSelection.titleExtra.totalPrice': '小計:{{price}}',
24
26
  'pisell2.skuOptionsSelection.optionItemCard.editSelections': '編輯選擇',
25
27
  'pisell2.skuOptionsSelection.variantItemCard.soldOut': '庫存不足',
28
+ 'pisell2.skuOptionsSelection.variantItemCard.price': '價格',
26
29
  'pisell2.skuOptionsSelection.optionItemCard.typeText': '類型',
27
30
  'pisell2.skuOptionsSelection.optionItemCard.overSelected': '已達上限'
28
31
  }