@sdata/web-vue 2.3.1 → 2.8.0

package/es/_hooks/use-responsive.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
-import { Breakpoint } from '../_utils/responsive-observe';
-export declare function useResponsive(breakpoint: Breakpoint | undefined | Ref<Breakpoint | undefined>, callback: (checked: boolean) => void): void;
+import { SiderBreakpoint } from '../_utils/responsive-observe';
+export declare function useResponsive(breakpoint: SiderBreakpoint | undefined | Ref<SiderBreakpoint | undefined>, callback: (checked: boolean) => void): void;

package/es/_hooks/use-theme-mode.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from 'vue';
+export type ThemeMode = 'light' | 'dark';
+export declare function useThemeMode(target: Ref<HTMLElement | null>): Ref<ThemeMode>;

package/es/{calendar/hooks/use-calendar-theme.js → _hooks/use-theme-mode.js}

@@ -1,21 +1,25 @@
-import { useMutationObserver } from "../../watermark/hooks/use-mutation-observer.js";
+import { useMutationObserver } from "../watermark/hooks/use-mutation-observer.js";
 import { ref, watch } from "vue";
-//#region components/calendar/hooks/use-calendar-theme.ts
+//#region components/_hooks/use-theme-mode.ts
 var THEME_ATTR = "sd-theme";
 /**
-* Detects the current theme mode from the nearest ancestor with `[sd-theme]` attribute.
+* Detects the current theme mode from the nearest ancestor with `[sd-theme]`
+* attribute (set by ConfigProvider / ThemeProvider via the `themeMode` prop).
 * Reactively updates when ThemeProvider changes the attribute.
+*
+* Returns `'light'` when no `[sd-theme]` ancestor is present, matching the
+* default theme mode of ConfigProvider.
 */
-function useCalendarTheme(calendarEl) {
-	const isDark = ref(false);
+function useThemeMode(target) {
+	const themeMode = ref("light");
 	const resolveTheme = () => {
 		if (typeof document === "undefined") return;
-		const el = calendarEl.value;
+		const el = target.value;
 		if (!el) return;
 		const ancestor = el.closest(`[${THEME_ATTR}]`);
-		isDark.value = (ancestor === null || ancestor === void 0 ? void 0 : ancestor.getAttribute(THEME_ATTR)) === "dark";
+		themeMode.value = (ancestor === null || ancestor === void 0 ? void 0 : ancestor.getAttribute(THEME_ATTR)) === "dark" ? "dark" : "light";
 	};
-	watch(() => calendarEl.value, resolveTheme, { immediate: true });
+	watch(target, resolveTheme, { immediate: true });
 	useMutationObserver(typeof document !== "undefined" ? document.body : void 0, (mutations) => {
 		for (const mutation of mutations) if (mutation.type === "attributes" && mutation.attributeName === THEME_ATTR) {
 			resolveTheme();
@@ -26,7 +30,7 @@ function useCalendarTheme(calendarEl) {
 		attributeFilter: [THEME_ATTR],
 		subtree: true
 	});
-	return { isDark };
+	return themeMode;
 }
 //#endregion
-export { useCalendarTheme };
+export { useThemeMode };

package/es/_utils/responsive-observe.d.ts

@@ -1,9 +1,10 @@
 export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export type BreakpointMap = Partial<Record<Breakpoint, string>>;
-export type ScreenMap = Partial<Record<Breakpoint, boolean>>;
+export type SiderBreakpoint = 'xxxl' | Breakpoint;
+export type BreakpointMap = Partial<Record<SiderBreakpoint, string>>;
+export type ScreenMap = Partial<Record<SiderBreakpoint, boolean>>;
 export declare const responsiveArray: Breakpoint[];
 export declare const responsiveMap: BreakpointMap;
-type SubscribeFunc = (screens: ScreenMap, breakpointChecked: Breakpoint) => void;
+type SubscribeFunc = (screens: ScreenMap, breakpointChecked: SiderBreakpoint) => void;
 type MediaQueryResult = {
     matches: boolean;
 };
@@ -15,7 +16,7 @@ declare const responsiveObserve: {
             listener: MediaQueryListener;
         };
     };
-    dispatch(pointMap: ScreenMap, breakpointChecked: Breakpoint): boolean;
+    dispatch(pointMap: ScreenMap, breakpointChecked: SiderBreakpoint): boolean;
     subscribe(func: SubscribeFunc): string;
     unsubscribe(token: string): void;
     unregister(): void;

package/es/_utils/responsive-observe.js

@@ -14,7 +14,8 @@ var responsiveMap = {
 	md: "(min-width: 768px)",
 	lg: "(min-width: 992px)",
 	xl: "(min-width: 1200px)",
-	xxl: "(min-width: 1600px)"
+	xxl: "(min-width: 1600px)",
+	xxxl: "(min-width: 1840px)"
 };
 var subscribers = [];
 var subUid = -1;

package/es/alert/index.d.ts

@@ -4,7 +4,7 @@ import _Alert from './alert.vue';
 declare const Alert: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<import("..").MessageType | "normal">;
+            type: import("vue").PropType<import("../index.ts").MessageType | "normal">;
             default: string;
         };
         showIcon: {
@@ -45,7 +45,7 @@ declare const Alert: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<import("..").MessageType | "normal">;
+            type: import("vue").PropType<import("../index.ts").MessageType | "normal">;
             default: string;
         };
         showIcon: {
@@ -80,7 +80,7 @@ declare const Alert: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<import("..").MessageType | "normal">;
+        type: import("vue").PropType<import("../index.ts").MessageType | "normal">;
         default: string;
     };
     showIcon: {

package/es/anchor/index.d.ts

@@ -5,7 +5,7 @@ import _Anchor from './anchor.vue';
 declare const Anchor: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         boundary: {
-            type: import("vue").PropType<import("./utils").BoundaryPosition | number>;
+            type: import("vue").PropType<import("./utils.ts").BoundaryPosition | number>;
             default: string;
             validator: (value: any) => boolean;
         };
@@ -69,7 +69,7 @@ declare const Anchor: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         boundary: {
-            type: import("vue").PropType<import("./utils").BoundaryPosition | number>;
+            type: import("vue").PropType<import("./utils.ts").BoundaryPosition | number>;
             default: string;
             validator: (value: any) => boolean;
         };
@@ -127,7 +127,7 @@ declare const Anchor: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     boundary: {
-        type: import("vue").PropType<import("./utils").BoundaryPosition | number>;
+        type: import("vue").PropType<import("./utils.ts").BoundaryPosition | number>;
         default: string;
         validator: (value: any) => boolean;
     };

package/es/avatar/index.d.ts

@@ -5,7 +5,7 @@ import _Avatar from './avatar.vue';
 declare const Avatar: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         shape: {
-            type: import("vue").PropType<import("./interface").AvatarShape>;
+            type: import("vue").PropType<import("./interface.ts").AvatarShape>;
             default: string;
         };
         imageUrl: StringConstructor;
@@ -15,14 +15,14 @@ declare const Avatar: {
             default: boolean;
         };
         triggerType: {
-            type: import("vue").PropType<import("./interface").AvatarTriggerType>;
+            type: import("vue").PropType<import("./interface.ts").AvatarTriggerType>;
             default: string;
         };
         triggerIconStyle: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         objectFit: {
-            type: import("vue").PropType<import("./interface").ObjectFit>;
+            type: import("vue").PropType<import("./interface.ts").ObjectFit>;
         };
     }>> & Readonly<{
         onError?: (() => any) | undefined;
@@ -33,9 +33,9 @@ declare const Avatar: {
         click: (_ev: MouseEvent) => any;
         load: () => any;
     }, import("vue").PublicProps, {
-        shape: import("./interface").AvatarShape;
+        shape: import("./interface.ts").AvatarShape;
         autoFixFontSize: boolean;
-        triggerType: import("./interface").AvatarTriggerType;
+        triggerType: import("./interface.ts").AvatarTriggerType;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -45,7 +45,7 @@ declare const Avatar: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         shape: {
-            type: import("vue").PropType<import("./interface").AvatarShape>;
+            type: import("vue").PropType<import("./interface.ts").AvatarShape>;
             default: string;
         };
         imageUrl: StringConstructor;
@@ -55,30 +55,30 @@ declare const Avatar: {
             default: boolean;
         };
         triggerType: {
-            type: import("vue").PropType<import("./interface").AvatarTriggerType>;
+            type: import("vue").PropType<import("./interface.ts").AvatarTriggerType>;
             default: string;
         };
         triggerIconStyle: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         objectFit: {
-            type: import("vue").PropType<import("./interface").ObjectFit>;
+            type: import("vue").PropType<import("./interface.ts").ObjectFit>;
         };
     }>> & Readonly<{
         onError?: (() => any) | undefined;
         onClick?: ((_ev: MouseEvent) => any) | undefined;
         onLoad?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
-        shape: import("./interface").AvatarShape;
+        shape: import("./interface.ts").AvatarShape;
         autoFixFontSize: boolean;
-        triggerType: import("./interface").AvatarTriggerType;
+        triggerType: import("./interface.ts").AvatarTriggerType;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     shape: {
-        type: import("vue").PropType<import("./interface").AvatarShape>;
+        type: import("vue").PropType<import("./interface.ts").AvatarShape>;
         default: string;
     };
     imageUrl: StringConstructor;
@@ -88,14 +88,14 @@ declare const Avatar: {
         default: boolean;
     };
     triggerType: {
-        type: import("vue").PropType<import("./interface").AvatarTriggerType>;
+        type: import("vue").PropType<import("./interface.ts").AvatarTriggerType>;
         default: string;
     };
     triggerIconStyle: {
         type: import("vue").PropType<import("vue").CSSProperties>;
     };
     objectFit: {
-        type: import("vue").PropType<import("./interface").ObjectFit>;
+        type: import("vue").PropType<import("./interface.ts").ObjectFit>;
     };
 }>> & Readonly<{
     onError?: (() => any) | undefined;
@@ -106,9 +106,9 @@ declare const Avatar: {
     click: (_ev: MouseEvent) => any;
     load: () => any;
 }, string, {
-    shape: import("./interface").AvatarShape;
+    shape: import("./interface.ts").AvatarShape;
     autoFixFontSize: boolean;
-    triggerType: import("./interface").AvatarTriggerType;
+    triggerType: import("./interface.ts").AvatarTriggerType;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         error?: (props: {}) => any;
@@ -122,7 +122,7 @@ declare const Avatar: {
 }) & {
     Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         shape: {
-            type: import("vue").PropType<import("./interface").AvatarShape>;
+            type: import("vue").PropType<import("./interface.ts").AvatarShape>;
             default: string;
         };
         size: NumberConstructor;
@@ -142,11 +142,11 @@ declare const Avatar: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         maxPopoverTriggerProps: {
-            type: import("vue").PropType<import("..").TriggerProps>;
+            type: import("vue").PropType<import("../index.ts").TriggerProps>;
         };
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         shape: {
-            type: import("vue").PropType<import("./interface").AvatarShape>;
+            type: import("vue").PropType<import("./interface.ts").AvatarShape>;
             default: string;
         };
         size: NumberConstructor;
@@ -166,10 +166,10 @@ declare const Avatar: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         maxPopoverTriggerProps: {
-            type: import("vue").PropType<import("..").TriggerProps>;
+            type: import("vue").PropType<import("../index.ts").TriggerProps>;
         };
     }>> & Readonly<{}>, {
-        shape: import("./interface").AvatarShape;
+        shape: import("./interface.ts").AvatarShape;
         autoFixFontSize: boolean;
         maxCount: number;
         zIndexAscend: boolean;

package/es/border-beam/border-beam.js

@@ -0,0 +1,5 @@
+import border_beam_vue_vue_type_script_setup_true_lang_default from "./border-beam.vue_vue_type_script_setup_true_lang.js";
+//#region components/border-beam/border-beam.vue
+var border_beam_default = border_beam_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { border_beam_default as default };

package/es/border-beam/border-beam.vue.d.ts

@@ -0,0 +1,52 @@
+import type { BorderBeamTheme, BorderBeamSize, BorderBeamColorVariant, BorderBeamExposed } from './types';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    size?: BorderBeamSize;
+    colorVariant?: BorderBeamColorVariant;
+    theme?: BorderBeamTheme;
+    staticColors?: boolean;
+    duration?: number;
+    active?: boolean;
+    borderRadius?: number;
+    brightness?: number;
+    saturation?: number;
+    hueRange?: number;
+    strength?: number;
+    density?: number;
+}, BorderBeamExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    activate: () => any;
+    deactivate: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    size?: BorderBeamSize;
+    colorVariant?: BorderBeamColorVariant;
+    theme?: BorderBeamTheme;
+    staticColors?: boolean;
+    duration?: number;
+    active?: boolean;
+    borderRadius?: number;
+    brightness?: number;
+    saturation?: number;
+    hueRange?: number;
+    strength?: number;
+    density?: number;
+}> & Readonly<{
+    onActivate?: (() => any) | undefined;
+    onDeactivate?: (() => any) | undefined;
+}>, {
+    size: BorderBeamSize;
+    active: boolean;
+    colorVariant: BorderBeamColorVariant;
+    theme: BorderBeamTheme;
+    staticColors: boolean;
+    hueRange: number;
+    strength: number;
+    density: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};