@pisell/private-materials 6.4.60 → 6.4.62

package/lib/components/ticketBooking/components/ProductDisplayAdapter/types.js

@@ -0,0 +1,247 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/components/ProductDisplayAdapter/types.ts
+var types_exports = {};
+__export(types_exports, {
+  LegacyProductDisplayPresets: () => LegacyProductDisplayPresets,
+  ProductDisplayPresets: () => ProductDisplayPresets,
+  resolveProductDisplayConfig: () => resolveProductDisplayConfig
+});
+module.exports = __toCommonJS(types_exports);
+var ProductDisplayPresets = {
+  // 默认配置
+  default: {
+    displayMode: "product-select",
+    productSelectConfig: {
+      showSearch: true,
+      showTab: true,
+      layout: {
+        grid: true,
+        config: "12:12"
+      },
+      productListSetting: {
+        isProductCover: 1,
+        isTitle: 1,
+        isSubtitle: 1,
+        isPrice: 1,
+        isOriginPrice: 0,
+        isStock: 0
+      }
+    }
+  },
+  // 别名：product-select
+  "product-select": {
+    displayMode: "product-select",
+    productSelectConfig: {
+      showSearch: true,
+      showTab: true,
+      layout: {
+        grid: true,
+        config: "12:12"
+      },
+      productListSetting: {
+        isProductCover: 1,
+        isTitle: 1,
+        isSubtitle: 1,
+        isPrice: 1,
+        isOriginPrice: 0,
+        isStock: 0
+      }
+    }
+  },
+  // SkuList A1
+  "sku-list-a1": {
+    displayMode: "sku-list",
+    skuListConfig: {
+      listConfig: {
+        layout: "grid",
+        showPagination: false,
+        showTab: false
+      },
+      skuCardAllConfig: {
+        skuCardConfig: {
+          displayMode: "display_a1",
+          isFavorite: false,
+          layoutDirection: "column"
+        }
+      }
+    }
+  },
+  // SkuList A2 - 详细信息卡片
+  "sku-list-a2": {
+    displayMode: "sku-list",
+    skuListConfig: {
+      listConfig: {
+        layout: "grid",
+        showPagination: false,
+        showTab: false
+      },
+      skuCardAllConfig: {
+        skuCardConfig: {
+          displayMode: "display_a2",
+          layoutDirection: "row",
+          radius: 12,
+          paddingX: 12,
+          paddingY: 12,
+          skuImageConfig: {
+            isCover: true,
+            width: "140px",
+            height: "140px",
+            radius: 8
+          },
+          skuNameConfig: {
+            isOpen: true,
+            fontSize: 16,
+            fontWeight: 600,
+            color: "#101828",
+            ellipsisCount: 2
+          },
+          skuSubtitleConfig: {
+            isOpen: true,
+            fontSize: 14,
+            color: "#667085",
+            ellipsisCount: 1
+          },
+          skuPriceConfig: {
+            isOpen: true,
+            isPrice: true,
+            priceFontSize: 18,
+            priceFontWeight: 600,
+            priceColor: "#101828",
+            isOriginPrice: true,
+            originPriceFontSize: 14,
+            originPriceColor: "#98A2B3"
+          },
+          skuStockConfig: {
+            isOpen: true,
+            fontSize: 12,
+            color: "#667085"
+          }
+        }
+      }
+    }
+  },
+  // SkuList A5
+  "sku-list-a5": {
+    displayMode: "sku-list",
+    skuListConfig: {
+      listConfig: {
+        layout: "grid",
+        showPagination: false,
+        showTab: true,
+        // 启用 Tab
+        tabStyle: "switch",
+        // 使用 switch 模式
+        stickyTop: true,
+        // Tab 吸顶
+        columns: 5,
+        tabGroup: "category"
+      },
+      skuCardAllConfig: {
+        skuCardConfig: {
+          displayMode: "display_a5",
+          layoutDirection: "column",
+          background: "#ffffff",
+          paddingY: 8,
+          paddingX: 8,
+          marginY: 0,
+          marginX: 0,
+          radius: 12,
+          isBorderVisible: false,
+          borderWidth: 1,
+          borderColor: "#ffffff",
+          isFoldable: true
+        },
+        skuActionConfig: {
+          isOpen: false
+        },
+        skuTextConfig: {
+          skuSubtitleConfig: {
+            isOpen: false
+          },
+          skuNameConfig: {
+            isOpen: true
+            // fontSize: 18,
+            // fontWeight: 600,
+            // color: '#101828',
+            // ellipsisCount: 1,
+          },
+          skuPriceConfig: {
+            isOpen: true,
+            isPrice: true,
+            priceFontSize: 18,
+            priceFontWeight: 600,
+            priceColor: "#101828",
+            isShowZeroPrice: true,
+            isShowFreePrice: false,
+            isOriginPrice: true,
+            originPriceFontSize: 16,
+            originPriceFontWeight: 400,
+            originPriceColor: "#667085",
+            isTaxPrice: true,
+            isCustomText: false
+          }
+        },
+        skuImageConfig: {
+          isCover: true,
+          width: "100%",
+          height: "126px",
+          isTextFallback: true,
+          background: "#ffffff",
+          skuImageRadius: 12,
+          slotPosition: "left_top",
+          radius: 12
+        },
+        skuExtraConfig: {
+          isOpen: false
+        }
+      }
+    }
+  }
+};
+var LegacyProductDisplayPresets = {
+  /** @deprecated 使用 ProductDisplayPresets['product-select'] */
+  DEFAULT_PRODUCT_SELECT: ProductDisplayPresets["product-select"],
+  /** @deprecated 使用 ProductDisplayPresets['sku-list-a1'] */
+  DEFAULT_SKU_LIST_A1: ProductDisplayPresets["sku-list-a1"],
+  /** @deprecated 使用 ProductDisplayPresets['sku-list-a2'] */
+  DEFAULT_SKU_LIST_A2: ProductDisplayPresets["sku-list-a2"],
+  /** @deprecated 使用 ProductDisplayPresets['sku-list-a5'] */
+  DEFAULT_SKU_LIST_A5: ProductDisplayPresets["sku-list-a5"]
+};
+function resolveProductDisplayConfig(config) {
+  if (!config) {
+    return ProductDisplayPresets["default"];
+  }
+  if (typeof config === "string") {
+    const preset = ProductDisplayPresets[config];
+    if (!preset) {
+      console.warn(`Unknown preset key: "${config}", falling back to default`);
+      return ProductDisplayPresets["default"];
+    }
+    return preset;
+  }
+  return config;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LegacyProductDisplayPresets,
+  ProductDisplayPresets,
+  resolveProductDisplayConfig
+});

package/lib/components/ticketBooking/components/ProductDisplayAdapter/utils.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 格式化 SKU 数据源，适配 SkuCard 组件
+ */
+export declare const formatSkuDataSource: (dataSource: any) => {
+    id: any;
+    title: any;
+    subtitle: any;
+    cover: any;
+    price: any;
+    original_price: any;
+    stock: any;
+    sortKeys: string[];
+};
+/**
+ * Tab 项接口定义（与 List 组件保持一致）
+ */
+export interface TabItem {
+    key: string;
+    label: string;
+    group?: string;
+}
+/**
+ * 产品分类信息接口
+ */
+interface ProductCategory {
+    id: number;
+    name: string;
+    icon?: string;
+    slug?: string;
+    sort?: number;
+}
+/**
+ * 产品项接口
+ */
+interface Product {
+    id: number;
+    title: string;
+    category?: ProductCategory[];
+    [key: string]: any;
+}
+/**
+ * 根据产品数据生成分类 Tabs（Switch 模式）
+ * 参考 TestResponsiveWrapper 的 generateSimpleTabItems 函数
+ *
+ * @param products 产品列表
+ * @param tabStyle tab 样式类型
+ * @returns TabItem 数组
+ */
+export declare const generateProductTabs: (products: Product[], tabStyle?: 'switch' | 'anchor') => TabItem[];
+export {};

package/lib/components/ticketBooking/components/ProductDisplayAdapter/utils.js

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/components/ProductDisplayAdapter/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatSkuDataSource: () => formatSkuDataSource,
+  generateProductTabs: () => generateProductTabs
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var formatSkuDataSource = (dataSource) => {
+  return {
+    id: dataSource.id,
+    title: dataSource.title,
+    subtitle: dataSource.subtitle,
+    cover: dataSource.cover,
+    price: dataSource.price,
+    original_price: dataSource.original_price,
+    stock: dataSource.stock_quantity,
+    sortKeys: ["title", "subtitle", "price"]
+  };
+};
+var generateProductTabs = (products, tabStyle = "switch") => {
+  if (!products || products.length === 0) {
+    return [{ key: "all", label: import_utils.locales.getText("pisell2.ticket-booking.all") }];
+  }
+  if (tabStyle === "switch") {
+    const categoryMap = /* @__PURE__ */ new Map();
+    products.forEach((product) => {
+      if (product.category && Array.isArray(product.category)) {
+        product.category.forEach((cat) => {
+          if (!categoryMap.has(cat.id)) {
+            categoryMap.set(cat.id, cat);
+          }
+        });
+      }
+    });
+    const sortedCategories = Array.from(categoryMap.values()).sort(
+      (a, b) => (b.sort || 0) - (a.sort || 0)
+    );
+    const tabs = [
+      { key: "all", label: import_utils.locales.getText("pisell2.ticket-booking.all") }
+    ];
+    sortedCategories.forEach((category) => {
+      tabs.push({
+        key: String(category.id),
+        label: category.name,
+        group: String(category.id)
+      });
+    });
+    return tabs;
+  } else {
+    const categoryCount = products.reduce((acc, product) => {
+      if (product.category && Array.isArray(product.category)) {
+        product.category.forEach((cat) => {
+          const key = String(cat.id);
+          if (!acc[key]) {
+            acc[key] = { count: 0, category: cat };
+          }
+          acc[key].count += 1;
+        });
+      }
+      return acc;
+    }, {});
+    const tabs = [
+      { key: "all", label: `${import_utils.locales.getText("pisell2.ticket-booking.all")} (${products.length})` }
+    ];
+    const sortedEntries = Object.entries(categoryCount).sort(
+      ([, a], [, b]) => (b.category.sort || 0) - (a.category.sort || 0)
+    );
+    sortedEntries.forEach(([key, { count, category }]) => {
+      tabs.push({
+        key,
+        label: `${category.name} (${count})`,
+        group: key
+      });
+    });
+    return tabs;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatSkuDataSource,
+  generateProductTabs
+});

package/lib/components/ticketBooking/components/addServiceVariant/addService.d.ts

@@ -1,9 +1,29 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter';
 import './index.less';
 interface AddServiceProps {
     onEdit?: any;
     dispatch?: any;
     state?: any;
     renderMode?: 'current' | 'drawer';
+    /**
+     * 产品展示配置
+     *
+     * 支持两种方式：
+     * 1. 简易模式：传入预设字符串，如 'product-select', 'sku-list-a1', 'sku-list-a2', 'sku-list-a5'
+     * 2. 完整配置模式：传入完整的配置对象
+     *
+     * @example
+     * // 简易模式
+     * <AddService productDisplayConfig="sku-list-a1" />
+     *
+     * @example
+     * // 完整配置模式
+     * <AddService productDisplayConfig={{
+     *   displayMode: 'sku-list',
+     *   skuListConfig: { ... }
+     * }} />
+     */
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
 }
 declare const AddSerivce: (props: AddServiceProps) => JSX.Element | null;
 export default AddSerivce;

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

@@ -41,7 +41,7 @@ var import_utils3 = require("../../../booking/info2/service/addService/utils");
 var import_utils4 = require("../../../booking/info/service2/utils");
 var import_utils5 = require("../../../booking/info/utils");
 var import_serviceManager = require("../../../booking/info/service/serviceManager");
-var import_productSelect = __toESM(require("../../../../plus/productSelect"));
+var import_ProductDisplayAdapter = __toESM(require("../ProductDisplayAdapter"));
 var import_index = require("./index.less");
 var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
@@ -49,6 +49,7 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_pisellos = require("../../hooks/pisellos");
 var import_utils7 = require("./utils");
 var import_materials = require("@pisell/materials");
+var import_IsActiveContext = require("../../context/IsActiveContext");
 var productListLayout = {
   grid: true,
   config: "12:12"
@@ -63,11 +64,18 @@ var productListSetting = {
 };
 var AddSerivce = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const { onEdit, state, dispatch, renderMode = "current" } = props;
+  const {
+    onEdit,
+    state,
+    dispatch,
+    renderMode = "current",
+    productDisplayConfig
+  } = props;
   const context = (0, import_useEngineContext.default)();
   const notAvailableRef = (0, import_react.useRef)(null);
   const isLoadedServiceRef = (0, import_react.useRef)(false);
   import_utils2.request.setRequest(context.appHelper.utils.request);
+  const isActive = (0, import_IsActiveContext.useIsActive)();
   const Toast = (0, import_materials.useToast)();
   const { createBookingData, createBooking } = (0, import_serviceManager.useService)({
     renderMode,
@@ -81,9 +89,18 @@ var AddSerivce = (props) => {
     (_i = context.appHelper.utils) == null ? void 0 : _i.businessUtils
   );
   const [currentProduct, setCurrentProduct] = (0, import_react.useState)(null);
+  const [firstLoading, setFirstLoading] = (0, import_react.useState)(true);
   const stateRef = (0, import_react.useRef)(state);
   stateRef.current = state;
-  const { getProducts, products, loading } = (0, import_pisellos.useProducts)();
+  const { getProducts, products, loading } = (0, import_pisellos.useProducts)(notAvailableRef);
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => {
+      setFirstLoading(false);
+    }, 300);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, []);
   (0, import_react.useEffect)(() => {
     return () => {
       Object.values(debounceTimersRef.current).forEach((timer) => {
@@ -144,8 +161,10 @@ var AddSerivce = (props) => {
     });
   });
   (0, import_react.useMemo)(() => {
-    (0, import_utils7.setHandleSetService)(scanAddService);
-  }, []);
+    if (isActive) {
+      (0, import_utils7.setHandleSetService)(scanAddService);
+    }
+  }, [isActive]);
   const handleAddToast = (title, quantity) => {
     var _a2;
     (_a2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _a2.call(
@@ -274,7 +293,7 @@ var AddSerivce = (props) => {
           cacheItem.autoClose = false;
           cacheItem._serviceKey = (0, import_utils6.genServiceKey)(cacheItem);
           let { list: _list, quantity } = (0, import_utils6.addService)(
-            [...state.service.value],
+            [...stateRef.current.service.value],
             cacheItem,
             state
           );
@@ -355,7 +374,7 @@ var AddSerivce = (props) => {
           clickCountRef.current[productId] = 1;
         }
         const cacheItem = (0, import_utils6.createSimpleCacheItem)(item, cacheValues, state);
-        const detail = (_b2 = state.service.value) == null ? void 0 : _b2.find(
+        const detail = (_b2 = stateRef.current.service.value) == null ? void 0 : _b2.find(
           (val) => (0, import_utils6.isSameProduct)(val, cacheItem)
         );
         const originalQuantity = ((_c2 = detail == null ? void 0 : detail._extend) == null ? void 0 : _c2.quantity) || 0;
@@ -419,22 +438,37 @@ var AddSerivce = (props) => {
       });
     }
   }, [renderMode, currentDate, customerId, menuList, currentDatetime]);
+  const finalDisplayConfig = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    const resolvedConfig = (0, import_ProductDisplayAdapter.resolveProductDisplayConfig)(productDisplayConfig);
+    if (resolvedConfig.displayMode === "product-select") {
+      return {
+        ...resolvedConfig,
+        productSelectConfig: {
+          ...resolvedConfig.productSelectConfig,
+          layout: ((_a2 = resolvedConfig.productSelectConfig) == null ? void 0 : _a2.layout) || productListLayout,
+          productListSetting: ((_b2 = resolvedConfig.productSelectConfig) == null ? void 0 : _b2.productListSetting) || productListSetting
+        }
+      };
+    }
+    return resolvedConfig;
+  }, [productDisplayConfig]);
   return (0, import_react.useMemo)(() => {
     if (renderMode === "current") {
       return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-        import_productSelect.default,
+        import_ProductDisplayAdapter.default,
         {
+          config: finalDisplayConfig,
           dataSource: renderList,
-          layout: productListLayout,
-          onChange: handleSelectProduct,
-          value: currentProduct == null ? void 0 : currentProduct.id,
-          loading: !renderList.length && loading,
-          productListSetting
+          loading: !renderList.length && loading || firstLoading,
+          currentProductId: currentProduct == null ? void 0 : currentProduct.id,
+          onSelectProduct: handleSelectProduct
         }
       ), /* @__PURE__ */ import_react.default.createElement(import_notAvailable.default, { ref: notAvailableRef }));
     }
     return null;
   }, [
+    firstLoading,
     state.service.addModal,
     import_utils.locales,
     renderList,
@@ -444,7 +478,8 @@ var AddSerivce = (props) => {
     (0, import_utils4.holderId)(state),
     loading,
     currentProduct,
-    isBooking4
+    isBooking4,
+    finalDisplayConfig
   ]);
 };
 var addService_default = AddSerivce;

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

@@ -1,6 +1,8 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter/types';
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
 }
 declare const AddServiceVariant: (props: AddServiceVariantProps) => JSX.Element;
 export default AddServiceVariant;

package/lib/components/ticketBooking/components/addServiceVariant/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(addServiceVariant_exports);
 var import_react = __toESM(require("react"));
 var import_addService = __toESM(require("./addService"));
 var AddServiceVariant = (props) => {
-  const { globalState, setGlobalState } = props;
+  const { globalState, setGlobalState, productDisplayConfig } = props;
   const stateRef = (0, import_react.useRef)(globalState);
   stateRef.current = globalState;
   const dispatch = ({ type, payload }) => {
@@ -49,7 +49,8 @@ var AddServiceVariant = (props) => {
     import_addService.default,
     {
       state: globalState,
-      dispatch
+      dispatch,
+      productDisplayConfig
     }
   );
 };

package/lib/components/ticketBooking/components/menuBar/index.d.ts

@@ -1,3 +1,8 @@
+/// <reference types="react" />
 import './index.less';
-declare const index: () => JSX.Element;
+interface MenuBarProps {
+    activeNavKey?: string;
+    onNavChange?: (key: string) => void;
+}
+declare const index: (props: MenuBarProps) => JSX.Element;
 export default index;

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

@@ -39,17 +39,31 @@ var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var index = () => {
+var index = (props) => {
+  const { activeNavKey = "ticket", onNavChange } = props;
   const status = (0, import_useNetworkStatus.useNetworkStatus)();
+  const navItems = [
+    {
+      key: "ticket",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-ticket", style: { fontSize: 32 } }),
+      label: ""
+    },
+    {
+      key: "food",
+      label: "",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-food", style: { fontSize: 32 } })
+    }
+  ];
   const items = [
+    {
+      key: "reload",
+      label: import_utils.locales.getText("pisell2.ticket-booking.reload"),
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ReloadOutlined, null)
+    },
     {
       key: "1",
       icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
       children: [
-        {
-          key: "reload",
-          label: import_utils.locales.getText("pisell2.ticket-booking.reload")
-        },
         {
           key: "version",
           label: "6.4.38"
@@ -81,6 +95,9 @@ var index = () => {
       window.location.href = "/login";
     }
   };
+  const handleNavClick = (key) => {
+    onNavChange == null ? void 0 : onNavChange(key);
+  };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-menu-bar" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "logo-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
@@ -97,25 +114,15 @@ var index = () => {
         fill: "#8157D5"
       }
     )
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-item active" }, /* @__PURE__ */ import_react.default.createElement(
-    "svg",
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-wrapper" }, navItems.map((navItem) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "32",
-      height: "25",
-      viewBox: "0 0 34 27",
-      fill: "none"
+      key: navItem.key,
+      className: `nav-item ${activeNavKey === navItem.key ? "active" : ""}`,
+      onClick: () => handleNavClick(navItem.key)
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M13.8 7.05078V5.48828M13.8 14.082V12.5195M13.8 21.1133V19.5508M6.12 0.800781H27.88C29.6722 0.800781 30.5683 0.800781 31.2528 1.14139C31.8549 1.44099 32.3444 1.91905 32.6512 2.50706C33 3.17554 33 4.05062 33 5.80078V7.83203C29.9072 7.83203 27.4 10.2805 27.4 13.3008C27.4 16.3211 29.9072 18.7695 33 18.7695V20.8008C33 22.5509 33 23.426 32.6512 24.0945C32.3444 24.6825 31.8549 25.1606 31.2528 25.4602C30.5683 25.8008 29.6722 25.8008 27.88 25.8008H6.12C4.32783 25.8008 3.43175 25.8008 2.74723 25.4602C2.14511 25.1606 1.65557 24.6825 1.34878 24.0945C1 23.426 1 22.5509 1 20.8008V18.7695C4.09279 18.7695 6.6 16.3211 6.6 13.3008C6.6 10.2805 4.09279 7.83203 1 7.83203V5.80078C1 4.05062 1 3.17554 1.34878 2.50706C1.65557 1.91905 2.14511 1.44099 2.74723 1.14139C3.43175 0.800781 4.32783 0.800781 6.12 0.800781Z",
-        stroke: "white",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }
-    )
+    navItem.icon && navItem.icon,
+    navItem.label && navItem.label
   )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "menu-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     import_materials.ConfigProvider,
     {