sard-uniapp 1.24.5 → 1.24.7

package/components/fab/common.d.ts

@@ -29,13 +29,625 @@ export interface FabProps {
 }
 export declare const defaultFabProps: () => {
     itemList: () => never[];
-    overlayClosable: boolean;
-    hideName: boolean;
-    duration: number;
-    draggable: boolean;
-    axis: FabProps["axis"];
-    gapX: number;
-    gapY: number;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    top?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    right?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    bottom?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    left?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    color?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    background?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    icon?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    visibleIcon?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    iconFamily?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => string)) | undefined;
+    hideName?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => boolean)) | undefined;
+    overlayClosable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => boolean)) | undefined;
+    duration?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => number)) | undefined;
+    draggable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => boolean)) | undefined;
+    axis?: ("x" | "y" | "none" | "both" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => "x" | "y" | "none" | "both")) | undefined;
+    magnet?: ("x" | "y" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => "x" | "y")) | undefined;
+    gapX?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => number)) | undefined;
+    gapY?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => number)) | undefined;
+    offset?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => {
+        x: number;
+        y: number;
+    }) | undefined;
+    navbarHeight?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => number)) | undefined;
+    tabbarHeight?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        color: string;
+        background: string;
+        icon: string;
+        visibleIcon: string;
+        iconFamily: string;
+        itemList: FabItem[];
+        hideName: boolean;
+        overlayClosable: boolean;
+        duration: number;
+        draggable: boolean;
+        axis: "x" | "y" | "both" | "none";
+        magnet: "x" | "y";
+        gapX: number;
+        gapY: number;
+        offset: {
+            x: number;
+            y: number;
+        };
+        navbarHeight: number;
+        tabbarHeight: number;
+    }) => number)) | undefined;
 };
 export interface FabSlots {
     default?(props: {

package/components/fab/fab.d.ts

@@ -15,14 +15,32 @@ declare const __VLS_component: import("vue").DefineComponent<FabProps, {}, {}, {
         y: number;
     }) => any) | undefined;
 }>, {
-    axis: "x" | "y" | "both" | "none";
+    offset: {
+        x: number;
+        y: number;
+    };
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    icon: string;
     duration: number;
+    left: string;
+    right: string;
+    background: string;
     overlayClosable: boolean;
-    draggable: boolean;
     itemList: FabItem[];
+    color: string;
+    bottom: string;
+    iconFamily: string;
+    top: string;
+    visibleIcon: string;
     hideName: boolean;
+    draggable: boolean;
+    axis: "x" | "y" | "both" | "none";
+    magnet: "x" | "y";
     gapX: number;
     gapY: number;
+    navbarHeight: number;
+    tabbarHeight: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/fab/index.scss

@@ -8,6 +8,7 @@
     bottom: var(--sar-fab-bottom);
     z-index: var(--sar-fab-z-index);
     opacity: 0;
+    touch-action: none;
   }
 
   @include e(content) {

package/components/fab-item/index.scss

@@ -38,7 +38,7 @@
     border-radius: var(--sar-rounded-full);
     font-size: var(--sar-fab-item-btn-font-size);
     color: var(--sar-fab-item-btn-color);
-    background-color: var(--sar-fab-item-btn-bg);
+    background: var(--sar-fab-item-btn-bg);
     box-shadow: var(--sar-fab-item-btn-box-shadow);
   }
 }