@pisell/private-materials 3.3.83 → 3.3.84
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/preview.js +8 -8
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +5 -5
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +5 -5
- package/es/businessModel/SalesModel/Sales/index.js +37 -4
- package/es/components/Sales/Resource/index.js +2 -2
- package/es/components/Sales/Resource/serve.d.ts +7 -0
- package/es/components/Sales/Resource/serve.js +10 -0
- package/es/components/appointmentBooking/components/Cart/Item/index.less +3 -3
- package/es/components/appointmentBooking/components/Content/index.less +1 -1
- package/es/components/appointmentBooking/components/Header/index.js +8 -14
- package/es/components/appointmentBooking/components/Services/index.js +38 -36
- package/es/components/appointmentBooking/components/Voucher/index.js +1 -1
- package/es/components/appointmentBooking/index.js +14 -0
- package/es/components/appointmentBooking/index.less +1 -1
- package/es/components/appointmentBooking/locales.d.ts +0 -3
- package/es/components/appointmentBooking/locales.js +0 -3
- package/es/components/booking/components/footer/utils.d.ts +1 -0
- package/es/components/booking/components/footer/utils.js +1 -1
- package/es/components/booking/components/voucher/index.js +2 -2
- package/es/components/booking/editBookingModal/index.d.ts +5 -0
- package/es/components/booking/editBookingModal/index.js +386 -0
- package/es/components/booking/editBookingModal/index.less +8 -0
- package/es/components/booking/editBookingModal/locales.d.ts +21 -0
- package/es/components/booking/editBookingModal/locales.js +20 -0
- package/es/components/booking/editBookingModal/mock.d.ts +807 -0
- package/es/components/booking/editBookingModal/mock.js +2993 -0
- package/es/components/booking/editBookingModal/serve.d.ts +51 -0
- package/es/components/booking/editBookingModal/serve.js +288 -0
- package/es/components/booking/editBookingModal/type.d.ts +12 -0
- package/es/components/booking/editBookingModal/type.js +1 -0
- package/es/components/booking/editBookingModal/utils.d.ts +12 -0
- package/es/components/booking/editBookingModal/utils.js +157 -0
- package/es/components/booking/info/service2/utils.d.ts +1 -1
- package/es/components/booking/info/service2/utils.js +3 -2
- package/es/components/booking/info2/service/addService/utils.d.ts +10 -0
- package/es/components/booking/info2/service/addService/utils.js +44 -13
- package/es/components/booking/info2/service/editService/Resources/index.js +22 -8
- package/es/components/booking/info2/service/editService/Resources/index.less +6 -0
- package/es/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.d.ts +7 -0
- package/es/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.js +26 -0
- package/es/components/booking/info2/service/editService/ResourcesV2/index.d.ts +10 -0
- package/es/components/booking/info2/service/editService/ResourcesV2/index.js +308 -0
- package/es/components/booking/info2/service/editService/ResourcesV2/index.less +44 -0
- package/es/components/booking/info2/utilsByBooking.js +9 -0
- package/es/components/booking/locales.d.ts +3 -0
- package/es/components/booking/locales.js +3 -0
- package/es/components/booking/utils.d.ts +2 -2
- package/es/components/eventBooking/components/Provider/Event/index.js +13 -4
- package/es/components/eventBooking/components/bookingDetailModal/index.js +19 -3
- package/es/components/eventBooking/index.js +21 -7
- package/es/components/eventBooking/locales.js +3 -3
- package/es/components/index.d.ts +3 -1
- package/es/components/index.js +3 -1
- package/es/components/pay/toC/PaymentMethods/index.js +5 -4
- package/es/components/stepController/components/Content/index.d.ts +7 -0
- package/es/components/stepController/components/Content/index.js +9 -0
- package/es/components/stepController/components/Content/index.less +8 -0
- package/es/components/stepController/components/Footer/index.d.ts +8 -0
- package/es/components/stepController/components/Footer/index.js +15 -0
- package/es/components/stepController/components/Footer/index.less +39 -0
- package/es/components/stepController/components/Header/index.d.ts +20 -0
- package/es/components/stepController/components/Header/index.js +97 -0
- package/es/components/stepController/components/Header/index.less +21 -0
- package/es/components/stepController/index.d.ts +5 -0
- package/es/components/stepController/index.js +64 -0
- package/es/components/stepController/index.less +11 -0
- package/es/components/stepController/locales.d.ts +27 -0
- package/es/components/stepController/locales.js +32 -0
- package/es/components/stepController/types.d.ts +23 -0
- package/es/components/stepController/types.js +1 -0
- package/es/components/ticketBooking/components/addServiceVariant/addService.js +1 -1
- package/es/components/ticketBooking/components/ticketBooking/index.d.ts +1 -0
- package/es/components/ticketBooking/components/ticketBooking/index.js +257 -138
- package/es/components/ticketBooking/locales.d.ts +164 -146
- package/es/components/ticketBooking/locales.js +195 -147
- package/es/components/ticketBooking/utils/formatProductMessage.d.ts +2 -0
- package/es/components/ticketBooking/utils/formatProductMessage.js +62 -0
- package/es/components/ticketBooking/utils/formatTime.d.ts +31 -0
- package/es/components/ticketBooking/utils/formatTime.js +144 -0
- package/es/hooks/useWindowSize.d.ts +5 -0
- package/es/hooks/useWindowSize.js +26 -0
- package/es/index.d.ts +2 -0
- package/es/index.js +3 -1
- package/lib/businessModel/SalesModel/Sales/index.js +22 -8
- package/lib/components/Sales/Resource/index.js +1 -1
- package/lib/components/Sales/Resource/serve.d.ts +7 -0
- package/lib/components/Sales/Resource/serve.js +9 -2
- package/lib/components/appointmentBooking/components/Cart/Item/index.less +3 -3
- package/lib/components/appointmentBooking/components/Content/index.less +1 -1
- package/lib/components/appointmentBooking/components/Header/index.js +2 -3
- package/lib/components/appointmentBooking/components/Services/index.js +19 -18
- package/lib/components/appointmentBooking/components/Voucher/index.js +1 -1
- package/lib/components/appointmentBooking/index.js +11 -0
- package/lib/components/appointmentBooking/index.less +1 -1
- package/lib/components/appointmentBooking/locales.d.ts +0 -3
- package/lib/components/appointmentBooking/locales.js +0 -3
- package/lib/components/booking/components/footer/utils.d.ts +1 -0
- package/lib/components/booking/components/footer/utils.js +2 -0
- package/lib/components/booking/components/voucher/index.js +11 -23
- package/lib/components/booking/editBookingModal/index.d.ts +5 -0
- package/lib/components/booking/editBookingModal/index.js +363 -0
- package/lib/components/booking/editBookingModal/index.less +8 -0
- package/lib/components/booking/editBookingModal/locales.d.ts +21 -0
- package/lib/components/booking/editBookingModal/locales.js +44 -0
- package/lib/components/booking/editBookingModal/mock.d.ts +807 -0
- package/lib/components/booking/editBookingModal/mock.js +3314 -0
- package/lib/components/booking/editBookingModal/serve.d.ts +51 -0
- package/lib/components/booking/editBookingModal/serve.js +178 -0
- package/lib/components/booking/editBookingModal/type.d.ts +12 -0
- package/lib/components/booking/editBookingModal/type.js +17 -0
- package/lib/components/booking/editBookingModal/utils.d.ts +12 -0
- package/lib/components/booking/editBookingModal/utils.js +158 -0
- package/lib/components/booking/info/service2/utils.d.ts +1 -1
- package/lib/components/booking/info/service2/utils.js +2 -2
- package/lib/components/booking/info2/service/addService/utils.d.ts +10 -0
- package/lib/components/booking/info2/service/addService/utils.js +27 -4
- package/lib/components/booking/info2/service/editService/Resources/index.js +54 -10
- package/lib/components/booking/info2/service/editService/Resources/index.less +6 -0
- package/lib/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.d.ts +7 -0
- package/lib/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.js +53 -0
- package/lib/components/booking/info2/service/editService/ResourcesV2/index.d.ts +10 -0
- package/lib/components/booking/info2/service/editService/ResourcesV2/index.js +311 -0
- package/lib/components/booking/info2/service/editService/ResourcesV2/index.less +44 -0
- package/lib/components/booking/info2/utilsByBooking.js +6 -0
- package/lib/components/booking/locales.d.ts +3 -0
- package/lib/components/booking/locales.js +3 -0
- package/lib/components/booking/utils.d.ts +2 -2
- package/lib/components/eventBooking/components/Provider/Event/index.js +10 -3
- package/lib/components/eventBooking/components/bookingDetailModal/index.js +9 -3
- package/lib/components/eventBooking/index.js +11 -7
- package/lib/components/eventBooking/locales.js +3 -3
- package/lib/components/index.d.ts +3 -1
- package/lib/components/index.js +6 -0
- package/lib/components/pay/toC/PaymentMethods/index.js +10 -9
- package/lib/components/stepController/components/Content/index.d.ts +7 -0
- package/lib/components/stepController/components/Content/index.js +40 -0
- package/lib/components/stepController/components/Content/index.less +8 -0
- package/lib/components/stepController/components/Footer/index.d.ts +8 -0
- package/lib/components/stepController/components/Footer/index.js +49 -0
- package/lib/components/stepController/components/Footer/index.less +39 -0
- package/lib/components/stepController/components/Header/index.d.ts +20 -0
- package/lib/components/stepController/components/Header/index.js +104 -0
- package/lib/components/stepController/components/Header/index.less +21 -0
- package/lib/components/stepController/index.d.ts +5 -0
- package/lib/components/stepController/index.js +89 -0
- package/lib/components/stepController/index.less +11 -0
- package/lib/components/stepController/locales.d.ts +27 -0
- package/lib/components/stepController/locales.js +50 -0
- package/lib/components/stepController/types.d.ts +23 -0
- package/lib/components/stepController/types.js +17 -0
- package/lib/components/ticketBooking/components/addServiceVariant/addService.js +1 -1
- package/lib/components/ticketBooking/components/ticketBooking/index.d.ts +1 -0
- package/lib/components/ticketBooking/components/ticketBooking/index.js +263 -139
- package/lib/components/ticketBooking/locales.d.ts +164 -146
- package/lib/components/ticketBooking/locales.js +22 -4
- package/lib/components/ticketBooking/utils/formatProductMessage.d.ts +2 -0
- package/lib/components/ticketBooking/utils/formatProductMessage.js +84 -0
- package/lib/components/ticketBooking/utils/formatTime.d.ts +31 -0
- package/lib/components/ticketBooking/utils/formatTime.js +139 -0
- package/lib/hooks/useWindowSize.d.ts +5 -0
- package/lib/hooks/useWindowSize.js +51 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +6 -0
- package/lowcode/edit-booking-modal/meta.ts +53 -0
- package/lowcode/step-controller/meta.ts +88 -0
- package/package.json +3 -3
package/lib/components/index.js
CHANGED
|
@@ -34,11 +34,13 @@ __export(components_exports, {
|
|
|
34
34
|
BookingForms: () => import_forms.default,
|
|
35
35
|
BookingInfo: () => import_info.default,
|
|
36
36
|
BookingNotes: () => import_notes.default,
|
|
37
|
+
EditBookingModal: () => import_editBookingModal.default,
|
|
37
38
|
Login: () => import_login.default,
|
|
38
39
|
PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
|
|
39
40
|
ProductExtension: () => import_productExtension.default,
|
|
40
41
|
RuleSetting: () => import_ruleSetting.default,
|
|
41
42
|
Schedules: () => import_schedules.default,
|
|
43
|
+
StepController: () => import_stepController.default,
|
|
42
44
|
SubTotal: () => import_subTotal.default,
|
|
43
45
|
TaxSelect: () => import_taxSelect.default,
|
|
44
46
|
ToCPay: () => import_toC.default,
|
|
@@ -65,6 +67,8 @@ var import_workSpaceListDetail = __toESM(require("./workSpaceListDetail/"));
|
|
|
65
67
|
var import_workSpaceList = __toESM(require("./workSpaceList"));
|
|
66
68
|
var import_pisellSelectCustomerModal = __toESM(require("./pisellSelectCustomerModal"));
|
|
67
69
|
var import_subTotal = __toESM(require("./subTotal"));
|
|
70
|
+
var import_stepController = __toESM(require("./stepController"));
|
|
71
|
+
var import_editBookingModal = __toESM(require("./booking/editBookingModal"));
|
|
68
72
|
// Annotate the CommonJS export names for ESM import in node:
|
|
69
73
|
0 && (module.exports = {
|
|
70
74
|
Booking,
|
|
@@ -72,11 +76,13 @@ var import_subTotal = __toESM(require("./subTotal"));
|
|
|
72
76
|
BookingForms,
|
|
73
77
|
BookingInfo,
|
|
74
78
|
BookingNotes,
|
|
79
|
+
EditBookingModal,
|
|
75
80
|
Login,
|
|
76
81
|
PisellSelectCustomerModal,
|
|
77
82
|
ProductExtension,
|
|
78
83
|
RuleSetting,
|
|
79
84
|
Schedules,
|
|
85
|
+
StepController,
|
|
80
86
|
SubTotal,
|
|
81
87
|
TaxSelect,
|
|
82
88
|
ToCPay,
|
|
@@ -65,7 +65,7 @@ var isOfflinePayment = (type) => {
|
|
|
65
65
|
].includes(type);
|
|
66
66
|
};
|
|
67
67
|
var PaymentMethods = (props, ref) => {
|
|
68
|
-
var _a;
|
|
68
|
+
var _a, _b, _c;
|
|
69
69
|
const MWCreditCardRef2 = (0, import_react.useRef)(null);
|
|
70
70
|
const SuperPayAliPayH5Ref2 = (0, import_react.useRef)(null);
|
|
71
71
|
const StripePayRef2 = (0, import_react.useRef)(null);
|
|
@@ -83,9 +83,9 @@ var PaymentMethods = (props, ref) => {
|
|
|
83
83
|
const context = (0, import_useEngineContext.default)();
|
|
84
84
|
const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
|
|
85
85
|
const init = async ({ type, payGroup }) => {
|
|
86
|
-
var _a2,
|
|
86
|
+
var _a2, _b2;
|
|
87
87
|
const waitAmount = (payGroup == null ? void 0 : payGroup.wait_amount) || 0;
|
|
88
|
-
const cards = (
|
|
88
|
+
const cards = (_b2 = (_a2 = payGroup == null ? void 0 : payGroup.walletPass) == null ? void 0 : _a2.cards) == null ? void 0 : _b2.length;
|
|
89
89
|
if (cards && (waitAmount <= 0 || isOfflinePayment(type))) {
|
|
90
90
|
try {
|
|
91
91
|
await (0, import_serve.walletPassPay)((0, import_utils.formatWalletPassParams)(payGroup));
|
|
@@ -115,10 +115,11 @@ var PaymentMethods = (props, ref) => {
|
|
|
115
115
|
}
|
|
116
116
|
await onPayByType({ type, payGroup });
|
|
117
117
|
};
|
|
118
|
+
console.log("paymentResult isAppEnv", (_c = (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.isAppEnv) == null ? void 0 : _c.call(_b), interaction, context);
|
|
118
119
|
(0, import_react.useEffect)(() => {
|
|
119
|
-
var _a2,
|
|
120
|
-
console.log("paymentResult isAppEnv", (
|
|
121
|
-
if ((_d = (
|
|
120
|
+
var _a2, _b2, _c2, _d;
|
|
121
|
+
console.log("paymentResult isAppEnv", (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b2.call(_a2));
|
|
122
|
+
if ((_d = (_c2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c2.isAppEnv) == null ? void 0 : _d.call(_c2)) {
|
|
122
123
|
interaction.utils.mountFunction("global", "paymentResult", (strResult) => {
|
|
123
124
|
console.log("paymentResult", strResult);
|
|
124
125
|
if (!(0, import_utils2.isJson)(strResult)) return;
|
|
@@ -134,18 +135,18 @@ var PaymentMethods = (props, ref) => {
|
|
|
134
135
|
}
|
|
135
136
|
}, []);
|
|
136
137
|
const onPayByType = async ({ type, payGroup }) => {
|
|
137
|
-
var _a2,
|
|
138
|
+
var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
|
138
139
|
console.log(type, payGroup);
|
|
139
140
|
if (type === "mw.apple") {
|
|
140
141
|
await ((_a2 = ApplePayRef2.current) == null ? void 0 : _a2.init({ payGroup }));
|
|
141
142
|
return;
|
|
142
143
|
}
|
|
143
144
|
if (type === "mw.google") {
|
|
144
|
-
await ((
|
|
145
|
+
await ((_b2 = GooglePayRef2.current) == null ? void 0 : _b2.init({ payGroup }));
|
|
145
146
|
return;
|
|
146
147
|
}
|
|
147
148
|
if (type === "mw.credit_card") {
|
|
148
|
-
(
|
|
149
|
+
(_c2 = MWCreditCardRef2.current) == null ? void 0 : _c2.init({ payGroup });
|
|
149
150
|
return;
|
|
150
151
|
}
|
|
151
152
|
if (type === "superpay.alipay.h5") {
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/stepController/components/Content/index.tsx
|
|
30
|
+
var Content_exports = {};
|
|
31
|
+
__export(Content_exports, {
|
|
32
|
+
default: () => Content_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(Content_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_index = require("./index.less");
|
|
37
|
+
var Content = ({ children }) => {
|
|
38
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-controller-content" }, children);
|
|
39
|
+
};
|
|
40
|
+
var Content_default = Content;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/stepController/components/Footer/index.tsx
|
|
30
|
+
var Footer_exports = {};
|
|
31
|
+
__export(Footer_exports, {
|
|
32
|
+
default: () => Footer_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(Footer_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_classnames = __toESM(require("classnames"));
|
|
37
|
+
var import_index = require("./index.less");
|
|
38
|
+
var Footer = ({ isMobile, children }) => {
|
|
39
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
className: (0, import_classnames.default)("pisell-step-controller-footer-wrap", {
|
|
43
|
+
"pisell-step-controller-footer-wrap-mobile": isMobile
|
|
44
|
+
})
|
|
45
|
+
},
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-controller-footer" }, children)
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
var Footer_default = Footer;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.pisell-step-controller-footer-wrap {
|
|
2
|
+
position: sticky;
|
|
3
|
+
left: 0;
|
|
4
|
+
right: 0;
|
|
5
|
+
bottom: 0;
|
|
6
|
+
width: 100%;
|
|
7
|
+
background: #fff;
|
|
8
|
+
// box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
|
|
9
|
+
padding: 24px;
|
|
10
|
+
z-index: 100;
|
|
11
|
+
border-top: 1px solid var(--Gray-100, #f2f4f7);
|
|
12
|
+
|
|
13
|
+
.pisell-step-controller-footer {
|
|
14
|
+
width: 1000px;
|
|
15
|
+
margin: 0 auto;
|
|
16
|
+
max-width: 100%;
|
|
17
|
+
display: flex;
|
|
18
|
+
gap: 12px;
|
|
19
|
+
justify-content: flex-end;
|
|
20
|
+
|
|
21
|
+
.pisell-section-headers-main {
|
|
22
|
+
color: var(--Gray-900, #101828);
|
|
23
|
+
font-size: 14px;
|
|
24
|
+
font-weight: 400;
|
|
25
|
+
line-height: 20px;
|
|
26
|
+
justify-content: start;
|
|
27
|
+
|
|
28
|
+
.select-text {
|
|
29
|
+
font-size: 18px;
|
|
30
|
+
font-weight: 600;
|
|
31
|
+
line-height: 24px;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.pisell-step-controller-footer-wrap-mobile {
|
|
38
|
+
border-top: 1px solid #eaecf0;
|
|
39
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Step } from '../../types';
|
|
3
|
+
import './index.less';
|
|
4
|
+
export interface HeaderProps {
|
|
5
|
+
steps: Step[];
|
|
6
|
+
currentStepIndex: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
onBack?: (key: string) => void;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
confirmCloseProps?: {
|
|
12
|
+
isConfirmClose?: boolean;
|
|
13
|
+
title?: string;
|
|
14
|
+
content?: string;
|
|
15
|
+
okText?: string;
|
|
16
|
+
cancelText?: string;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
declare const Header: React.FC<HeaderProps>;
|
|
20
|
+
export default Header;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/stepController/components/Header/index.tsx
|
|
30
|
+
var Header_exports = {};
|
|
31
|
+
__export(Header_exports, {
|
|
32
|
+
default: () => Header_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(Header_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_materials = require("@pisell/materials");
|
|
37
|
+
var import_utils = require("@pisell/utils");
|
|
38
|
+
var import_index = require("./index.less");
|
|
39
|
+
var Header = ({
|
|
40
|
+
steps,
|
|
41
|
+
currentStepIndex,
|
|
42
|
+
style,
|
|
43
|
+
onBack,
|
|
44
|
+
onClose,
|
|
45
|
+
confirmCloseProps
|
|
46
|
+
}) => {
|
|
47
|
+
var _a;
|
|
48
|
+
const [open, setOpen] = (0, import_react.useState)(false);
|
|
49
|
+
const handleClose = () => {
|
|
50
|
+
if (confirmCloseProps == null ? void 0 : confirmCloseProps.isConfirmClose) {
|
|
51
|
+
setOpen(true);
|
|
52
|
+
} else {
|
|
53
|
+
onClose == null ? void 0 : onClose();
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const handleOk = () => {
|
|
57
|
+
setOpen(false);
|
|
58
|
+
onClose == null ? void 0 : onClose();
|
|
59
|
+
};
|
|
60
|
+
const handleBack = () => {
|
|
61
|
+
if (!steps) return;
|
|
62
|
+
if (currentStepIndex > 0) {
|
|
63
|
+
const prevKey = steps[currentStepIndex - 1].key;
|
|
64
|
+
onBack == null ? void 0 : onBack(prevKey);
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
|
|
68
|
+
import_materials.PisellHeaderProgressBar,
|
|
69
|
+
{
|
|
70
|
+
className: "pisell-step-controller-header",
|
|
71
|
+
style,
|
|
72
|
+
stepText: import_utils.locales.getText("pisell2.step.controller.step")(
|
|
73
|
+
currentStepIndex + 1
|
|
74
|
+
),
|
|
75
|
+
title: (_a = steps == null ? void 0 : steps[currentStepIndex]) == null ? void 0 : _a.description,
|
|
76
|
+
showClose: true,
|
|
77
|
+
onBack: handleBack,
|
|
78
|
+
onClose: handleClose,
|
|
79
|
+
enableBorder: true,
|
|
80
|
+
borderColor: "#EAECF0",
|
|
81
|
+
showBack: currentStepIndex > 0 || false
|
|
82
|
+
}
|
|
83
|
+
), /* @__PURE__ */ import_react.default.createElement(
|
|
84
|
+
import_materials.PisellModal.Information,
|
|
85
|
+
{
|
|
86
|
+
open,
|
|
87
|
+
title: (confirmCloseProps == null ? void 0 : confirmCloseProps.title) || "",
|
|
88
|
+
describe: (confirmCloseProps == null ? void 0 : confirmCloseProps.content) || "",
|
|
89
|
+
okText: (confirmCloseProps == null ? void 0 : confirmCloseProps.okText) || "",
|
|
90
|
+
cancelText: (confirmCloseProps == null ? void 0 : confirmCloseProps.cancelText) || "",
|
|
91
|
+
closable: true,
|
|
92
|
+
okButtonProps: {
|
|
93
|
+
style: {
|
|
94
|
+
backgroundColor: "#D92D20"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
onCancel: () => {
|
|
98
|
+
setOpen(false);
|
|
99
|
+
},
|
|
100
|
+
onOk: () => handleOk()
|
|
101
|
+
}
|
|
102
|
+
));
|
|
103
|
+
};
|
|
104
|
+
var Header_default = Header;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.pisell-step-controller-header {
|
|
2
|
+
.pisell-section-headers-content {
|
|
3
|
+
width: 1000px;
|
|
4
|
+
margin: 0 auto;
|
|
5
|
+
max-width: 100%;
|
|
6
|
+
|
|
7
|
+
.pisell-section-headers-main {
|
|
8
|
+
color: var(--Gray-900, #101828);
|
|
9
|
+
font-size: 14px;
|
|
10
|
+
font-weight: 400;
|
|
11
|
+
line-height: 20px;
|
|
12
|
+
justify-content: start;
|
|
13
|
+
|
|
14
|
+
.select-text {
|
|
15
|
+
font-size: 18px;
|
|
16
|
+
font-weight: 600;
|
|
17
|
+
line-height: 24px;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/stepController/index.tsx
|
|
30
|
+
var stepController_exports = {};
|
|
31
|
+
__export(stepController_exports, {
|
|
32
|
+
default: () => stepController_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(stepController_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var import_classnames = __toESM(require("classnames"));
|
|
37
|
+
var import_utils = require("@pisell/utils");
|
|
38
|
+
var import_materials = require("@pisell/materials");
|
|
39
|
+
var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
|
|
40
|
+
var import_useWindowSize = require("../../hooks/useWindowSize");
|
|
41
|
+
var import_Header = __toESM(require("./components/Header"));
|
|
42
|
+
var import_Footer = __toESM(require("./components/Footer"));
|
|
43
|
+
var import_Content = __toESM(require("./components/Content"));
|
|
44
|
+
var import_locales = __toESM(require("./locales"));
|
|
45
|
+
var import_index = require("./index.less");
|
|
46
|
+
var StepController = ({
|
|
47
|
+
steps,
|
|
48
|
+
currentStep,
|
|
49
|
+
children,
|
|
50
|
+
onBack,
|
|
51
|
+
confirmCloseProps,
|
|
52
|
+
showFooter,
|
|
53
|
+
footerContent,
|
|
54
|
+
onClose
|
|
55
|
+
}) => {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
const context = (0, import_useEngineContext.default)();
|
|
58
|
+
import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
|
|
59
|
+
(0, import_useWindowSize.useWindowSize)({ debounceMs: 200 });
|
|
60
|
+
const isMobile = (0, import_react.useMemo)(() => {
|
|
61
|
+
const config = (0, import_materials.usePisellConfig)();
|
|
62
|
+
const platform = (config == null ? void 0 : config.platform) || "h5";
|
|
63
|
+
return platform === "h5";
|
|
64
|
+
}, []);
|
|
65
|
+
const currentStepIndex = (0, import_react.useMemo)(() => {
|
|
66
|
+
return (steps == null ? void 0 : steps.findIndex((step) => step.key === currentStep)) || 0;
|
|
67
|
+
}, [steps, currentStep]);
|
|
68
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
69
|
+
"div",
|
|
70
|
+
{
|
|
71
|
+
className: (0, import_classnames.default)("pisell-step-controller", {
|
|
72
|
+
"pisell-step-controller-mobile": isMobile
|
|
73
|
+
})
|
|
74
|
+
},
|
|
75
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
76
|
+
import_Header.default,
|
|
77
|
+
{
|
|
78
|
+
steps,
|
|
79
|
+
currentStepIndex,
|
|
80
|
+
confirmCloseProps,
|
|
81
|
+
onBack,
|
|
82
|
+
onClose
|
|
83
|
+
}
|
|
84
|
+
),
|
|
85
|
+
/* @__PURE__ */ import_react.default.createElement(import_Content.default, { children }),
|
|
86
|
+
showFooter && footerContent ? /* @__PURE__ */ import_react.default.createElement(import_Footer.default, { children: footerContent, isMobile }) : null
|
|
87
|
+
);
|
|
88
|
+
};
|
|
89
|
+
var stepController_default = StepController;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
en: {
|
|
3
|
+
'pisell2.step.controller.step': (step: number) => string;
|
|
4
|
+
'pisell2.step.controller.sendEmail': string;
|
|
5
|
+
'pisell2.step.controller.copy': string;
|
|
6
|
+
'pisell2.step.controller.download': string;
|
|
7
|
+
'pisell2.step.controller.preview': string;
|
|
8
|
+
'pisell2.step.controller.continue': string;
|
|
9
|
+
};
|
|
10
|
+
'zh-CN': {
|
|
11
|
+
'pisell2.step.controller.step': (step: number) => string;
|
|
12
|
+
'pisell2.step.controller.sendEmail': string;
|
|
13
|
+
'pisell2.step.controller.copy': string;
|
|
14
|
+
'pisell2.step.controller.download': string;
|
|
15
|
+
'pisell2.step.controller.preview': string;
|
|
16
|
+
'pisell2.step.controller.continue': string;
|
|
17
|
+
};
|
|
18
|
+
'zh-HK': {
|
|
19
|
+
'pisell2.step.controller.step': (step: number) => string;
|
|
20
|
+
'pisell2.step.controller.sendEmail': string;
|
|
21
|
+
'pisell2.step.controller.copy': string;
|
|
22
|
+
'pisell2.step.controller.download': string;
|
|
23
|
+
'pisell2.step.controller.preview': string;
|
|
24
|
+
'pisell2.step.controller.continue': string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
+
};
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
|
|
19
|
+
// src/components/stepController/locales.ts
|
|
20
|
+
var locales_exports = {};
|
|
21
|
+
__export(locales_exports, {
|
|
22
|
+
default: () => locales_default
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(locales_exports);
|
|
25
|
+
var locales_default = {
|
|
26
|
+
en: {
|
|
27
|
+
"pisell2.step.controller.step": (step) => `Step ${step || 1}`,
|
|
28
|
+
"pisell2.step.controller.sendEmail": "Send Email",
|
|
29
|
+
"pisell2.step.controller.copy": "Copy",
|
|
30
|
+
"pisell2.step.controller.download": "Download",
|
|
31
|
+
"pisell2.step.controller.preview": "Preview",
|
|
32
|
+
"pisell2.step.controller.continue": "Continue"
|
|
33
|
+
},
|
|
34
|
+
"zh-CN": {
|
|
35
|
+
"pisell2.step.controller.step": (step) => `步骤 ${step || 1}`,
|
|
36
|
+
"pisell2.step.controller.sendEmail": "发送邮件",
|
|
37
|
+
"pisell2.step.controller.copy": "复制",
|
|
38
|
+
"pisell2.step.controller.download": "下载",
|
|
39
|
+
"pisell2.step.controller.preview": "预览",
|
|
40
|
+
"pisell2.step.controller.continue": "继续"
|
|
41
|
+
},
|
|
42
|
+
"zh-HK": {
|
|
43
|
+
"pisell2.step.controller.step": (step) => `步驟 ${step || 1}`,
|
|
44
|
+
"pisell2.step.controller.sendEmail": "發送郵件",
|
|
45
|
+
"pisell2.step.controller.copy": "複製",
|
|
46
|
+
"pisell2.step.controller.download": "下載",
|
|
47
|
+
"pisell2.step.controller.preview": "預覽",
|
|
48
|
+
"pisell2.step.controller.continue": "繼續"
|
|
49
|
+
}
|
|
50
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface Step {
|
|
3
|
+
key: string;
|
|
4
|
+
description: string;
|
|
5
|
+
}
|
|
6
|
+
export interface StepControllerProps extends Step {
|
|
7
|
+
steps: Step[];
|
|
8
|
+
currentStep: string;
|
|
9
|
+
isLastStep?: boolean;
|
|
10
|
+
isMobile?: boolean;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
onBack?: (key: string) => void;
|
|
13
|
+
onClose?: () => void;
|
|
14
|
+
confirmCloseProps?: {
|
|
15
|
+
isConfirmClose?: boolean;
|
|
16
|
+
title?: string;
|
|
17
|
+
content?: string;
|
|
18
|
+
okText?: string;
|
|
19
|
+
cancelText?: string;
|
|
20
|
+
};
|
|
21
|
+
showFooter?: boolean;
|
|
22
|
+
footerContent?: React.ReactNode;
|
|
23
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
+
}
|
|
11
|
+
return to;
|
|
12
|
+
};
|
|
13
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
14
|
+
|
|
15
|
+
// src/components/stepController/types.ts
|
|
16
|
+
var types_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(types_exports);
|