@pisell/private-materials 6.2.9 → 6.2.11

package/es/components/shoppingCart/components/Cart/Product.js

@@ -5,6 +5,7 @@ import { ProductCard } from '@pisell/materials';
 import useClearCart from "../../hooks/useClearCart";
 import { useContext } from "../../hooks/useContext";
 import useAddService from "../../hooks/useAddService";
+import { useMemoizedFn, useTrackedEffect } from "ahooks";
 var Product = function Product(props) {
   var id = props.id,
     lists = props.lists,
@@ -35,10 +36,10 @@ var Product = function Product(props) {
    * @Author: WangHan
    * @Date: 2024-11-28 22:02
    */
-  var handleChange = function handleChange(item, type, other) {
+  var handleChange = useMemoizedFn(function (item, type, other) {
     if (disabledEdit && !(other !== null && other !== void 0 && other.disabled)) return;
     onChange(item, type, other);
-  };
+  });
   var productParams = useMemo(function () {
     return {
       isShowNote: isShowNote,
@@ -52,44 +53,50 @@ var Product = function Product(props) {
       isShowEditProduct: isShowEditProduct
     };
   }, [isShowNote, isShowPackageNote, disabledEdit, isShowChangeResource, isShowDelete, isShowHolder, isShowAddHolderButton, isShowChangeHolder, isShowEditProduct]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__shopping-cart-content"
-  }, clearCart, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
-    return /*#__PURE__*/React.createElement(ProductCard, _extends({
-      key: item._id,
-      dataSource: item,
-      onAction: function onAction(e) {
-        return _onAction === null || _onAction === void 0 ? void 0 : _onAction(e);
-      },
-      onDelete: function onDelete(e) {
-        return handleChange(e, 'delete', item);
-      },
-      onNote: function onNote(e) {
-        return handleChange(e, 'note', {
-          note: e.note
-        });
-      },
-      onLike: function onLike(e) {
-        return handleChange(e, 'like', {
-          like_status: e.like_status
-        });
-      },
-      onEditProduct: function onEditProduct(e) {
-        return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'edit_product');
-      },
-      onCard: function onCard(e) {
-        return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
-      },
-      onChangeResource: function onChangeResource(e) {
-        return handleChange(item, 'change_resource', e);
-      },
-      onChangeHolder: function onChangeHolder(e) {
-        return handleChange(item, 'change_holder', e);
-      },
-      onAddHolder: function onAddHolder(e) {
-        return handleChange(item, 'add_holder', e);
-      }
-    }, productParams));
-  }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+  useTrackedEffect(function (changes) {
+    console.log('Index of changed dependencies: ', changes);
+  }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
+  return useMemo(function () {
+    console.log('render cart');
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__shopping-cart-content"
+    }, clearCart, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
+      return /*#__PURE__*/React.createElement(ProductCard, _extends({
+        key: item._id,
+        dataSource: item,
+        onAction: function onAction(e) {
+          return _onAction === null || _onAction === void 0 ? void 0 : _onAction(e);
+        },
+        onDelete: function onDelete(e) {
+          return handleChange(e, 'delete', item);
+        },
+        onNote: function onNote(e) {
+          return handleChange(e, 'note', {
+            note: e.note
+          });
+        },
+        onLike: function onLike(e) {
+          return handleChange(e, 'like', {
+            like_status: e.like_status
+          });
+        },
+        onEditProduct: function onEditProduct(e) {
+          return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'edit_product');
+        },
+        onCard: function onCard(e) {
+          return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
+        },
+        onChangeResource: function onChangeResource(e) {
+          return handleChange(item, 'change_resource', e);
+        },
+        onChangeHolder: function onChangeHolder(e) {
+          return handleChange(item, 'change_holder', e);
+        },
+        onAddHolder: function onAddHolder(e) {
+          return handleChange(item, 'add_holder', e);
+        }
+      }, productParams));
+    }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
+  }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
 };
 export default Product;

package/es/components/shoppingCart/components/Cart/index.js

@@ -51,23 +51,26 @@ var Cart = function Cart() {
       });
     });
   }, [carts, platform]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-lowcode__shopping-cart')
-  }, isProductList ? /*#__PURE__*/React.createElement(Product, {
-    id: undefined,
-    lists: state === null || state === void 0 ? void 0 : state.products
-  }) : /*#__PURE__*/React.createElement(Collapse, _extends({
-    items: cartsMap,
-    showHeader: true,
-    panelBackground: "#ffffff",
-    collapsible: platform !== 'shop' ? 'disabled' : '-',
-    accordion: platform === 'shop',
-    onChange: function onChange(key) {
-      updateState({
-        activeKey: key
-      });
-      onActiveKey(key);
-    }
-  }, collapseParams)));
+  return useMemo(function () {
+    console.log('render cart 22222');
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('pisell-lowcode__shopping-cart')
+    }, isProductList ? /*#__PURE__*/React.createElement(Product, {
+      id: undefined,
+      lists: state === null || state === void 0 ? void 0 : state.products
+    }) : /*#__PURE__*/React.createElement(Collapse, _extends({
+      items: cartsMap,
+      showHeader: true,
+      panelBackground: "#ffffff",
+      collapsible: platform !== 'shop' ? 'disabled' : '-',
+      accordion: platform === 'shop',
+      onChange: function onChange(key) {
+        updateState({
+          activeKey: key
+        });
+        onActiveKey(key);
+      }
+    }, collapseParams)));
+  }, [isProductList, cartsMap, platform, collapseParams, state === null || state === void 0 ? void 0 : state.products]);
 };
 export default Cart;

package/es/components/shoppingCart/components/Empty/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Empty: (props: any) => JSX.Element;
 export default Empty;

package/es/components/shoppingCart/components/Render/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Content: () => JSX.Element;
 export default Content;

package/es/components/ticketBooking/components/addServiceVariant/addService.js

@@ -33,7 +33,7 @@ import { addService, addServiceScroll, genServiceKey, getIsShowNumber } from "..
 import NotAvailable from "../notAvailable";
 import dayjs from 'dayjs';
 var AddSerivce = function AddSerivce(props) {
-  var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _state$bookingConfig2, _state$client2, _state$service4, _state$service5;
+  var _context$appHelper, _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _state$bookingConfig2, _state$client2, _state$service4;
   var onEdit = props.onEdit,
     state = props.state,
     dispatch = props.dispatch,
@@ -276,10 +276,182 @@ var AddSerivce = function AddSerivce(props) {
     var isEject = getIsEject(item, type);
     var isOnlySession = getIsOnlySession(item);
     var lock = false;
+    // 对于不需要打开弹窗的商品, 直接模拟数据, 不走弹窗
+    var cacheValues = null;
     if (isEject) {
       setCurrentProduct(item);
     } else {
       setCurrentProduct(null);
+      cacheValues = {
+        bundle: [],
+        key: item.id,
+        option: [],
+        product_id: item.id,
+        product_variant_id: 0,
+        quantity: 1,
+        rowKey: item.id,
+        session: null,
+        unique: '08974625397'
+      };
+    }
+    var callback = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e, extension_type, detail) {
+        var data, _detail, other, cacheItem, _total, _isEdit, _state$service$cacheI, _Toast$success, _addService, _list, quantity, _context$appHelper$ut4, _context$appHelper$ut5, val, sendData;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setCurrentProduct(null);
+              // 防止选择商品弹窗多次触发callback
+              if (!lock) {
+                _context3.next = 3;
+                break;
+              }
+              return _context3.abrupt("return");
+            case 3:
+              lock = true;
+
+              // 2秒后解除
+              setTimeout(function () {
+                lock = false;
+              }, 2000);
+              if (isBooking4) {
+                _context3.next = 11;
+                break;
+              }
+              _context3.next = 8;
+              return createBookingData({
+                product: _objectSpread(_objectSpread({}, detail || item), {}, {
+                  _params: e
+                })
+              });
+            case 8:
+              data = _context3.sent;
+              // 创建预约
+              createBooking({
+                booking: data
+              });
+              return _context3.abrupt("return");
+            case 11:
+              // info2 addService 逻辑
+              _detail = detail || item;
+              other = JSON.parse(JSON.stringify(e));
+              other.session = e.session;
+              cacheItem = _objectSpread(_objectSpread({}, _detail), {}, {
+                product_id: item.id,
+                _id: getUniqueId(),
+                _key: e.key,
+                _extend: {
+                  start_date: state.date.value,
+                  quantity: (e === null || e === void 0 ? void 0 : e.quantity) || 1,
+                  price: _detail.price,
+                  product_name: item.title,
+                  other: other
+                },
+                new: 1
+              });
+              _total = getProductTotalPrice(cacheItem); // 用于折扣 可修改
+              cacheItem._extend.total = _total;
+              // 用于储存原价
+              cacheItem._extend.origin_total = _total;
+              _isEdit = !!state.service.cacheItem;
+              if (_isEdit) {
+                cacheItem._id = (_state$service$cacheI = state.service.cacheItem) === null || _state$service$cacheI === void 0 ? void 0 : _state$service$cacheI._id;
+                cacheItem.new = 0;
+              }
+              // 渲染到当前位置模式时，默认无资源 时间默认取顶部设置的时间
+              if (renderMode === 'current') {
+                // cacheItem._extend.resource = 0;
+                cacheItem.currentDefaultTime = state.date.value.format('HH:mm');
+              }
+              cacheItem = getProductExtend({
+                cacheItem: cacheItem,
+                state: state,
+                isDisabledTime: true
+              });
+              if (state.renderType === 'eventBooking') {
+                cacheItem.autoClose = false;
+              }
+              if (cacheItem.autoClose) {
+                cacheItem.autoClose = false;
+                cacheItem._serviceKey = genServiceKey(cacheItem);
+                _addService = addService(_toConsumableArray(state.service.value), cacheItem, state), _list = _addService.list, quantity = _addService.quantity;
+                Toast === null || Toast === void 0 || (_Toast$success = Toast.success) === null || _Toast$success === void 0 || _Toast$success.call(Toast, /*#__PURE__*/React.createElement("div", {
+                  className: "add-toast-wrap"
+                }, /*#__PURE__*/React.createElement("div", {
+                  className: "add-toast-title"
+                }, cacheItem.title), /*#__PURE__*/React.createElement("div", {
+                  className: "add-toast-quantity"
+                }, locales.getText('pisell2.ticket-booking.in-cart')(quantity || 1))));
+                addServiceScroll(e.rowKey, cacheItem);
+                try {
+                  if (((_context$appHelper$ut4 = context.appHelper.utils.store) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut4.getState) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.call(_context$appHelper$ut4)) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.global) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.globalConfig) === null || _context$appHelper$ut5 === void 0 ? void 0 : _context$appHelper$ut5.id) === 2155) {
+                    val = _list === null || _list === void 0 ? void 0 : _list.map(function (s) {
+                      return {
+                        product_id: s === null || s === void 0 ? void 0 : s.product_id,
+                        detailId: s === null || s === void 0 ? void 0 : s.id,
+                        detailProductId: s === null || s === void 0 ? void 0 : s.product_id,
+                        product_name: s === null || s === void 0 ? void 0 : s.title,
+                        price: s === null || s === void 0 ? void 0 : s.price,
+                        _id: s === null || s === void 0 ? void 0 : s._id,
+                        _key: s === null || s === void 0 ? void 0 : s._key,
+                        _serviceKey: s === null || s === void 0 ? void 0 : s._serviceKey
+                      };
+                    });
+                    sendData = {
+                      product_id: item === null || item === void 0 ? void 0 : item.id,
+                      detailId: _detail === null || _detail === void 0 ? void 0 : _detail.id,
+                      detailProductId: _detail === null || _detail === void 0 ? void 0 : _detail.product_id,
+                      product_name: item === null || item === void 0 ? void 0 : item.title,
+                      price: _detail === null || _detail === void 0 ? void 0 : _detail.price,
+                      serviceVal: val
+                    };
+                    sendWarningLog({
+                      title: 'addService',
+                      content: [{
+                        key: '添加数据',
+                        value: JSON.stringify(sendData)
+                      }, {
+                        key: '日期',
+                        value: dayjs().format('YYYY-MM-DD HH:mm:ss')
+                      }]
+                    });
+                  }
+                } catch (error) {}
+                dispatch({
+                  type: 'setService',
+                  payload: {
+                    addModal: false,
+                    value: _list,
+                    edit: true,
+                    changeService: false
+                  }
+                });
+              } else {
+                dispatch({
+                  type: 'setService',
+                  payload: {
+                    editModal: true,
+                    cacheItem: cacheItem,
+                    addModal: !cacheItem.autoClose,
+                    changeService: false
+                  }
+                });
+                onEdit === null || onEdit === void 0 || onEdit(cacheItem);
+              }
+            case 24:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function callback(_x3, _x4, _x5) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    // 如果不需要打开弹窗, 直接添加数据
+    if (cacheValues) {
+      callback(cacheValues, '', item);
+      return;
     }
     state.action({
       type: 'pisell1.handleOpenProductModal',
@@ -301,161 +473,7 @@ var AddSerivce = function AddSerivce(props) {
       onCancel: function onCancel() {
         setCurrentProduct(null);
       },
-      callback: function () {
-        var _callback = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e, extension_type, detail) {
-          var data, _detail, other, cacheItem, _total, _isEdit, _state$service$cacheI, _Toast$success, _addService, _list, quantity, _context$appHelper$ut4, _context$appHelper$ut5, val, sendData;
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                setCurrentProduct(null);
-                // 防止选择商品弹窗多次触发callback
-                if (!lock) {
-                  _context3.next = 3;
-                  break;
-                }
-                return _context3.abrupt("return");
-              case 3:
-                lock = true;
-
-                // 2秒后解除
-                setTimeout(function () {
-                  lock = false;
-                }, 2000);
-                if (isBooking4) {
-                  _context3.next = 11;
-                  break;
-                }
-                _context3.next = 8;
-                return createBookingData({
-                  product: _objectSpread(_objectSpread({}, detail || item), {}, {
-                    _params: e
-                  })
-                });
-              case 8:
-                data = _context3.sent;
-                // 创建预约
-                createBooking({
-                  booking: data
-                });
-                return _context3.abrupt("return");
-              case 11:
-                // info2 addService 逻辑
-                _detail = detail || item;
-                other = JSON.parse(JSON.stringify(e));
-                other.session = e.session;
-                cacheItem = _objectSpread(_objectSpread({}, _detail), {}, {
-                  product_id: item.id,
-                  _id: getUniqueId(),
-                  _key: e.key,
-                  _extend: {
-                    start_date: state.date.value,
-                    quantity: (e === null || e === void 0 ? void 0 : e.quantity) || 1,
-                    price: _detail.price,
-                    product_name: item.title,
-                    other: other
-                  },
-                  new: 1
-                });
-                _total = getProductTotalPrice(cacheItem); // 用于折扣 可修改
-                cacheItem._extend.total = _total;
-                // 用于储存原价
-                cacheItem._extend.origin_total = _total;
-                _isEdit = !!state.service.cacheItem;
-                if (_isEdit) {
-                  cacheItem._id = (_state$service$cacheI = state.service.cacheItem) === null || _state$service$cacheI === void 0 ? void 0 : _state$service$cacheI._id;
-                  cacheItem.new = 0;
-                }
-                // 渲染到当前位置模式时，默认无资源 时间默认取顶部设置的时间
-                if (renderMode === 'current') {
-                  // cacheItem._extend.resource = 0;
-                  cacheItem.currentDefaultTime = state.date.value.format('HH:mm');
-                }
-                cacheItem = getProductExtend({
-                  cacheItem: cacheItem,
-                  state: state,
-                  isDisabledTime: true
-                });
-                if (state.renderType === 'eventBooking') {
-                  cacheItem.autoClose = false;
-                }
-                if (cacheItem.autoClose) {
-                  cacheItem.autoClose = false;
-                  cacheItem._serviceKey = genServiceKey(cacheItem);
-                  _addService = addService(_toConsumableArray(state.service.value), cacheItem, state), _list = _addService.list, quantity = _addService.quantity;
-                  Toast === null || Toast === void 0 || (_Toast$success = Toast.success) === null || _Toast$success === void 0 || _Toast$success.call(Toast, /*#__PURE__*/React.createElement("div", {
-                    className: "add-toast-wrap"
-                  }, /*#__PURE__*/React.createElement("div", {
-                    className: "add-toast-title"
-                  }, cacheItem.title), /*#__PURE__*/React.createElement("div", {
-                    className: "add-toast-quantity"
-                  }, locales.getText('pisell2.ticket-booking.in-cart')(quantity || 1))));
-                  addServiceScroll(e.rowKey, cacheItem);
-                  try {
-                    if (((_context$appHelper$ut4 = context.appHelper.utils.store) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut4.getState) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.call(_context$appHelper$ut4)) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.global) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.globalConfig) === null || _context$appHelper$ut5 === void 0 ? void 0 : _context$appHelper$ut5.id) === 2155) {
-                      val = _list === null || _list === void 0 ? void 0 : _list.map(function (s) {
-                        return {
-                          product_id: s === null || s === void 0 ? void 0 : s.product_id,
-                          detailId: s === null || s === void 0 ? void 0 : s.id,
-                          detailProductId: s === null || s === void 0 ? void 0 : s.product_id,
-                          product_name: s === null || s === void 0 ? void 0 : s.title,
-                          price: s === null || s === void 0 ? void 0 : s.price,
-                          _id: s === null || s === void 0 ? void 0 : s._id,
-                          _key: s === null || s === void 0 ? void 0 : s._key,
-                          _serviceKey: s === null || s === void 0 ? void 0 : s._serviceKey
-                        };
-                      });
-                      sendData = {
-                        product_id: item === null || item === void 0 ? void 0 : item.id,
-                        detailId: _detail === null || _detail === void 0 ? void 0 : _detail.id,
-                        detailProductId: _detail === null || _detail === void 0 ? void 0 : _detail.product_id,
-                        product_name: item === null || item === void 0 ? void 0 : item.title,
-                        price: _detail === null || _detail === void 0 ? void 0 : _detail.price,
-                        serviceVal: val
-                      };
-                      sendWarningLog({
-                        title: 'addService',
-                        content: [{
-                          key: '添加数据',
-                          value: JSON.stringify(sendData)
-                        }, {
-                          key: '日期',
-                          value: dayjs().format('YYYY-MM-DD HH:mm:ss')
-                        }]
-                      });
-                    }
-                  } catch (error) {}
-                  dispatch({
-                    type: 'setService',
-                    payload: {
-                      addModal: false,
-                      value: _list,
-                      edit: true,
-                      changeService: false
-                    }
-                  });
-                } else {
-                  dispatch({
-                    type: 'setService',
-                    payload: {
-                      editModal: true,
-                      cacheItem: cacheItem,
-                      addModal: !cacheItem.autoClose,
-                      changeService: false
-                    }
-                  });
-                  onEdit === null || onEdit === void 0 || onEdit(cacheItem);
-                }
-              case 24:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        function callback(_x3, _x4, _x5) {
-          return _callback.apply(this, arguments);
-        }
-        return callback;
-      }()
+      callback: callback
     });
   });
   var renderList = useMemo(function () {
@@ -513,6 +531,6 @@ var AddSerivce = function AddSerivce(props) {
       }));
     }
     return null;
-  }, [(_state$service5 = state.service) === null || _state$service5 === void 0 || (_state$service5 = _state$service5.cacheItem) === null || _state$service5 === void 0 ? void 0 : _state$service5.autoClose, state.service.addModal, locales, renderList, state.amountSymbol, state.renderType, state === null || state === void 0 ? void 0 : state.activeCartId, holderId(state), loading, currentProduct, isBooking4]);
+  }, [state.service.addModal, locales, renderList, state.amountSymbol, state.renderType, state === null || state === void 0 ? void 0 : state.activeCartId, holderId(state), loading, currentProduct, isBooking4]);
 };
 export default AddSerivce;

package/es/components/ticketBooking/components/addServiceVariant/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

package/es/components/ticketBooking/components/menuBar/index.js

@@ -1,8 +1,20 @@
 import React from 'react';
 import { useNetworkStatus, NetworkStatus, NetworkStatusColor } from "../../hooks/useNetworkStatus";
 import "./index.less";
+import { Menu } from 'antd';
+import { SettingOutlined } from '@ant-design/icons';
+import { locales } from "@pisell/utils";
+import { ConfigProvider } from "@pisell/materials";
 var index = function index() {
   var status = useNetworkStatus();
+  var items = [{
+    key: '1',
+    icon: /*#__PURE__*/React.createElement(SettingOutlined, null),
+    children: [{
+      key: 'reload',
+      label: locales.getText('pisell2.ticket-booking.reload')
+    }]
+  }];
   var getStatusText = function getStatusText(status) {
     switch (status) {
       case NetworkStatus.GOOD:
@@ -13,9 +25,15 @@ var index = function index() {
         return 'Offline';
     }
   };
+  var handleClick = function handleClick(_ref) {
+    var key = _ref.key;
+    if (key === 'reload') {
+      window.location.reload();
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-ticket-booking-menu-bar"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "logo-wrapper"
   }, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -42,7 +60,25 @@ var index = function index() {
     "stroke-width": "1.5",
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
-  })))), /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ConfigProvider, {
+    theme: {
+      components: {
+        Menu: {
+          collapsedIconSize: 32,
+          itemHeight: 48,
+          groupTitleFontSize: 16,
+          fontSize: 16
+        }
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Menu, {
+    className: "pisell-ticket-booking-menu",
+    mode: "inline",
+    theme: "dark",
+    inlineCollapsed: true,
+    items: items,
+    onClick: handleClick
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "status-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: "network-status",

package/es/components/ticketBooking/components/menuBar/index.less

@@ -3,6 +3,14 @@
   padding-left: 6px;
   width: 86px;
   position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-bottom: 44px;
+
+  .pisell-ticket-booking-menu {
+    background-color: transparent;
+  }
 
   .logo-wrapper {
     margin-top: 24px;