sard-uniapp 1.24.5 → 1.24.7

package/components/popout-input/common.d.ts

@@ -16,8 +16,187 @@ export interface PopoutInputProps {
     inputProps?: InputProps;
 }
 export declare const defaultPopoutInputProps: {
-    arrow: string;
-    arrowFamily: string;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => string)) | undefined;
+    modelValue?: any;
+    placeholder?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => string)) | undefined;
+    readonly?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => boolean)) | undefined;
+    disabled?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => boolean)) | undefined;
+    clearable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => boolean)) | undefined;
+    loading?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => boolean)) | undefined;
+    multiline?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => boolean)) | undefined;
+    arrow?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => string)) | undefined;
+    arrowFamily?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => string)) | undefined;
+    internalArrow?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => number)) | undefined;
+    inputProps?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        placeholder: string;
+        readonly: boolean;
+        disabled: boolean;
+        clearable: boolean;
+        loading: boolean;
+        multiline: boolean;
+        arrow: string;
+        arrowFamily: string;
+        internalArrow: number;
+        inputProps: InputProps;
+    }) => InputProps) | undefined;
 };
 export interface PopoutInputEmits {
     (e: 'click', event: any): void;

package/components/popout-input/popout-input.d.ts

@@ -16,8 +16,19 @@ declare const __VLS_component: import("vue").DefineComponent<PopoutInputProps, {
     onChange?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
 }>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    modelValue: any;
+    loading: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    clearable: boolean;
+    multiline: boolean;
     arrow: string;
     arrowFamily: string;
+    internalArrow: number;
+    inputProps: import("../input").InputProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/popover/common.d.ts

@@ -18,13 +18,174 @@ export interface PopoverProps {
     duration?: number;
 }
 export declare const defaultPopoverProps: {
-    position: PopoverProps["position"];
-    direction: PopoverProps["direction"];
-    theme: PopoverProps["theme"];
-    refGap: number;
-    viewportGap: number;
-    transparent: boolean;
-    duration: number;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => string)) | undefined;
+    visible?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => boolean)) | undefined;
+    options?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => MenuOption[]) | undefined;
+    position?: (Position | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end")) | undefined;
+    direction?: ("horizontal" | "vertical" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => "horizontal" | "vertical")) | undefined;
+    theme?: ("dark" | "light" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => "dark" | "light")) | undefined;
+    refGap?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => number)) | undefined;
+    viewportGap?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => number)) | undefined;
+    transparent?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => boolean)) | undefined;
+    controller?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => PopoverController) | undefined;
+    duration?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        options: MenuOption[];
+        position: Position;
+        direction: "vertical" | "horizontal";
+        theme: "dark" | "light";
+        refGap: number;
+        viewportGap: number;
+        transparent: boolean;
+        controller: PopoverController;
+        duration: number;
+    }) => number)) | undefined;
 };
 export interface PopoverSlots {
     default?(props: Record<string, never>): any;

package/components/popover/index.scss

@@ -10,7 +10,7 @@
     left: auto;
     overflow: visible;
     border-radius: var(--sar-popover-border-radius);
-    background-color: var(--sar-popover-bg);
+    background: var(--sar-popover-bg);
     box-shadow: var(--sar-popover-box-shadow);
     touch-action: none;
   }
@@ -38,12 +38,12 @@
   }
 
   @include m(light) {
-    background-color: var(--sar-popover-bg);
+    background: var(--sar-popover-bg);
   }
 
   @include m(dark) {
     color: var(--sar-popover-dark-color);
-    background-color: var(--sar-popover-dark-bg);
+    background: var(--sar-popover-dark-bg);
   }
 
   // zoom

package/components/popover/popover.d.ts

@@ -8,13 +8,18 @@ declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {}, {
     onSelect?: ((option: MenuOption) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
-    theme: "dark" | "light";
+    options: MenuOption[];
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    visible: boolean;
+    duration: number;
     direction: "vertical" | "horizontal";
+    transparent: boolean;
+    theme: "dark" | "light";
     position: import("./utils").Position;
-    duration: number;
     refGap: number;
     viewportGap: number;
-    transparent: boolean;
+    controller: import("./usePopover").PopoverController;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/popup/common.d.ts

@@ -15,10 +15,174 @@ export interface PopupProps {
     overlayClosable?: boolean;
 }
 export declare const defaultPopupProps: {
-    duration: number;
-    effect: PopupProps["effect"];
-    overlay: boolean;
-    overlayClosable: boolean;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => string)) | undefined;
+    visible?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => boolean)) | undefined;
+    duration?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => number)) | undefined;
+    effect?: ("slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade")) | undefined;
+    overlay?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => boolean)) | undefined;
+    overlayClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => string)) | undefined;
+    overlayStyle?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => string)) | undefined;
+    background?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => string)) | undefined;
+    transparent?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => boolean)) | undefined;
+    keepRender?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => boolean)) | undefined;
+    overlayClosable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        visible: boolean;
+        duration: number;
+        effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+        overlay: boolean;
+        overlayClass: string;
+        overlayStyle: string;
+        background: string;
+        transparent: boolean;
+        keepRender: boolean;
+        overlayClosable: boolean;
+    }) => boolean)) | undefined;
 };
 export interface PopupSlots {
     default?(props: Record<string, never>): any;

package/components/popup/popup.d.ts

@@ -10,9 +10,17 @@ declare const _default_1: __VLS_WithTemplateSlots<import("vue").DefineComponent<
 }, string, import("vue").PublicProps, Readonly<PopupProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
-    effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
-    duration: number;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    visible: boolean;
     overlay: boolean;
+    duration: number;
+    effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
+    overlayClass: string;
+    overlayStyle: string;
+    background: string;
+    transparent: boolean;
+    keepRender: boolean;
     overlayClosable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<PopupSlots> & PopupSlots>;
 export default _default_1;