myshell-react-lib 0.1.36 → 0.1.37

package/dist/index.d.cts

@@ -978,13 +978,18 @@ type ITopNavigationBar = {
      * @default 2
      */
     pageType?: 1 | 2;
+    /**
+     * 自定义样式
+     * string
+     */
+    className?: string;
     /**
      * 返回按钮点击回调
      * () => void
      */
     onBack?: () => void;
 };
-declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
+declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
 
 interface ISelectProps extends SelectPrimitive.SelectProps {
     options?: Array<{

package/dist/index.d.ts

@@ -978,13 +978,18 @@ type ITopNavigationBar = {
      * @default 2
      */
     pageType?: 1 | 2;
+    /**
+     * 自定义样式
+     * string
+     */
+    className?: string;
     /**
      * 返回按钮点击回调
      * () => void
      */
     onBack?: () => void;
 };
-declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
+declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
 
 interface ISelectProps extends SelectPrimitive.SelectProps {
     options?: Array<{

package/dist/index.js

@@ -10737,7 +10737,7 @@ import { useEffect as useEffect10, useRef as useRef6, useState as useState8 } fr
 import { useMedia as useMedia5 } from "react-use";
 import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 function TopNavigationBar(param) {
-    var searchElement = param.searchElement, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? true : _param_hasBackground, avatar = param.avatar, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType;
+    var searchElement = param.searchElement, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? false : _param_hasBackground, avatar = param.avatar, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType, className = param.className;
     var isMobile2 = useMedia5("(max-width: 768px)");
     var navbarRef = useRef6(null);
     var _useState8 = _sliced_to_array(useState8(hasBackground), 2), showBackground = _useState8[0], setShowBackground = _useState8[1];
@@ -10761,7 +10761,7 @@ function TopNavigationBar(param) {
     ]);
     return /* @__PURE__ */ jsxs24("div", {
         ref: navbarRef,
-        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground && "bg-Colors-Background-Normal-Primary-Default"),
+        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground ? "bg-Colors-Background-Normal-Primary-Default" : "bg-cc-Button-Plain-bg-default md:bg-Colors-Background-Normal-Primary-Default", className),
         children: [
             /* @__PURE__ */ jsxs24("div", {
                 className: "relative w-full flex justify-between items-center h-13 md:h-15 pt-5 pb-1.5 md:pt-2 md:pb-2",