@pisell/private-materials 3.3.73 → 3.3.75

package/lib/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"success" | "loading" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"tyro" | "windcave" | "stripe" | "payo">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "loading" | "warn" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "tyro" | "windcave" | "stripe" | "payo" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
@@ -308,7 +308,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "loading" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/eventBooking/components/Provider/Event/index.js

@@ -48,6 +48,7 @@ var Event = () => {
   const { onOpenEventDetail, open } = (0, import_Sales.useEventDetail)();
   const [lists, setLists] = (0, import_react.useState)();
   const customer = (0, import_useLoginUser.default)();
+  const { appUtils } = (0, import_Sales.useCustomer)();
   (0, import_react.useEffect)(() => {
     var _a2;
     const eventList = (eventData == null ? void 0 : eventData.eventList) || [];
@@ -59,16 +60,22 @@ var Event = () => {
     }
   }, [eventData == null ? void 0 : eventData.eventList]);
   (0, import_react.useEffect)(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c, _d, _e;
     const id = (_b2 = (_a2 = data == null ? void 0 : data.resourceData) == null ? void 0 : _a2.currentResourceItem) == null ? void 0 : _b2.id;
     if (!id) return;
-    getEventList.run({
+    const history = ((_c = appUtils == null ? void 0 : appUtils.getHistory) == null ? void 0 : _c.call(appUtils)) || {};
+    const query = (_d = history == null ? void 0 : history.location) == null ? void 0 : _d.query;
+    const params = {
       event_item_resource_id: id,
       skip: 1,
       num: 100,
       customer_id: customer == null ? void 0 : customer.id,
       open_quotation: 1
-    });
+    };
+    if (query == null ? void 0 : query.ids) {
+      params.ids = (_e = query == null ? void 0 : query.ids) == null ? void 0 : _e.split(",");
+    }
+    getEventList.run(params);
   }, [(_b = (_a = data == null ? void 0 : data.resourceData) == null ? void 0 : _a.currentResourceItem) == null ? void 0 : _b.id, customer == null ? void 0 : customer.id]);
   const handleClick = (item) => {
     selectEvent(item);

package/lib/components/eventBooking/components/bookingDetailModal/index.js

@@ -44,7 +44,7 @@ var import_OrderProductModal = __toESM(require("../Provider/OrderProductModal/in
 var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var BookingDetailModal = (props) => {
-  var _a;
+  var _a, _b, _c;
   const modalContentRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
   const { utils } = context.appHelper || {};
@@ -58,11 +58,17 @@ var BookingDetailModal = (props) => {
     checkBeforeSelectEventDetail
   } = (0, import_Sales.useEventDetail)();
   const { addToCart, checkBeforeAddToCart, checkBeforeAddToCartResquest } = (0, import_Sales.useCart)();
+  const { initData } = (0, import_Sales.useInit)();
   const [activeTab, setActiveTab] = (0, import_react.useState)("introduction");
   const [isScrolling, setIsScrolling] = (0, import_react.useState)(false);
   const [openCheckout, setOpenCheckout] = (0, import_react.useState)(false);
   const isUserClickRef = (0, import_react.useRef)(false);
   const scrollTimeoutRef = (0, import_react.useRef)(null);
+  const buttonText = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    const config = ((_b2 = (_a2 = initData == null ? void 0 : initData.boardSetting) == null ? void 0 : _a2.config) == null ? void 0 : _b2.product_display_setting) || {};
+    return ((_c2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _c2.call(utils, config == null ? void 0 : config.booking_event_v2_product_detail_button)) || import_utils.locales.getText("pisell2.event.add.to.cart");
+  }, [(_b = (_a = initData == null ? void 0 : initData.boardSetting) == null ? void 0 : _a.config) == null ? void 0 : _b.product_display_setting]);
   const anchorOptions = (0, import_react.useMemo)(
     () => [
       {
@@ -91,7 +97,7 @@ var BookingDetailModal = (props) => {
   const images = (0, import_react.useMemo)(() => {
     var _a2;
     return ((_a2 = detail == null ? void 0 : detail.introduction) == null ? void 0 : _a2.images) || [];
-  }, [(_a = detail == null ? void 0 : detail.introduction) == null ? void 0 : _a.images]);
+  }, [(_c = detail == null ? void 0 : detail.introduction) == null ? void 0 : _c.images]);
   (0, import_react.useEffect)(() => {
     if (!modalContentRef.current) return;
     let isCurrentlyScrolling = false;
@@ -283,7 +289,7 @@ var BookingDetailModal = (props) => {
       destroyOnClose: true,
       className: "booking-detail-modal",
       onCancel: onCloseEventDetail,
-      okText: import_utils.locales.getText("pisell2.event.add.to.cart"),
+      okText: buttonText,
       cancelVisible: false,
       onOk: handleOk,
       width: (0, import_utils.isMobile)() ? "100%" : 600,

package/lib/components/eventBooking/index.js

@@ -55,13 +55,17 @@ var Content = () => {
     getBoardSetting.run({ item_type: "event_booking_v2" });
   }, []);
   (0, import_react.useEffect)(() => {
-    if (!form_id) return;
-    getResourceList.run({
-      form_id,
-      shop_id,
-      form_data_status: "active"
-    });
-  }, [form_id]);
+    var _a2, _b, _c;
+    const history = ((_a2 = utils == null ? void 0 : utils.getHistory) == null ? void 0 : _a2.call(utils)) || {};
+    const query = (_b = history == null ? void 0 : history.location) == null ? void 0 : _b.query;
+    const params = {
+      front_end_cache_id: (query == null ? void 0 : query.cacheId) || ""
+    };
+    if (query == null ? void 0 : query.ids) {
+      params.event_item_ids = (_c = query == null ? void 0 : query.ids) == null ? void 0 : _c.split(",");
+    }
+    getResourceList.run(params);
+  }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

package/lib/components/eventBooking/locales.js

@@ -51,7 +51,7 @@ var locales_default = {
     "pisell2.event.campus": "Campus",
     "pisell2.event.resource": "Location",
     "pisell2.event.booking.options": "Booking options",
-    "pisell2.event.add.to.cart": "Add to cart",
+    "pisell2.event.add.to.cart": "Add to Cart",
     "pisell2.event.description": "Description",
     "pisell2.event.view.more": "View more",
     "pisell2.event.view.less": "View less",
@@ -124,7 +124,7 @@ var locales_default = {
     "pisell2.event.campus": "校区",
     "pisell2.event.resource": "资源",
     "pisell2.event.booking.options": "预约选项",
-    "pisell2.event.add.to.cart": "添加到购物车",
+    "pisell2.event.add.to.cart": "加入购物车",
     "pisell2.event.description": "描述",
     "pisell2.event.view.more": "查看更多",
     "pisell2.event.view.less": "收起",
@@ -197,7 +197,7 @@ var locales_default = {
     "pisell2.event.campus": "校區",
     "pisell2.event.resource": "資源",
     "pisell2.event.booking.options": "預約選項",
-    "pisell2.event.add.to.cart": "添加到購物車",
+    "pisell2.event.add.to.cart": "加入購物車",
     "pisell2.event.description": "描述",
     "pisell2.event.view.more": "查看更多",
     "pisell2.event.view.less": "收起",

package/lib/components/index.d.ts

@@ -15,4 +15,5 @@ import WorkspaceListDetail from './workSpaceListDetail/';
 import WorkspaceList from './workSpaceList';
 import PisellSelectCustomerModal from './pisellSelectCustomerModal';
 import SubTotal from './subTotal';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, };
+import StepController from './stepController';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, StepController, };

package/lib/components/index.js

@@ -39,6 +39,7 @@ __export(components_exports, {
   ProductExtension: () => import_productExtension.default,
   RuleSetting: () => import_ruleSetting.default,
   Schedules: () => import_schedules.default,
+  StepController: () => import_stepController.default,
   SubTotal: () => import_subTotal.default,
   TaxSelect: () => import_taxSelect.default,
   ToCPay: () => import_toC.default,
@@ -65,6 +66,7 @@ var import_workSpaceListDetail = __toESM(require("./workSpaceListDetail/"));
 var import_workSpaceList = __toESM(require("./workSpaceList"));
 var import_pisellSelectCustomerModal = __toESM(require("./pisellSelectCustomerModal"));
 var import_subTotal = __toESM(require("./subTotal"));
+var import_stepController = __toESM(require("./stepController"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Booking,
@@ -77,6 +79,7 @@ var import_subTotal = __toESM(require("./subTotal"));
   ProductExtension,
   RuleSetting,
   Schedules,
+  StepController,
   SubTotal,
   TaxSelect,
   ToCPay,

package/lib/components/schedules/utils.d.ts

@@ -17,6 +17,6 @@ declare let modal: Omit<ModalStaticFunctions, "warn">;
 export declare const setModal: (m: Omit<ModalStaticFunctions, "warn">) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
 }>;
 export { modal };

package/lib/components/schedules/utils.js

@@ -27,8 +27,8 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var Request = class {
-  request = {};
   constructor() {
+    this.request = {};
   }
   setRequest(val) {
     this.request = val;

package/lib/components/stepController/components/Content/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+export interface ContentProps {
+    children?: React.ReactNode;
+}
+declare const Content: React.FC<ContentProps>;
+export default Content;

package/lib/components/stepController/components/Content/index.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepController/components/Content/index.tsx
+var Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
+});
+module.exports = __toCommonJS(Content_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var Content = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-controller-content" }, children);
+};
+var Content_default = Content;

package/lib/components/stepController/components/Content/index.less

@@ -0,0 +1,8 @@
+.pisell-step-controller-content {
+  flex: 1;
+  width: 1000px;
+  max-width: 100%;
+  border-right: 1px solid var(--Gray-100, #f2f4f7);
+  border-left: 1px solid var(--Gray-100, #f2f4f7);
+  background: #fff;
+}

package/lib/components/stepController/components/Footer/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+export interface FooterProps {
+    isMobile?: boolean;
+    children?: React.ReactNode;
+}
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

package/lib/components/stepController/components/Footer/index.js

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepController/components/Footer/index.tsx
+var Footer_exports = {};
+__export(Footer_exports, {
+  default: () => Footer_default
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Footer = ({ isMobile, children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-step-controller-footer-wrap", {
+        "pisell-step-controller-footer-wrap-mobile": isMobile
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-controller-footer" }, children)
+  );
+};
+var Footer_default = Footer;

package/lib/components/stepController/components/Footer/index.less

@@ -0,0 +1,39 @@
+.pisell-step-controller-footer-wrap {
+  position: sticky;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  background: #fff;
+  // box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+  padding: 24px;
+  z-index: 100;
+  border-top: 1px solid var(--Gray-100, #f2f4f7);
+
+  .pisell-step-controller-footer {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+    display: flex;
+    gap: 12px;
+    justify-content: flex-end;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}
+
+.pisell-step-controller-footer-wrap-mobile {
+  border-top: 1px solid #eaecf0;
+}

package/lib/components/stepController/components/Header/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Step } from '../../types';
+import './index.less';
+export interface HeaderProps {
+    steps: Step[];
+    currentStepIndex: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onBack?: (key: string) => void;
+    onClose?: () => void;
+    confirmCloseProps?: {
+        isConfirmClose?: boolean;
+        title?: string;
+        content?: string;
+        okText?: string;
+        cancelText?: string;
+    };
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/lib/components/stepController/components/Header/index.js

@@ -0,0 +1,104 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepController/components/Header/index.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var Header = ({
+  steps,
+  currentStepIndex,
+  style,
+  onBack,
+  onClose,
+  confirmCloseProps
+}) => {
+  var _a;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const handleClose = () => {
+    if (confirmCloseProps == null ? void 0 : confirmCloseProps.isConfirmClose) {
+      setOpen(true);
+    } else {
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  const handleOk = () => {
+    setOpen(false);
+    onClose == null ? void 0 : onClose();
+  };
+  const handleBack = () => {
+    if (!steps) return;
+    if (currentStepIndex > 0) {
+      const prevKey = steps[currentStepIndex - 1].key;
+      onBack == null ? void 0 : onBack(prevKey);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellHeaderProgressBar,
+    {
+      className: "pisell-step-controller-header",
+      style,
+      stepText: import_utils.locales.getText("pisell2.step.controller.step")(
+        currentStepIndex + 1
+      ),
+      title: (_a = steps == null ? void 0 : steps[currentStepIndex]) == null ? void 0 : _a.description,
+      showClose: true,
+      onBack: handleBack,
+      onClose: handleClose,
+      enableBorder: true,
+      borderColor: "#EAECF0",
+      showBack: currentStepIndex > 0 || false
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal.Information,
+    {
+      open,
+      title: (confirmCloseProps == null ? void 0 : confirmCloseProps.title) || "",
+      describe: (confirmCloseProps == null ? void 0 : confirmCloseProps.content) || "",
+      okText: (confirmCloseProps == null ? void 0 : confirmCloseProps.okText) || "",
+      cancelText: (confirmCloseProps == null ? void 0 : confirmCloseProps.cancelText) || "",
+      closable: true,
+      okButtonProps: {
+        style: {
+          backgroundColor: "#D92D20"
+        }
+      },
+      onCancel: () => {
+        setOpen(false);
+      },
+      onOk: () => handleOk()
+    }
+  ));
+};
+var Header_default = Header;

package/lib/components/stepController/components/Header/index.less

@@ -0,0 +1,21 @@
+.pisell-step-controller-header {
+  .pisell-section-headers-content {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}

package/lib/components/stepController/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StepControllerProps } from './types';
+import './index.less';
+declare const StepController: React.FC<StepControllerProps>;
+export default StepController;

package/lib/components/stepController/index.js

@@ -0,0 +1,89 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepController/index.tsx
+var stepController_exports = {};
+__export(stepController_exports, {
+  default: () => stepController_default
+});
+module.exports = __toCommonJS(stepController_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_useWindowSize = require("../../hooks/useWindowSize");
+var import_Header = __toESM(require("./components/Header"));
+var import_Footer = __toESM(require("./components/Footer"));
+var import_Content = __toESM(require("./components/Content"));
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var StepController = ({
+  steps,
+  currentStep,
+  children,
+  onBack,
+  confirmCloseProps,
+  showFooter,
+  footerContent,
+  onClose
+}) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  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");
+  (0, import_useWindowSize.useWindowSize)({ debounceMs: 200 });
+  const isMobile = (0, import_react.useMemo)(() => {
+    const config = (0, import_materials.usePisellConfig)();
+    const platform = (config == null ? void 0 : config.platform) || "h5";
+    return platform === "h5";
+  }, []);
+  const currentStepIndex = (0, import_react.useMemo)(() => {
+    return (steps == null ? void 0 : steps.findIndex((step) => step.key === currentStep)) || 0;
+  }, [steps, currentStep]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-step-controller", {
+        "pisell-step-controller-mobile": isMobile
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Header.default,
+      {
+        steps,
+        currentStepIndex,
+        confirmCloseProps,
+        onBack,
+        onClose
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_Content.default, { children }),
+    showFooter && footerContent ? /* @__PURE__ */ import_react.default.createElement(import_Footer.default, { children: footerContent, isMobile }) : null
+  );
+};
+var stepController_default = StepController;

package/lib/components/stepController/index.less

@@ -0,0 +1,11 @@
+.pisell-step-controller {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: calc(var(--vh, 1vh) * 100);
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+
+.pisell-step-controller-mobile {
+}