@pisell/private-materials 3.3.83 → 3.3.84

package/es/components/booking/locales.js

@@ -128,6 +128,7 @@ export default {
     'pisell1.text.resource-error-message-3': function pisell1TextResourceErrorMessage3(x, y, z) {
       return "".concat(x, " is fully booked between ").concat(y, " and ").concat(z, ", but your team member can still book appointments.");
     },
+    'pisell1.text.resource-error-message-unbound': 'This booking product is not associated with the target resource.',
     'pisell1.text.no-addons': 'No addons',
     'pisell1.text.no-resource': 'No resource',
     'pisell1.text.no-payments': 'No payments',
@@ -454,6 +455,7 @@ export default {
     'pisell1.text.resource-error-message-3': function pisell1TextResourceErrorMessage3(x, y, z) {
       return "".concat(x, "\u5728").concat(y, "\u5230").concat(z, "\u4E4B\u95F4\u5DF2\u7EA6\u6EE1\uFF0C\u4F46\u60A8\u7684\u56E2\u961F\u6210\u5458\u4ECD\u7136\u53EF\u4EE5\u9884\u7EA6\u3002");
     },
+    'pisell1.text.resource-error-message-unbound': '该预约商品未关联目标资源。',
     'pisell2.text.flexible': "灵活",
     'pisell2.text.order-discount': "折扣",
     'pisell2.text.no-product-added': '未添加商品',
@@ -772,6 +774,7 @@ export default {
     'pisell1.text.resource-error-message-3': function pisell1TextResourceErrorMessage3(x, y, z) {
       return "".concat(x, "\u5728").concat(y, "\u5230").concat(z, "\u4E4B\u9593\u5DF2\u7D04\u6EFF\uFF0C\u4F46\u60A8\u7684\u5718\u968A\u6210\u54E1\u4ECD\u7136\u53EF\u4EE5\u9810\u7D04\u3002");
     },
+    'pisell1.text.resource-error-message-unbound': '該預約商品未關聯目標資源。',
     'pisell2.text.flexible': "靈活",
     'pisell2.text.order-discount': "折扣",
     'pisell2.text.no-product-added': '未添加商品',

package/es/components/booking/utils.d.ts

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | "flexible" | {
+}) => number | {
     type: string;
     value: number;
-};
+} | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

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

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from 'react';
 import { isMobile, locales } from '@pisell/utils';
 import { Skeleton } from 'antd';
-import { useEvent, useSales, useEventDetail, useStep } from "../../../../Sales";
+import { useEvent, useSales, useEventDetail, useStep, useCustomer } from "../../../../Sales";
 import BookingServiceList from "../../bookingServiceList";
 import BookingDetailModal from "../../bookingDetailModal";
 import "./index.less";
@@ -31,6 +31,8 @@ var Event = function Event() {
     lists = _useState2[0],
     setLists = _useState2[1];
   var customer = useLoginUser();
+  var _useCustomer = useCustomer(),
+    appUtils = _useCustomer.appUtils;
   useEffect(function () {
     var _data$stepData;
     var eventList = (eventData === null || eventData === void 0 ? void 0 : eventData.eventList) || [];
@@ -45,16 +47,23 @@ var Event = function Event() {
     }
   }, [eventData === null || eventData === void 0 ? void 0 : eventData.eventList]);
   useEffect(function () {
-    var _data$resourceData;
+    var _data$resourceData, _appUtils$getHistory, _history$location;
     var id = data === null || data === void 0 || (_data$resourceData = data.resourceData) === null || _data$resourceData === void 0 || (_data$resourceData = _data$resourceData.currentResourceItem) === null || _data$resourceData === void 0 ? void 0 : _data$resourceData.id;
     if (!id) return;
-    getEventList.run({
+    var history = (appUtils === null || appUtils === void 0 || (_appUtils$getHistory = appUtils.getHistory) === null || _appUtils$getHistory === void 0 ? void 0 : _appUtils$getHistory.call(appUtils)) || {};
+    var query = history === null || history === void 0 || (_history$location = history.location) === null || _history$location === void 0 ? void 0 : _history$location.query;
+    var params = {
       event_item_resource_id: id,
       skip: 1,
       num: 100,
       customer_id: customer === null || customer === void 0 ? void 0 : customer.id,
       open_quotation: 1
-    });
+    };
+    if (query !== null && query !== void 0 && query.ids) {
+      var _query$ids;
+      params.ids = query === null || query === void 0 || (_query$ids = query.ids) === null || _query$ids === void 0 ? void 0 : _query$ids.split(',');
+    }
+    getEventList.run(params);
   }, [data === null || data === void 0 || (_data$resourceData2 = data.resourceData) === null || _data$resourceData2 === void 0 || (_data$resourceData2 = _data$resourceData2.currentResourceItem) === null || _data$resourceData2 === void 0 ? void 0 : _data$resourceData2.id, customer === null || customer === void 0 ? void 0 : customer.id]);
 
   /**

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

@@ -16,7 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useRef, useState, useEffect } from 'react';
 import { PisellModal, PisellAnchor, PisellImageCarousels } from '@pisell/materials';
 import EventCard from "../eventCard";
-import { useCart, useEventDetail } from "../../../Sales";
+import { useCart, useEventDetail, useInit } from "../../../Sales";
 import { isMobile, locales } from '@pisell/utils';
 import Schedule from "./components/Schedule";
 import Resource from "./components/Resource";
@@ -25,7 +25,7 @@ import OrderProductModal from "../Provider/OrderProductModal/index";
 import "./index.less";
 import useEngineContext from "../../../../hooks/useEngineContext";
 var BookingDetailModal = function BookingDetailModal(props) {
-  var _detail$introduction2;
+  var _initData$boardSettin2, _detail$introduction2;
   var modalContentRef = useRef(null);
   var context = useEngineContext();
   var _ref = context.appHelper || {},
@@ -43,6 +43,8 @@ var BookingDetailModal = function BookingDetailModal(props) {
     addToCart = _useCart.addToCart,
     checkBeforeAddToCart = _useCart.checkBeforeAddToCart,
     checkBeforeAddToCartResquest = _useCart.checkBeforeAddToCartResquest;
+  var _useInit = useInit(),
+    initData = _useInit.initData;
   var _useState = useState('introduction'),
     _useState2 = _slicedToArray(_useState, 2),
     activeTab = _useState2[0],
@@ -59,6 +61,20 @@ var BookingDetailModal = function BookingDetailModal(props) {
   var isUserClickRef = useRef(false); // 添加用户点击标记
   var scrollTimeoutRef = useRef(null);
 
+  /**
+   * @title: 按钮确认文案
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-26 15:34
+   */
+  var buttonText = useMemo(function () {
+    var _initData$boardSettin, _utils$translation;
+    var config = (initData === null || initData === void 0 || (_initData$boardSettin = initData.boardSetting) === null || _initData$boardSettin === void 0 || (_initData$boardSettin = _initData$boardSettin.config) === null || _initData$boardSettin === void 0 ? void 0 : _initData$boardSettin.product_display_setting) || {};
+    return (utils === null || utils === void 0 || (_utils$translation = utils.translation) === null || _utils$translation === void 0 ? void 0 : _utils$translation.call(utils, config === null || config === void 0 ? void 0 : config.booking_event_v2_product_detail_button)) || locales.getText('pisell2.event.add.to.cart');
+  }, [initData === null || initData === void 0 || (_initData$boardSettin2 = initData.boardSetting) === null || _initData$boardSettin2 === void 0 || (_initData$boardSettin2 = _initData$boardSettin2.config) === null || _initData$boardSettin2 === void 0 ? void 0 : _initData$boardSettin2.product_display_setting]);
+
   /**
    * @title: 详情锚点
    * @description:
@@ -377,7 +393,7 @@ var BookingDetailModal = function BookingDetailModal(props) {
     destroyOnClose: true,
     className: "booking-detail-modal",
     onCancel: onCloseEventDetail,
-    okText: locales.getText('pisell2.event.add.to.cart'),
+    okText: buttonText,
     cancelVisible: false,
     onOk: handleOk,
     width: isMobile() ? '100%' : 600,

package/es/components/eventBooking/index.js

@@ -36,14 +36,28 @@ var Content = function Content() {
    * @Author: WangHan
    * @Date: 2025-01-17 14:25
    */
+  // useEffect(() => {
+  //   if (!form_id) return;
+
+  //   getResourceList.run({
+  //     form_id: form_id,
+  //     shop_id: shop_id,
+  //     form_data_status: 'active',
+  //   });
+  // }, [form_id]);
   useEffect(function () {
-    if (!form_id) return;
-    getResourceList.run({
-      form_id: form_id,
-      shop_id: shop_id,
-      form_data_status: 'active'
-    });
-  }, [form_id]);
+    var _utils$getHistory, _history$location;
+    var history = (utils === null || utils === void 0 || (_utils$getHistory = utils.getHistory) === null || _utils$getHistory === void 0 ? void 0 : _utils$getHistory.call(utils)) || {};
+    var query = history === null || history === void 0 || (_history$location = history.location) === null || _history$location === void 0 ? void 0 : _history$location.query;
+    var params = {
+      front_end_cache_id: (query === null || query === void 0 ? void 0 : query.cacheId) || ''
+    };
+    if (query !== null && query !== void 0 && query.ids) {
+      var _query$ids;
+      params.event_item_ids = query === null || query === void 0 || (_query$ids = query.ids) === null || _query$ids === void 0 ? void 0 : _query$ids.split(',');
+    }
+    getResourceList.run(params);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "event-booking-wrap ".concat(isMobile() ? 'event-booking-mobile-wrap' : '')
   }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(EventContent, null), isMobile() && (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.key) !== 'select-category' ? /*#__PURE__*/React.createElement(Footer, null) : null);

package/es/components/eventBooking/locales.js

@@ -35,7 +35,7 @@ export 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',
@@ -120,7 +120,7 @@ export 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': '收起',
@@ -205,7 +205,7 @@ export 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/es/components/index.d.ts

@@ -15,4 +15,6 @@ 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';
+import EditBookingModal from './booking/editBookingModal';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, StepController, EditBookingModal };

package/es/components/index.js

@@ -15,4 +15,6 @@ 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";
+import EditBookingModal from "./booking/editBookingModal";
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, StepController, EditBookingModal };

package/es/components/pay/toC/PaymentMethods/index.js

@@ -35,7 +35,7 @@ var isOfflinePayment = function isOfflinePayment(type) {
   return ['pisell.bank_deposit', 'pisell.offline_payment', 'pisell.other.cashmanual', 'pisell.custom_bank_transfer'].includes(type);
 };
 var PaymentMethods = function PaymentMethods(props, ref) {
-  var _context$appHelper;
+  var _context$appHelper, _interaction$utils, _interaction$utils$is;
   var MWCreditCardRef = useRef(null);
   var SuperPayAliPayH5Ref = useRef(null);
   var StripePayRef = useRef(null);
@@ -118,10 +118,11 @@ var PaymentMethods = function PaymentMethods(props, ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  console.log('paymentResult isAppEnv', interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$is = _interaction$utils.isAppEnv) === null || _interaction$utils$is === void 0 ? void 0 : _interaction$utils$is.call(_interaction$utils), interaction, context);
   useEffect(function () {
-    var _interaction$utils, _interaction$utils$is, _interaction$utils2, _interaction$utils2$i;
-    console.log('paymentResult isAppEnv', interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$is = _interaction$utils.isAppEnv) === null || _interaction$utils$is === void 0 ? void 0 : _interaction$utils$is.call(_interaction$utils));
-    if (interaction !== null && interaction !== void 0 && (_interaction$utils2 = interaction.utils) !== null && _interaction$utils2 !== void 0 && (_interaction$utils2$i = _interaction$utils2.isAppEnv) !== null && _interaction$utils2$i !== void 0 && _interaction$utils2$i.call(_interaction$utils2)) {
+    var _interaction$utils2, _interaction$utils2$i, _interaction$utils3, _interaction$utils3$i;
+    console.log('paymentResult isAppEnv', interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$i = _interaction$utils2.isAppEnv) === null || _interaction$utils2$i === void 0 ? void 0 : _interaction$utils2$i.call(_interaction$utils2));
+    if (interaction !== null && interaction !== void 0 && (_interaction$utils3 = interaction.utils) !== null && _interaction$utils3 !== void 0 && (_interaction$utils3$i = _interaction$utils3.isAppEnv) !== null && _interaction$utils3$i !== void 0 && _interaction$utils3$i.call(_interaction$utils3)) {
       interaction.utils.mountFunction('global', 'paymentResult', function (strResult) {
         console.log('paymentResult', strResult);
         if (!isJson(strResult)) return;

package/es/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/es/components/stepController/components/Content/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import "./index.less";
+var Content = function Content(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-step-controller-content"
+  }, children);
+};
+export default Content;

package/es/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/es/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/es/components/stepController/components/Footer/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import classNames from 'classnames';
+import "./index.less";
+var Footer = function Footer(_ref) {
+  var isMobile = _ref.isMobile,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-step-controller-footer-wrap', {
+      'pisell-step-controller-footer-wrap-mobile': isMobile
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-step-controller-footer"
+  }, children));
+};
+export default Footer;

package/es/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/es/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/es/components/stepController/components/Header/index.js

@@ -0,0 +1,97 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import { PisellHeaderProgressBar, PisellModal } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
+var Header = function Header(_ref) {
+  var _steps$currentStepInd;
+  var steps = _ref.steps,
+    currentStepIndex = _ref.currentStepIndex,
+    style = _ref.style,
+    onBack = _ref.onBack,
+    onClose = _ref.onClose,
+    confirmCloseProps = _ref.confirmCloseProps;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+
+  /**
+   * @title: 点击关闭
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-14 22:41
+   */
+  var handleClose = function handleClose() {
+    // 二次确认
+    if (confirmCloseProps !== null && confirmCloseProps !== void 0 && confirmCloseProps.isConfirmClose) {
+      setOpen(true);
+    } else {
+      onClose === null || onClose === void 0 || onClose();
+    }
+  };
+
+  /**
+   * @title: 点击退出
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-02-10 17:46
+   */
+  var handleOk = function handleOk() {
+    setOpen(false);
+    onClose === null || onClose === void 0 || onClose();
+  };
+
+  /**
+   * @title: 返回上一步
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-12 16:44
+   */
+  var handleBack = function handleBack() {
+    if (!steps) return;
+    if (currentStepIndex > 0) {
+      var prevKey = steps[currentStepIndex - 1].key;
+      onBack === null || onBack === void 0 || onBack(prevKey);
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PisellHeaderProgressBar, {
+    className: "pisell-step-controller-header",
+    style: style,
+    stepText: locales.getText('pisell2.step.controller.step')(currentStepIndex + 1),
+    title: steps === null || steps === void 0 || (_steps$currentStepInd = steps[currentStepIndex]) === null || _steps$currentStepInd === void 0 ? void 0 : _steps$currentStepInd.description,
+    showClose: true,
+    onBack: handleBack,
+    onClose: handleClose,
+    enableBorder: true,
+    borderColor: "#EAECF0",
+    showBack: currentStepIndex > 0 || false
+  }), /*#__PURE__*/React.createElement(PisellModal.Information, {
+    open: open,
+    title: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.title) || '',
+    describe: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.content) || '',
+    okText: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.okText) || '',
+    cancelText: (confirmCloseProps === null || confirmCloseProps === void 0 ? void 0 : confirmCloseProps.cancelText) || '',
+    closable: true,
+    okButtonProps: {
+      style: {
+        backgroundColor: '#D92D20'
+      }
+    },
+    onCancel: function onCancel() {
+      setOpen(false);
+    },
+    onOk: function onOk() {
+      return handleOk();
+    }
+  }));
+};
+export default Header;

package/es/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/es/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/es/components/stepController/index.js

@@ -0,0 +1,64 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import { usePisellConfig } from '@pisell/materials';
+import useEngineContext from "../../hooks/useEngineContext";
+import { useWindowSize } from "../../hooks/useWindowSize";
+import Header from "./components/Header";
+import Footer from "./components/Footer";
+import Content from "./components/Content";
+import localeTexts from "./locales";
+import "./index.less";
+var StepController = function StepController(_ref) {
+  var _context$engine;
+  var steps = _ref.steps,
+    currentStep = _ref.currentStep,
+    children = _ref.children,
+    onBack = _ref.onBack,
+    confirmCloseProps = _ref.confirmCloseProps,
+    showFooter = _ref.showFooter,
+    footerContent = _ref.footerContent,
+    onClose = _ref.onClose;
+  var context = useEngineContext();
+  locales.init(localeTexts, (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en');
+
+  // 监听窗口大小变化，重新计算vh
+  useWindowSize({
+    debounceMs: 200
+  });
+
+  /**
+   * @title: 是否是移动端
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-12 15:56
+   */
+  var isMobile = useMemo(function () {
+    var config = usePisellConfig();
+    var platform = (config === null || config === void 0 ? void 0 : config.platform) || 'h5';
+    return platform === 'h5';
+  }, []);
+  var currentStepIndex = useMemo(function () {
+    return (steps === null || steps === void 0 ? void 0 : steps.findIndex(function (step) {
+      return step.key === currentStep;
+    })) || 0;
+  }, [steps, currentStep]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-step-controller', {
+      'pisell-step-controller-mobile': isMobile
+    })
+  }, /*#__PURE__*/React.createElement(Header, {
+    steps: steps,
+    currentStepIndex: currentStepIndex,
+    confirmCloseProps: confirmCloseProps,
+    onBack: onBack,
+    onClose: onClose
+  }), /*#__PURE__*/React.createElement(Content, {
+    children: children
+  }), showFooter && footerContent ? /*#__PURE__*/React.createElement(Footer, {
+    children: footerContent,
+    isMobile: isMobile
+  }) : null);
+};
+export default StepController;

package/es/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 {
+}

package/es/components/stepController/locales.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+    'zh-CN': {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+    'zh-HK': {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+};
+export default _default;

package/es/components/stepController/locales.js

@@ -0,0 +1,32 @@
+export default {
+  en: {
+    'pisell2.step.controller.step': function pisell2StepControllerStep(step) {
+      return "Step ".concat(step || 1);
+    },
+    'pisell2.step.controller.sendEmail': 'Send Email',
+    'pisell2.step.controller.copy': 'Copy',
+    'pisell2.step.controller.download': 'Download',
+    'pisell2.step.controller.preview': 'Preview',
+    'pisell2.step.controller.continue': 'Continue'
+  },
+  'zh-CN': {
+    'pisell2.step.controller.step': function pisell2StepControllerStep(step) {
+      return "\u6B65\u9AA4 ".concat(step || 1);
+    },
+    'pisell2.step.controller.sendEmail': '发送邮件',
+    'pisell2.step.controller.copy': '复制',
+    'pisell2.step.controller.download': '下载',
+    'pisell2.step.controller.preview': '预览',
+    'pisell2.step.controller.continue': '继续'
+  },
+  'zh-HK': {
+    'pisell2.step.controller.step': function pisell2StepControllerStep(step) {
+      return "\u6B65\u9A5F ".concat(step || 1);
+    },
+    'pisell2.step.controller.sendEmail': '發送郵件',
+    'pisell2.step.controller.copy': '複製',
+    'pisell2.step.controller.download': '下載',
+    'pisell2.step.controller.preview': '預覽',
+    'pisell2.step.controller.continue': '繼續'
+  }
+};