fluekit 1.0.1 → 1.1.0

package/dist/Align.d.ts

@@ -1,4 +1,4 @@
-import { Alignment } from './FlexProps';
+import { Alignment } from './Alignment';
 interface Props {
     alignment?: Alignment;
     widthFactor?: number;

package/dist/Alignment.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties } from 'vue';
+/**
+ * Alignment Geometry
+ * 对应 Flutter 的 Alignment 常量
+ */
+export declare const Alignment: {
+    readonly topLeft: "topLeft";
+    readonly topCenter: "topCenter";
+    readonly topRight: "topRight";
+    readonly centerLeft: "centerLeft";
+    readonly center: "center";
+    readonly centerRight: "centerRight";
+    readonly bottomLeft: "bottomLeft";
+    readonly bottomCenter: "bottomCenter";
+    readonly bottomRight: "bottomRight";
+};
+export type Alignment = keyof typeof Alignment | string;
+/**
+ * 将 Alignment 转换为 Flexbox 样式
+ * @param alignment
+ * @param direction "row" (default) or "column"
+ */
+export declare function alignmentToFlex(alignment: Alignment, direction?: "row" | "column"): CSSProperties;
+export declare const alignmentToStyle: typeof alignmentToFlex;
+/**
+ * 将 Alignment 转换为 CSS background-position / object-position 字符串
+ * e.g. "left top", "center", "right bottom"
+ */
+export declare function alignmentToCssPosition(alignment: Alignment): string;
+/**
+ * 将 Alignment 转换为 CSS transform-origin
+ */
+export declare function alignmentToOrigin(alignment: Alignment): string;
+/**
+ * 将 Alignment 转换为 Grid Alignment (justify-items / align-items)
+ * 用于 Stack
+ */
+export declare function alignmentToGrid(alignment: Alignment): CSSProperties;

package/dist/AnimatedContainer.d.ts

@@ -3,8 +3,8 @@ import { BoxDecoration } from './BoxDecoration';
 import { EdgeInsets } from './EdgeInsets';
 import { Alignment } from './FlexProps';
 interface Props {
-    width?: number | string;
-    height?: number | string;
+    width?: number;
+    height?: number;
     padding?: EdgeInsets;
     margin?: EdgeInsets;
     decoration?: BoxDecoration;

package/dist/AnimatedOpacity.d.ts

@@ -1,25 +1,33 @@
-interface Props {
-    opacity: number;
-    duration?: number;
-    curve?: string;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    opacity: {
+        type: NumberConstructor;
+        required: true;
     };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    curve: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    opacity: {
+        type: NumberConstructor;
+        required: true;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    curve: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
     duration: number;
     curve: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/Border.d.ts

@@ -1,16 +1,47 @@
 import { CSSProperties } from 'vue';
 export type BorderStyleType = "none" | "solid" | "dashed" | "dotted" | "double";
+declare const BORDER_SIDE_SYMBOL: unique symbol;
+declare const BORDERS_SYMBOL: unique symbol;
 export type BorderSide = {
-    width?: number | string;
+    width?: number;
     color?: string;
     style?: BorderStyleType;
+    [BORDER_SIDE_SYMBOL]?: true;
 };
-export declare function Border(side: BorderSide): BorderSide;
-export interface Borders extends BorderSide {
-    all?: BorderSide;
+export interface Borders {
+    left?: BorderSide;
+    top?: BorderSide;
+    right?: BorderSide;
+    bottom?: BorderSide;
+    [BORDERS_SYMBOL]?: true;
+}
+export declare function Border(side: Omit<BorderSide, typeof BORDER_SIDE_SYMBOL>): BorderSide;
+export declare namespace Border {
+    var all: ({ color, width, style, }?: {
+        color?: string;
+        width?: number;
+        style?: BorderStyleType;
+    }) => {
+        top: BorderSide;
+        bottom: BorderSide;
+        left: BorderSide;
+        right: BorderSide;
+        [BORDERS_SYMBOL]: true;
+    };
+}
+/**
+ * 类型守卫：检查对象是否通过 Border 构造函数创建（单个边框边）
+ */
+export declare function isBorderSide(value: any): value is BorderSide;
+/**
+ * 类型守卫：检查对象是否通过 Border.all 创建（完整边框）
+ */
+export declare function isBorders(value: any): value is Borders;
+export interface Borders {
     left?: BorderSide;
     top?: BorderSide;
     right?: BorderSide;
     bottom?: BorderSide;
 }
 export declare function borderToStyle(border: Borders): CSSProperties;
+export {};

package/dist/BorderRadius.d.ts

@@ -1,12 +1,44 @@
 import { CSSProperties } from 'vue';
-export type BorderRadiusValue = number | string;
-export type BorderRadiusType = BorderRadiusValue | {
+export type BorderRadiusValue = number;
+export interface BorderRadiusProps {
     topLeft?: BorderRadiusValue;
     bottom?: BorderRadiusValue;
     topRight?: BorderRadiusValue;
     bottomLeft?: BorderRadiusValue;
     bottomRight?: BorderRadiusValue;
-    all?: BorderRadiusValue;
+}
+declare const BORDER_RADIUS_SYMBOL: unique symbol;
+export type BorderRadius = BorderRadiusProps & {
+    [BORDER_RADIUS_SYMBOL]?: true;
 };
-export declare function BorderRadius(borderRadius: BorderRadiusType): BorderRadiusType;
-export declare function borderRadiusToStyle(props?: BorderRadiusType): CSSProperties;
+export type BorderRadiusType = BorderRadius;
+export declare function BorderRadius(borderRadius: BorderRadiusProps): BorderRadius;
+export declare namespace BorderRadius {
+    var all: (radius: BorderRadiusValue) => {
+        topLeft: number;
+        topRight: number;
+        bottomLeft: number;
+        bottomRight: number;
+        [BORDER_RADIUS_SYMBOL]: true;
+    };
+    var circular: (radius: BorderRadiusValue) => {
+        topLeft: number;
+        topRight: number;
+        bottomLeft: number;
+        bottomRight: number;
+        [BORDER_RADIUS_SYMBOL]: true;
+    };
+    var only: ({ topLeft, topRight, bottomLeft, bottomRight, }: {
+        topLeft?: BorderRadiusValue;
+        topRight?: BorderRadiusValue;
+        bottomLeft?: BorderRadiusValue;
+        bottomRight?: BorderRadiusValue;
+    }) => BorderRadius;
+    var zero: BorderRadius;
+}
+/**
+ * 类型守卫：检查对象是否通过 BorderRadius 构造函数创建
+ */
+export declare function isBorderRadius(value: any): value is BorderRadius;
+export declare function borderRadiusToStyle(props?: BorderRadiusProps): CSSProperties;
+export {};

package/dist/BoxConstraints.d.ts

@@ -1,10 +1,32 @@
 import { CSSProperties } from 'vue';
+declare const BOX_CONSTRAINTS_SYMBOL: unique symbol;
 export interface BoxConstraintsProps {
     minWidth?: number;
     maxWidth?: number;
     minHeight?: number;
     maxHeight?: number;
 }
-export type BoxConstraints = BoxConstraintsProps;
-export declare function BoxConstraints(props?: BoxConstraintsProps): BoxConstraintsProps;
+export type BoxConstraints = BoxConstraintsProps & {
+    [BOX_CONSTRAINTS_SYMBOL]?: true;
+};
+export declare function BoxConstraints(props?: BoxConstraintsProps): BoxConstraints;
+export declare namespace BoxConstraints {
+    var tight: (size: {
+        width: number;
+        height: number;
+    }) => BoxConstraints;
+    var loose: (size: {
+        width: number;
+        height: number;
+    }) => BoxConstraints;
+    var expand: ({ width, height, }?: {
+        width?: number;
+        height?: number;
+    }) => BoxConstraints;
+}
+/**
+ * 类型守卫：检查对象是否通过 BoxConstraints 创建
+ */
+export declare function isBoxConstraints(value: any): value is BoxConstraints;
 export declare function boxConstraintsToStyle(constraints?: BoxConstraintsProps): CSSProperties;
+export {};

package/dist/BoxDecoration.d.ts

@@ -1,6 +1,9 @@
-import { BorderRadiusType } from './BorderRadius';
 import { CSSProperties } from 'vue';
+import { Alignment } from './Alignment';
 import { Borders } from './Border';
+import { BorderRadius } from './BorderRadius';
+import { BoxShadowProps } from './BoxShadow';
+export * from './Gradient';
 type Valueof<T> = T[keyof T];
 export type BoxFit = Valueof<typeof BoxFit>;
 export declare const BoxFit: {
@@ -13,25 +16,23 @@ export declare const BoxFit: {
     readonly scaleDown: "scaleDown";
 };
 export type ImageRepeat = "repeat" | "repeat-x" | "repeat-y" | "no-repeat";
-export type BorderRadiusValue = number | string;
-export type BorderRadius = BorderRadiusType;
 export type Overflow = "none" | "visible" | "hidden" | "scroll" | "auto";
-export type BoxAlignment = keyof typeof BoxAlignment | string;
+export type BoxAlignment = Alignment;
 export declare const BoxAlignment: {
+    readonly topLeft: "topLeft";
+    readonly topCenter: "topCenter";
+    readonly topRight: "topRight";
+    readonly centerLeft: "centerLeft";
     readonly center: "center";
-    readonly top: "top";
-    readonly bottom: "bottom";
-    readonly left: "left";
-    readonly right: "right";
-    readonly topLeft: "left top";
-    readonly topCenter: "center top";
-    readonly topRight: "right top";
-    readonly centerLeft: "left center";
-    readonly centerRight: "right center";
-    readonly bottomLeft: "left bottom";
-    readonly bottomCenter: "center bottom";
-    readonly bottomRight: "right bottom";
+    readonly centerRight: "centerRight";
+    readonly bottomLeft: "bottomLeft";
+    readonly bottomCenter: "bottomCenter";
+    readonly bottomRight: "bottomRight";
 };
+export declare enum BoxShape {
+    rectangle = "rectangle",
+    circle = "circle"
+}
 export declare function setBaseUrl(url: string): void;
 export declare function normalizeSrc(src: string): string;
 export type ImageProvider = string;
@@ -52,31 +53,28 @@ export declare function DecorationImage(props: DecorationImageProps): Decoration
 /**
  * BoxDecoration接口定义
  */
+declare const BOX_DECORATION_SYMBOL: unique symbol;
 export type BoxDecorationProps = {
     color?: string;
     border?: Borders;
     borderRadius?: BorderRadius;
-    boxShadow?: BoxShadow | BoxShadow[];
+    boxShadow?: BoxShadowProps | BoxShadowProps[];
     gradient?: string;
     image?: DecorationImageProps;
     overflow?: Overflow;
-    opacity?: number | string;
+    opacity?: number;
+    shape?: BoxShape;
+};
+export type BoxDecoration = BoxDecorationProps & {
+    [BOX_DECORATION_SYMBOL]?: true;
 };
-export type BoxDecoration = BoxDecorationProps;
-export interface BoxShadow {
-    color?: string;
-    offset?: {
-        x: number;
-        y: number;
-    };
-    blurRadius?: number;
-    spreadRadius?: number;
-    inset?: boolean;
-}
 export declare function decorationImageToStyle(di: DecorationImageProps): CSSProperties;
 export declare function boxDecorationToStyle(decoration?: BoxDecorationProps): CSSProperties;
-export declare function BoxDecoration(props?: BoxDecorationProps): BoxDecorationProps;
-export declare function LinearGradient(direction: string, ...colors: string[]): string;
+export declare function BoxDecoration(props?: BoxDecorationProps): BoxDecoration;
+/**
+ * 类型守卫：检查对象是否通过 BoxDecoration 构造函数创建
+ */
+export declare function isBoxDecoration(value: any): value is BoxDecoration;
 /**
  * Clip
  * 对应 Flutter 的 Clip
@@ -88,4 +86,3 @@ export declare const Clip: {
     readonly antiAliasWithSaveLayer: "antiAliasWithSaveLayer";
 };
 export type Clip = keyof typeof Clip;
-export {};

package/dist/BoxShadow.d.ts

@@ -0,0 +1,28 @@
+export interface Offset {
+    x: number;
+    y: number;
+}
+export declare enum BlurStyle {
+    normal = "normal",
+    solid = "solid",
+    outer = "outer",
+    inner = "inner"
+}
+export interface BoxShadowProps {
+    color?: string;
+    offset?: Offset;
+    blurRadius?: number;
+    spreadRadius?: number;
+    blurStyle?: BlurStyle;
+}
+declare const BOX_SHADOW_SYMBOL: unique symbol;
+export type BoxShadow = BoxShadowProps & {
+    [BOX_SHADOW_SYMBOL]?: true;
+};
+export declare function BoxShadow(props?: BoxShadowProps): BoxShadow;
+/**
+ * 类型守卫：检查对象是否通过 BoxShadow 构造函数创建
+ */
+export declare function isBoxShadow(value: any): value is BoxShadow;
+export declare function boxShadowToCSS(shadow: BoxShadowProps): string;
+export {};

package/dist/Container.d.ts

@@ -1,19 +1,19 @@
 import { BoxConstraints } from './BoxConstraints';
+import { Alignment } from './Alignment';
 import { BoxDecoration } from './BoxDecoration';
 import { EdgeInsets } from './EdgeInsets';
-import { Alignment } from './FlexProps';
 interface Props {
-    width?: number | string;
-    height?: number | string;
+    width?: number;
+    height?: number;
     padding?: EdgeInsets;
     margin?: EdgeInsets;
     decoration?: BoxDecoration;
     foregroundDecoration?: BoxDecoration;
     color?: string;
-    alignment?: Alignment | string;
+    alignment?: Alignment;
     clipBehavior?: "none" | "hardEdge" | "antiAlias" | string;
     transform?: string;
-    transformAlignment?: Alignment | string;
+    transformAlignment?: Alignment;
     constraints?: BoxConstraints;
 }
 declare function __VLS_template(): {

package/dist/EdgeInsets.d.ts

@@ -1,14 +1,40 @@
+declare const EDGE_INSETS_SYMBOL: unique symbol;
 export interface EdgeInsetsProps {
-    top?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    left?: number | string;
-    all?: number | string;
-    horizontal?: number | string;
-    vertical?: number | string;
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+    horizontal?: number;
+    vertical?: number;
 }
-export type EdgeInsets = EdgeInsetsProps;
-export declare function EdgeInsets(edgeInsets: EdgeInsetsProps): EdgeInsetsProps;
+export type EdgeInsets = EdgeInsetsProps & {
+    [EDGE_INSETS_SYMBOL]?: true;
+};
+export declare function EdgeInsets(edgeInsets: EdgeInsetsProps): EdgeInsets;
+export declare namespace EdgeInsets {
+    var all: (value: number) => {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+        [EDGE_INSETS_SYMBOL]: true;
+    };
+    var symmetric: ({ vertical, horizontal }: {
+        vertical?: number;
+        horizontal?: number;
+    }) => EdgeInsets;
+    var only: ({ top, right, bottom, left, }: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    }) => EdgeInsets;
+    var zero: EdgeInsets;
+}
+/**
+ * 类型守卫：检查对象是否通过 EdgeInsets 创建
+ */
+export declare function isEdgeInsets(value: any): value is EdgeInsets;
 export declare function edgeInsetsToStyle(type: "margin" | "padding", edgeInsets: EdgeInsetsProps | undefined): {
     [x: string]: string;
 };
@@ -18,3 +44,4 @@ export declare const paddingToStyle: (value?: EdgeInsetsProps) => {
 export declare const marginToStyle: (value?: EdgeInsetsProps) => {
     [x: string]: string;
 };
+export {};

package/dist/Expanded.d.ts

@@ -1,8 +1,8 @@
 interface Props {
     flex?: number;
     alignSelf?: "auto" | "start" | "end" | "center" | "stretch" | "baseline";
-    minSize?: number | string;
-    maxSize?: number | string;
+    minSize?: number;
+    maxSize?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/Fixed.d.ts

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    zIndex: number | string;
+    zIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/FlexBox.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_component: import('vue').DefineComponent<FlexBoxProps, {}, {
     wrap: boolean;
     expanded: boolean;
     direction: "row" | "column" | "row-reverse" | "column-reverse" | string;
+    gap: number;
     mainAxisAlignment: MainAxisAlignment;
     crossAxisAlignment: CrossAxisAlignment;
-    gap: number | string;
     as: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/FlexItem.d.ts

@@ -3,8 +3,8 @@ interface Props {
     expanded?: boolean;
     flexible?: boolean;
     alignSelf?: "auto" | "start" | "end" | "center" | "stretch" | "baseline";
-    minSize?: number | string;
-    maxSize?: number | string;
+    minSize?: number;
+    maxSize?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -18,8 +18,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     flex: number;
     expanded: boolean;
-    flexible: boolean;
     alignSelf: "auto" | "start" | "end" | "center" | "stretch" | "baseline";
+    flexible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/FlexProps.d.ts

@@ -1,83 +1,5 @@
 import { BoxConstraintsProps } from './BoxConstraints';
-export type Alignment = keyof typeof Alignment;
-/**
- * FlexAlignment 定义
- * 对应 Flutter 的 Alignment 常量
- * 用于 Container 等组件的 alignment 属性
- */
-export declare const Alignment: {
-    readonly center: {
-        readonly justifyContent: "center";
-        readonly alignItems: "center";
-    };
-    readonly topLeft: {
-        readonly justifyContent: "flex-start";
-        readonly alignItems: "flex-start";
-    };
-    readonly topCenter: {
-        readonly justifyContent: "center";
-        readonly alignItems: "flex-start";
-    };
-    readonly topRight: {
-        readonly justifyContent: "flex-end";
-        readonly alignItems: "flex-start";
-    };
-    readonly centerLeft: {
-        readonly justifyContent: "flex-start";
-        readonly alignItems: "center";
-    };
-    readonly centerRight: {
-        readonly justifyContent: "flex-end";
-        readonly alignItems: "center";
-    };
-    readonly bottomLeft: {
-        readonly justifyContent: "flex-start";
-        readonly alignItems: "flex-end";
-    };
-    readonly bottomCenter: {
-        readonly justifyContent: "center";
-        readonly alignItems: "flex-end";
-    };
-    readonly bottomRight: {
-        readonly justifyContent: "flex-end";
-        readonly alignItems: "flex-end";
-    };
-};
-export declare function alignmentToStyle(alignment: Alignment, direction?: "row" | "column"): {
-    readonly justifyContent: "center";
-    readonly alignItems: "center";
-} | {
-    readonly justifyContent: "flex-start";
-    readonly alignItems: "flex-start";
-} | {
-    readonly justifyContent: "center";
-    readonly alignItems: "flex-start";
-} | {
-    readonly justifyContent: "flex-end";
-    readonly alignItems: "flex-start";
-} | {
-    readonly justifyContent: "flex-start";
-    readonly alignItems: "center";
-} | {
-    readonly justifyContent: "flex-end";
-    readonly alignItems: "center";
-} | {
-    readonly justifyContent: "flex-start";
-    readonly alignItems: "flex-end";
-} | {
-    readonly justifyContent: "center";
-    readonly alignItems: "flex-end";
-} | {
-    readonly justifyContent: "flex-end";
-    readonly alignItems: "flex-end";
-} | {
-    justifyContent?: undefined;
-    alignItems?: undefined;
-} | {
-    justifyContent: "center" | "flex-start" | "flex-end";
-    alignItems: "center" | "flex-start" | "flex-end";
-};
-export declare function alignmentToOrigin(alignment: Alignment): string | undefined;
+export { Alignment, alignmentToStyle, alignmentToOrigin, alignmentToFlex } from './Alignment';
 type Valueof<T> = T[keyof T];
 /**
  * CrossAxisAlignment
@@ -110,7 +32,7 @@ export type FlexBoxProps = {
     mainAxisAlignment?: MainAxisAlignment;
     crossAxisAlignment?: CrossAxisAlignment;
     wrap?: boolean;
-    gap?: number | string;
+    gap?: number;
     expanded?: boolean;
     as?: string;
     constraints?: BoxConstraintsProps;
@@ -128,4 +50,3 @@ export declare const StackFit: {
     readonly passthrough: "passthrough";
 };
 export type StackFit = Valueof<typeof StackFit>;
-export {};

package/dist/Gradient.d.ts

@@ -0,0 +1,26 @@
+import { Alignment } from './Alignment';
+export declare enum TileMode {
+    clamp = "clamp",
+    repeated = "repeated",
+    mirror = "mirror",
+    decal = "decal"
+}
+export interface GradientTransform {
+    transform?: string;
+}
+export interface GradientProps {
+    colors: string[];
+    stops?: number[];
+    transform?: GradientTransform;
+    tileMode?: TileMode;
+}
+export interface LinearGradientProps extends GradientProps {
+    begin?: Alignment;
+    end?: Alignment;
+}
+export interface RadialGradientProps extends GradientProps {
+    center?: Alignment;
+    radius?: number;
+}
+export declare function LinearGradient(props: LinearGradientProps): string;
+export declare function RadialGradient(props: RadialGradientProps): string;

package/dist/GridView.d.ts

@@ -6,8 +6,8 @@ interface Props {
     shrinkWrap?: boolean;
     clipBehavior?: "none" | "hardEdge" | "antiAlias";
     crossAxisCount?: number;
-    mainAxisSpacing?: number | string;
-    crossAxisSpacing?: number | string;
+    mainAxisSpacing?: number;
+    crossAxisSpacing?: number;
     childAspectRatio?: number;
     itemCount?: number;
 }
@@ -29,8 +29,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     physics: "bouncing" | "clamping" | "never" | "always";
     shrinkWrap: boolean;
     crossAxisCount: number;
-    mainAxisSpacing: number | string;
-    crossAxisSpacing: number | string;
+    mainAxisSpacing: number;
+    crossAxisSpacing: number;
     childAspectRatio: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;