@pisell/private-materials 6.4.55 → 6.4.57

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

@@ -0,0 +1,45 @@
+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/ticketBooking/components/ProductDisplayAdapter/index.tsx
+var ProductDisplayAdapter_exports = {};
+__export(ProductDisplayAdapter_exports, {
+  LegacyProductDisplayPresets: () => import_types.LegacyProductDisplayPresets,
+  ProductDisplayPresets: () => import_types.ProductDisplayPresets,
+  default: () => import_ProductDisplayAdapter.default,
+  resolveProductDisplayConfig: () => import_types.resolveProductDisplayConfig
+});
+module.exports = __toCommonJS(ProductDisplayAdapter_exports);
+var import_ProductDisplayAdapter = __toESM(require("./ProductDisplayAdapter"));
+var import_types = require("./types");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LegacyProductDisplayPresets,
+  ProductDisplayPresets,
+  resolveProductDisplayConfig
+});

package/lib/components/ticketBooking/components/ProductDisplayAdapter/index.less

@@ -0,0 +1,41 @@
+.sku-list-container {
+  height: 100%;
+  background-color: #4e4e4e;
+  .sku-list {
+    background-color: #4e4e4e;
+    overflow: auto;
+    border-radius: 0;
+    .list-group-items {
+      .list-item {
+        height: 100% !important;
+        .pisell-product-sku__card-wrapper {
+          height: 100% ;
+          .pisell-lowcode-card {
+            height: 100% !important;
+          }
+        }
+      }
+    }
+    &::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+  }
+  .list-content {
+    &::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+  }
+  .pisell-list-header {
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+  }
+}

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.js

@@ -0,0 +1,100 @@
+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 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: "全部" }];
+  }
+  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: "全部" }
+    ];
+    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: `全部 (${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)();
+  (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(
@@ -419,17 +438,31 @@ 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 }));
     }
@@ -444,7 +477,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.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.js

@@ -39,8 +39,21 @@ 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: "1",
@@ -81,6 +94,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 +113,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,
     {