myshell-react-lib 0.1.46 → 0.1.48

package/dist/index.d.cts

@@ -436,6 +436,7 @@ interface IconButtonComponentProps<V extends VariantType = VariantType> extends
     hoverSide?: 'top' | 'right' | 'bottom' | 'left';
     iconClassName?: ClassNameValue;
     size?: IconButtonSize;
+    isMobile?: boolean;
     variant?: V;
     color?: V extends keyof VariantColorMap ? VariantColorMap[V] : never;
 }
@@ -568,11 +569,15 @@ interface LinkProps {
      * 是否是返回link
      */
     back?: boolean;
+    /**
+     * 是否是移动端
+     */
+    isMobile?: boolean;
     onClick?: (e: any) => void;
     children?: React.ReactNode;
     [key: string]: any;
 }
-declare function Link({ className, href, scroll, replace, prefetch, back, children, onClick, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+declare function Link({ className, href, scroll, replace, prefetch, back, children, isMobile, onClick, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
 interface BreakpointColsObject {
     default: number;
@@ -622,7 +627,9 @@ declare const MenubarShortcut: {
 declare const ModalOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalRoot: React$1.FC<React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Dialog>>;
-declare const ModalTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const ModalTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & {
+    isMobile?: boolean;
+} & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const modalVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     zIndex?: 99 | 9 | 999 | 9999 | null | undefined;
@@ -983,13 +990,14 @@ type ITopNavigationBar = {
      * string
      */
     className?: string;
+    isMobile?: boolean;
     /**
      * 返回按钮点击回调
      * () => void
      */
     onBack?: () => void;
 };
-declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
+declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, isMobile, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
 
 interface ISelectProps extends SelectPrimitive.SelectProps {
     options?: Array<{

package/dist/index.d.ts

@@ -436,6 +436,7 @@ interface IconButtonComponentProps<V extends VariantType = VariantType> extends
     hoverSide?: 'top' | 'right' | 'bottom' | 'left';
     iconClassName?: ClassNameValue;
     size?: IconButtonSize;
+    isMobile?: boolean;
     variant?: V;
     color?: V extends keyof VariantColorMap ? VariantColorMap[V] : never;
 }
@@ -568,11 +569,15 @@ interface LinkProps {
      * 是否是返回link
      */
     back?: boolean;
+    /**
+     * 是否是移动端
+     */
+    isMobile?: boolean;
     onClick?: (e: any) => void;
     children?: React.ReactNode;
     [key: string]: any;
 }
-declare function Link({ className, href, scroll, replace, prefetch, back, children, onClick, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+declare function Link({ className, href, scroll, replace, prefetch, back, children, isMobile, onClick, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
 interface BreakpointColsObject {
     default: number;
@@ -622,7 +627,9 @@ declare const MenubarShortcut: {
 declare const ModalOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const ModalRoot: React$1.FC<React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Dialog>>;
-declare const ModalTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const ModalTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & {
+    isMobile?: boolean;
+} & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const modalVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     zIndex?: 99 | 9 | 999 | 9999 | null | undefined;
@@ -983,13 +990,14 @@ type ITopNavigationBar = {
      * string
      */
     className?: string;
+    isMobile?: boolean;
     /**
      * 返回按钮点击回调
      * () => void
      */
     onBack?: () => void;
 };
-declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
+declare function TopNavigationBar({ searchElement, title, border, backUrl, children, hasBackground, avatar, onBack, pageType, className, isMobile, }: ITopNavigationBar): react_jsx_runtime.JSX.Element;
 
 interface ISelectProps extends SelectPrimitive.SelectProps {
     options?: Array<{

package/dist/index.js

@@ -5738,7 +5738,7 @@ function getDefaultColorForVariant(variant) {
     }
 }
 function createIconButtonWithVariant(props, ref) {
-    var iconClassName = props.iconClassName, className = props.className, _props_variant = props.variant, variant = _props_variant === void 0 ? "primary" : _props_variant, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, userProvidedColor = props.color, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, children = props.children, IconEle = props.icon, disabled = props.disabled, hoverText = props.hoverText, hoverSide = props.hoverSide, passProps = _object_without_properties(props, [
+    var iconClassName = props.iconClassName, className = props.className, _props_variant = props.variant, variant = _props_variant === void 0 ? "primary" : _props_variant, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, userProvidedColor = props.color, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, children = props.children, IconEle = props.icon, disabled = props.disabled, hoverText = props.hoverText, hoverSide = props.hoverSide, tmp = props.isMobile, isMobile2 = tmp === void 0 ? false : tmp, passProps = _object_without_properties(props, [
         "iconClassName",
         "className",
         "variant",
@@ -5750,10 +5750,12 @@ function createIconButtonWithVariant(props, ref) {
         "icon",
         "disabled",
         "hoverText",
-        "hoverSide"
+        "hoverSide",
+        "isMobile"
     ]);
     var color = userProvidedColor || getDefaultColorForVariant(variant);
-    var isMobile2 = useMedia2("(max-width: 768px)");
+    var componentIsMobile = useMedia2("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
     var Comp = asChild ? Slot2 : "button";
     var iconCls = cn(iconSizeVariants[size], iconClassName);
     var disable = disabled || loading;
@@ -5762,7 +5764,7 @@ function createIconButtonWithVariant(props, ref) {
         size: "md",
         description: hoverText,
         side: hoverSide,
-        disabled: isMobile2,
+        disabled: isMob,
         children: /* @__PURE__ */ jsx12(Comp, _object_spread_props(_object_spread({
             className: cn(iconButtonVariants({
                 variant: variant,
@@ -7101,7 +7103,7 @@ function useNativeBridge() {
 import { useMedia as useMedia3 } from "react-use";
 import { jsx as jsx30 } from "react/jsx-runtime";
 function Link(_param) {
-    var className = _param.className, href = _param.href, _param_scroll = _param.scroll, scroll = _param_scroll === void 0 ? false : _param_scroll, _param_replace = _param.replace, replace = _param_replace === void 0 ? false : _param_replace, _param_prefetch = _param.prefetch, prefetch = _param_prefetch === void 0 ? true : _param_prefetch, _param_back = _param.back, back = _param_back === void 0 ? false : _param_back, children = _param.children, onClick = _param.onClick, props = _object_without_properties(_param, [
+    var className = _param.className, href = _param.href, _param_scroll = _param.scroll, scroll = _param_scroll === void 0 ? false : _param_scroll, _param_replace = _param.replace, replace = _param_replace === void 0 ? false : _param_replace, _param_prefetch = _param.prefetch, prefetch = _param_prefetch === void 0 ? true : _param_prefetch, _param_back = _param.back, back = _param_back === void 0 ? false : _param_back, children = _param.children, tmp = _param.isMobile, isMobile2 = tmp === void 0 ? false : tmp, onClick = _param.onClick, props = _object_without_properties(_param, [
         "className",
         "href",
         "scroll",
@@ -7109,18 +7111,20 @@ function Link(_param) {
         "prefetch",
         "back",
         "children",
+        "isMobile",
         "onClick"
     ]);
     var path = typeof href === "string" ? href : "".concat(href.pathname);
     var externalLink = /^(https?:\/\/)/.test(path);
     var _useNativeBridge = useNativeBridge(), getIosUrl = _useNativeBridge.getIosUrl, nativeGoBack = _useNativeBridge.nativeGoBack;
     var isIos = isClient() && isIosApp();
-    var isMobile2 = useMedia3("(max-width: 768px)");
+    var componentIsMobile = useMedia3("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
     var pathname = useMemo3(function() {
         if (externalLink) return path;
         var formatPath = path;
         var isMobPath = path.startsWith("/m/");
-        if (isMobile2) {
+        if (isMob) {
             formatPath = isMobPath ? path : "/m".concat(path);
         } else {
             formatPath = isMobPath ? path.slice(2) : path;
@@ -7831,11 +7835,13 @@ var ModalRoot = function(_param) {
     }));
 };
 var ModalTitle = React26.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
+    var className = _param.className, isMobile2 = _param.isMobile, props = _object_without_properties(_param, [
+        "className",
+        "isMobile"
     ]);
-    var isMobile2 = useMedia4("(max-width: 768px)");
-    if (isMobile2) {
+    var componentIsMobile = useMedia4("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
+    if (isMob) {
         return /* @__PURE__ */ jsx34(DrawerPrimitive2.Title, _object_spread_props(_object_spread({
             ref: ref
         }, props), {
@@ -10757,8 +10763,9 @@ var ArrowLeftIcon = React31.forwardRef(function(props, ref) {
 // src/components/top-navigation-bar.tsx
 import { jsx as jsx44, 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 ? 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 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, tmp = param.isMobile, isMobile2 = tmp === void 0 ? false : tmp;
+    var componentIsMobile = useMedia5("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
     var navbarRef = useRef6(null);
     var _useState8 = _sliced_to_array(useState8(hasBackground), 2), showBackground = _useState8[0], setShowBackground = _useState8[1];
     useEffect10(function() {
@@ -10781,7 +10788,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" : "bg-cc-Button-Plain-bg-default md:bg-Colors-Background-Normal-Primary-Default", className),
+        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMob && 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: cn("relative w-full flex justify-between items-center h-13 md:h-15", searchElement && "pt-5 pb-1.5 md:pt-2 md:pb-2"),
@@ -10808,20 +10815,20 @@ function TopNavigationBar(param) {
                                         icon: ArrowLeftIcon,
                                         onClick: onBack
                                     }),
-                                    !isMobile2 && title && /* @__PURE__ */ jsx44(Separator, {
+                                    !isMob && title && /* @__PURE__ */ jsx44(Separator, {
                                         orientation: "vertical",
                                         className: "h-5 ml-1.5 mr-3"
                                     })
                                 ]
                             }),
-                            title && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMobile2) && (pageType === 1 && !searchElement || !isMobile2) && /* @__PURE__ */ jsx44(Display, {
+                            title && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMob) && (pageType === 1 || !isMob) && /* @__PURE__ */ jsx44(Display, {
                                 size: "sm",
                                 className: "line-clamp-1 text-xl",
                                 children: title
                             })
                         ]
                     }),
-                    pageType === 2 && isMobile2 && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && !searchElement && /* @__PURE__ */ jsx44("div", {
+                    pageType === 2 && isMob && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && !searchElement && /* @__PURE__ */ jsx44("div", {
                         className: "absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10",
                         children: /* @__PURE__ */ jsx44(Display, {
                             size: "sm",
@@ -10838,7 +10845,7 @@ function TopNavigationBar(param) {
                                     size: "sm",
                                     src: avatar.logo
                                 }),
-                                avatar.name && !isMobile2 && /* @__PURE__ */ jsx44(Text, {
+                                avatar.name && !isMob && /* @__PURE__ */ jsx44(Text, {
                                     size: "lg",
                                     weight: "medium",
                                     children: avatar.name
@@ -10847,18 +10854,18 @@ function TopNavigationBar(param) {
                         })
                     }) : null,
                     /* @__PURE__ */ jsx44("div", {
-                        className: cn("flex justify-end items-center", pageType === 2 && isMobile2 && searchElement && "w-full"),
+                        className: cn("flex justify-end items-center", pageType === 2 && isMob && searchElement && "w-full"),
                         children: /* @__PURE__ */ jsxs24("div", {
                             className: "w-full md:w-auto flex items-center space-x-3",
                             children: [
-                                searchElement && (!isMobile2 && pageType === 1 || pageType === 2) && searchElement,
+                                searchElement && (!isMob && pageType === 1 || pageType === 2) && searchElement,
                                 children
                             ]
                         })
                     })
                 ]
             }),
-            searchElement && pageType === 1 && isMobile2 && /* @__PURE__ */ jsx44("div", {
+            searchElement && pageType === 1 && isMob && /* @__PURE__ */ jsx44("div", {
                 className: "relative w-full h-13 py-2",
                 children: searchElement
             })