fui-material 2.7.5 → 2.7.6

package/dist/f-ui-kit.es.js

@@ -3088,11 +3088,13 @@ const FSkeleton = ({ children, enable, width, height }) => {
   }, [enable]);
   return /* @__PURE__ */ jsx("div", { ref: elementRef, className: styles$a["skeleton-block"], children });
 };
-const active = "_active_1tib7_71";
+const active = "_active_bpwow_120";
 const styles$9 = {
-  "f-nav-bar": "_f-nav-bar_1tib7_1",
-  "f-nav-bar__menu": "_f-nav-bar__menu_1tib7_8",
-  "f-nav-bar__menu-route": "_f-nav-bar__menu-route_1tib7_31",
+  "wave-nav-wrapper": "_wave-nav-wrapper_bpwow_5",
+  "wave-nav-grid-item": "_wave-nav-grid-item_bpwow_17",
+  "wave-nav-bar": "_wave-nav-bar_bpwow_27",
+  "wave-nav-list": "_wave-nav-list_bpwow_48",
+  "wave-nav-item": "_wave-nav-item_bpwow_75",
   active
 };
 const FNavigateBar = ({
@@ -3101,21 +3103,24 @@ const FNavigateBar = ({
   id,
   className
 }) => {
-  return /* @__PURE__ */ jsx(FGrid, { obj: "container", id, className, children: /* @__PURE__ */ jsx(FGridRow, { children: /* @__PURE__ */ jsx(FGrid, { obj: "item", sm: 12, children: /* @__PURE__ */ jsx("nav", { style: st, className: styles$9["f-nav-bar"], children: /* @__PURE__ */ jsx("ul", { className: styles$9["f-nav-bar__menu"], children }) }) }) }) });
+  return /* @__PURE__ */ jsx(FGrid, { obj: "container", id, className: `${styles$9["wave-nav-wrapper"]} ${className || ""}`, children: /* @__PURE__ */ jsx(FGridRow, { children: /* @__PURE__ */ jsx(FGrid, { obj: "item", sm: 12, className: styles$9["wave-nav-grid-item"], children: /* @__PURE__ */ jsx("nav", { style: st, className: styles$9["wave-nav-bar"], children: /* @__PURE__ */ jsx("ul", { className: styles$9["wave-nav-list"], children }) }) }) }) });
 };
 const FNavigateBarItem = ({
   st,
+  style,
   children,
   id,
   className,
-  activeClass
+  activeClass,
+  ...rest
 }) => {
   return /* @__PURE__ */ jsx(
     "li",
     {
       id,
-      style: st,
-      className: `${styles$9["f-nav-bar__menu-route"]} ${activeClass ? styles$9.active : ""} ${className || ""}`,
+      style: st || style,
+      className: `${styles$9["wave-nav-item"]} ${activeClass ? styles$9.active : ""} ${className || ""}`,
+      ...rest,
       children
     }
   );