fluekit 2.0.2 → 2.1.0

package/README.md

@@ -60,21 +60,35 @@ import { Container, Column, Row, Text, SizedBox, Alignment, MainAxisAlignment }
 
 FlueKit automatically converts number values (e.g., `:width="100"`) to `vw` units based on a default design width of **750px**.
 
-To change the design width (e.g., to 375px):
+To enable this feature and configure the design width, wrap your application with `FlueConfigProvider`:
 
-```typescript
-import { setDefaultVW } from "fluekit";
+```vue
+<!-- App.vue -->
+<template>
+  <FlueConfigProvider
+    :transform="true"
+    :designWidth="750"
+    assetBaseURL="https://cdn.example.com/assets/"
+  >
+    <Root></Root>
+  </FlueConfigProvider>
+</template>
 
-// Call this in your main.ts or App.vue setup
-setDefaultVW(375);
+<script setup>
+import { FlueConfigProvider } from "fluekit";
+</script>
 ```
 
-To disable automatic conversion:
+#### Bypassing Conversion
+
+If you want to use exact pixel values without conversion, you can explicitly use the `px` unit string:
 
-```typescript
-import { setTransform } from "fluekit";
+```vue
+<!-- This will be converted to vw -->
+<Container :width="100" />
 
-setTransform(false); // Numbers will be treated as px
+<!-- This will remain exactly 100px -->
+<Container width="100px" />
 ```
 
 ## 🧩 Component Overview
@@ -98,6 +112,7 @@ setTransform(false); // Numbers will be treated as px
 ### Painting & Effects
 
 - **Opacity / AnimatedOpacity**: Makes its child partially transparent.
+- **BackdropFilter**: Applies a filter (e.g., blur) to the existing painted content.
 - **Transform**: Applies a transformation before painting its child.
 - **Decorations**: Rich styling support via `BoxDecoration` (borders, shadows, gradients, images).
 

package/dist/ActionChip.d.ts

@@ -0,0 +1,31 @@
+import { Component } from 'vue';
+import { Color } from './Color';
+interface Props {
+    label: string;
+    avatar?: Component;
+    backgroundColor?: string | Color;
+    labelColor?: string | Color;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        avatar?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    pressed: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onPressed?: (() => any) | undefined;
+}>, {
+    backgroundColor: string | Color;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/AlertDialog.d.ts

@@ -21,12 +21,16 @@ interface Props {
     titleStyle?: TextStyle;
     titleColor?: string;
     titleFontSize?: number;
+    variant?: "material" | "ios";
+    okText?: string;
+    cancelText?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         actions?(_: {}): any;
+        actions?(_: {}): any;
     };
     refs: {};
     rootEl: any;
@@ -43,9 +47,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     alignment: Alignment;
     visible: boolean;
+    variant: "material" | "ios";
     barrierDismissible: boolean;
     barrierColor: string;
     actionsAlignment: MainAxisAlignment;
+    okText: string;
+    cancelText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/AnimatedContainer.d.ts

@@ -2,6 +2,7 @@ import { BoxConstraints } from './BoxConstraints';
 import { BoxDecoration } from './BoxDecoration';
 import { EdgeInsets } from './EdgeInsets';
 import { Alignment } from './FlexProps';
+import { Color } from './Color';
 interface Props {
     width?: number | string;
     height?: number | string;
@@ -9,7 +10,7 @@ interface Props {
     margin?: EdgeInsets;
     decoration?: BoxDecoration;
     foregroundDecoration?: BoxDecoration;
-    color?: string;
+    color?: string | Color;
     alignment?: Alignment | string;
     clipBehavior?: "none" | "hardEdge" | "antiAlias" | string;
     transform?: string;

package/dist/BackdropFilter.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'vue';
+import { ImageFilter } from './ImageFilter';
+interface Props {
+    filter: ImageFilter | string;
+    blendMode?: CSSProperties["mixBlendMode"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/BoxDecoration.d.ts

@@ -4,19 +4,11 @@ import { Borders } from './Border';
 import { BorderRadius } from './BorderRadius';
 import { BoxShadowProps } from './BoxShadow';
 import { Color } from './Color';
+import { ImageFilter } from './ImageFilter';
+import { BoxFit } from './BoxFit';
 import { ImageProvider } from './ImageProvider';
 export * from './Gradient';
-type Valueof<T> = T[keyof T];
-export type BoxFit = Valueof<typeof BoxFit>;
-export declare const BoxFit: {
-    readonly fitWidth: "fitWidth";
-    readonly fitHeight: "fitHeight";
-    readonly fill: "fill";
-    readonly contain: "contain";
-    readonly cover: "cover";
-    readonly none: "none";
-    readonly scaleDown: "scaleDown";
-};
+export { Clip } from './Clip';
 export type ImageRepeat = "repeat" | "repeat-x" | "repeat-y" | "no-repeat";
 export type Overflow = "none" | "visible" | "hidden" | "scroll" | "auto";
 export type BoxAlignment = Alignment;
@@ -35,7 +27,6 @@ export declare enum BoxShape {
     rectangle = "rectangle",
     circle = "circle"
 }
-export declare function setBaseUrl(url: string): void;
 export declare function normalizeSrc(src: string): string;
 export interface DecorationImageProps {
     image: ImageProvider | string;
@@ -63,6 +54,7 @@ export type BoxDecorationProps = {
     overflow?: Overflow;
     opacity?: number;
     shape?: BoxShape;
+    backdropFilter?: ImageFilter | string;
 };
 export type BoxDecoration = BoxDecorationProps & {
     [BOX_DECORATION_SYMBOL]?: true;
@@ -74,14 +66,3 @@ export declare function BoxDecoration(props?: BoxDecorationProps): BoxDecoration
  * 类型守卫：检查对象是否通过 BoxDecoration 构造函数创建
  */
 export declare function isBoxDecoration(value: any): value is BoxDecoration;
-/**
- * Clip
- * 对应 Flutter 的 Clip
- */
-export declare const Clip: {
-    readonly none: "none";
-    readonly hardEdge: "hardEdge";
-    readonly antiAlias: "antiAlias";
-    readonly antiAliasWithSaveLayer: "antiAliasWithSaveLayer";
-};
-export type Clip = keyof typeof Clip;

package/dist/BoxFit.d.ts

@@ -0,0 +1,12 @@
+export declare const BoxFit: {
+    readonly fitWidth: "fitWidth";
+    readonly fitHeight: "fitHeight";
+    readonly fill: "fill";
+    readonly contain: "contain";
+    readonly cover: "cover";
+    readonly none: "none";
+    readonly scaleDown: "scaleDown";
+};
+type Valueof<T> = T[keyof T];
+export type BoxFit = Valueof<typeof BoxFit>;
+export {};

package/dist/Button.d.ts

@@ -1,8 +1,8 @@
-import { ButtonStyle } from './ButtonStyle';
-import { Behavior } from './useGesture';
-import { EdgeInsets } from './EdgeInsets';
 import { BorderRadius } from './BorderRadius';
+import { ButtonStyle } from './ButtonStyle';
 import { Color } from './Color';
+import { EdgeInsets } from './EdgeInsets';
+import { Behavior } from './useGesture';
 interface Props {
     disabled?: boolean;
     behavior?: Behavior;

package/dist/Chip.d.ts

@@ -0,0 +1,36 @@
+import { Component } from 'vue';
+import { Color } from './Color';
+interface Props {
+    label: string;
+    avatar?: Component;
+    backgroundColor?: string | Color;
+    labelColor?: string | Color;
+    deletable?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        avatar?(_: {}): any;
+        deleteIcon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: () => any;
+    pressed: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onPressed?: (() => any) | undefined;
+}>, {
+    backgroundColor: string | Color;
+    labelColor: string | Color;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ChoiceChip.d.ts

@@ -0,0 +1,35 @@
+import { Component } from 'vue';
+import { Color } from './Color';
+interface Props {
+    label: string;
+    selected: boolean;
+    avatar?: Component;
+    backgroundColor?: string | Color;
+    selectedColor?: string | Color;
+    labelColor?: string | Color;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        avatar?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    selected: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelected?: ((value: boolean) => any) | undefined;
+}>, {
+    backgroundColor: string | Color;
+    selected: boolean;
+    selectedColor: string | Color;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/CircleAvatar.d.ts

@@ -0,0 +1,29 @@
+import { Color } from './Color';
+interface Props {
+    backgroundImage?: string;
+    backgroundColor?: string | Color;
+    foregroundColor?: string | Color;
+    radius?: number;
+    minRadius?: number;
+    maxRadius?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    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<{}>, {
+    backgroundColor: string | Color;
+    foregroundColor: string | Color;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/CircularProgressIndicator.d.ts

@@ -25,8 +25,8 @@ interface Props {
     size?: number;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: number;
     color: string | Color;
+    size: number;
     value: number | null;
     strokeWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/Clip.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Clip
+ * 对应 Flutter 的 Clip
+ */
+export declare const Clip: {
+    readonly none: "none";
+    readonly hardEdge: "hardEdge";
+    readonly antiAlias: "antiAlias";
+    readonly antiAliasWithSaveLayer: "antiAliasWithSaveLayer";
+};
+export type Clip = keyof typeof Clip;

package/dist/Colors.d.ts

@@ -6,7 +6,7 @@ export declare const Colors: {
     withGreen: (color: Color | string, green: number) => Color;
     withBlue: (color: Color | string, blue: number) => Color;
     computeLuminance: (color: Color | string) => number;
-    lighten: (color: Color | string, amount: number) => Color;
+    lighten: (color: Color | string, amount: number) => string;
     transparent: Color;
     black: Color;
     black87: Color;

package/dist/CupertinoActivityIndicator.d.ts

@@ -17,7 +17,7 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     color: string | Color;
-    radius: number;
     animating: boolean;
+    radius: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/CupertinoColors.d.ts

@@ -6,8 +6,8 @@ export declare const CupertinoColors: {
     withGreen: (color: Color | string, green: number) => Color;
     withBlue: (color: Color | string, blue: number) => Color;
     computeLuminance: (color: Color | string) => number;
-    lighten: (color: Color | string, amount: number) => Color;
-    darken: (color: Color | string, amount: number) => Color;
+    lighten: (color: Color | string, amount: number) => string;
+    darken: (color: Color | string, amount: number) => string;
     activeBlue: Color;
     activeGreen: Color;
     activeOrange: Color;

package/dist/CupertinoContextMenu.d.ts

@@ -13,15 +13,11 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {
-        anchorRef: HTMLDivElement;
-    };
+    refs: {};
     rootEl: HTMLDivElement;
 };
 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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    anchorRef: HTMLDivElement;
-}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Divider.d.ts

@@ -8,8 +8,8 @@ interface Props {
     vertical?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    height: number;
     color: string | Color;
+    height: number;
     vertical: boolean;
     thickness: number;
     indent: number;

package/dist/Drawer.d.ts

@@ -0,0 +1,44 @@
+import { Color } from './Color';
+interface Props {
+    modelValue?: boolean;
+    backgroundColor?: string | Color;
+    elevation?: number;
+    width?: number;
+    edge?: "start" | "end";
+    overlayColor?: string | Color;
+}
+type __VLS_Props = Props;
+declare const open: import('vue').ModelRef<boolean, string, boolean, boolean>;
+type __VLS_PublicProps = {
+    "open"?: typeof open['value'];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    width: number;
+    backgroundColor: string | Color;
+    elevation: number;
+    edge: "start" | "end";
+    overlayColor: string | Color;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/EdgeInsets.d.ts

@@ -30,6 +30,7 @@ export declare namespace EdgeInsets {
         left?: number | string;
     }) => EdgeInsets;
     var zero: EdgeInsets;
+    var fromLTRB: (left: number | string, top: number | string, right: number | string, bottom: number | string) => EdgeInsets;
 }
 /**
  * 类型守卫：检查对象是否通过 EdgeInsets 创建

package/dist/ElevatedButton.d.ts

@@ -0,0 +1,37 @@
+import { ButtonStyle } from './ButtonStyle';
+interface Props {
+    style?: ButtonStyle;
+    disabled?: boolean;
+    child?: any;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "long-press": () => any;
+    pressed: () => any;
+    "tap-down": (payload: any) => any;
+    "tap-up": (payload: any) => any;
+    "tap-cancel": (payload: any) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onLong-press"?: (() => any) | undefined;
+    onPressed?: (() => any) | undefined;
+    "onTap-down"?: ((payload: any) => any) | undefined;
+    "onTap-up"?: ((payload: any) => any) | undefined;
+    "onTap-cancel"?: ((payload: any) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/FlueConfigProvider.d.ts

@@ -0,0 +1,26 @@
+interface Props {
+    transform?: boolean;
+    designWidth?: number;
+    assetBaseURL?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    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<{}>, {
+    transform: boolean;
+    designWidth: number;
+    assetBaseURL: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/IconButton.d.ts

@@ -0,0 +1,32 @@
+import { Component } from 'vue';
+import { ButtonStyle } from './ButtonStyle';
+import { Color } from './Color';
+import { EdgeInsets } from './EdgeInsets';
+interface Props {
+    icon: string | Component;
+    iconSize?: number;
+    color?: string | Color;
+    disabled?: boolean;
+    padding?: EdgeInsets;
+    alignment?: any;
+    splashRadius?: number;
+    style?: ButtonStyle;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "long-press": () => any;
+    pressed: () => any;
+    "tap-down": (payload: any) => any;
+    "tap-up": (payload: any) => any;
+    "tap-cancel": (payload: any) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onLong-press"?: (() => any) | undefined;
+    onPressed?: (() => any) | undefined;
+    "onTap-down"?: ((payload: any) => any) | undefined;
+    "onTap-up"?: ((payload: any) => any) | undefined;
+    "onTap-cancel"?: ((payload: any) => any) | undefined;
+}>, {
+    padding: EdgeInsets;
+    disabled: boolean;
+    iconSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/Icons.d.ts

@@ -0,0 +1,6 @@
+export declare const Icons: {
+    close: string;
+    menu: string;
+    moreVert: string;
+    cancel: string;
+};

package/dist/ImageFilter.d.ts

@@ -0,0 +1,28 @@
+export declare class ImageFilter {
+    private _value;
+    constructor(value: string);
+    toString(): string;
+    /**
+     * A filter that applies a Gaussian blur.
+     * CSS `backdrop-filter: blur(radius)` only supports a single radius.
+     * We will use `sigmaX` as the radius.
+     */
+    static blur({ sigmaX, sigmaY }: {
+        sigmaX?: number;
+        sigmaY?: number;
+    }): ImageFilter;
+    /**
+     * A filter that applies a transformation matrix.
+     * Not fully supported in CSS filters directly as `matrix`, usually part of transform.
+     * But we can support other standard CSS filters.
+     */
+    static brightness(amount: number): ImageFilter;
+    static contrast(amount: number): ImageFilter;
+    static grayscale(amount: number): ImageFilter;
+    static hueRotate(degrees: number): ImageFilter;
+    static invert(amount: number): ImageFilter;
+    static opacity(amount: number): ImageFilter;
+    static saturate(amount: number): ImageFilter;
+    static sepia(amount: number): ImageFilter;
+}
+export declare function isImageFilter(value: any): value is ImageFilter;

package/dist/ImageProvider.d.ts

@@ -14,9 +14,14 @@ export declare function MemoryImage(data: string | Blob): ImageProvider;
 export interface AssetImageOptions {
     package?: string;
     bundle?: any;
+    /**
+     * Overrides the global asset base URL for this image.
+     */
+    baseUrl?: string;
 }
 /**
  * 设置 AssetImage 的基础路径
+ * @internal 此函数主要用于 FlueConfigProvider 内部调用。
  * @param url 基础路径，例如 'https://cdn.example.com/assets/' 或 '/static/'
  */
 export declare function setAssetBaseURL(url: string): void;
@@ -30,8 +35,17 @@ export declare function AssetImage(name: string, options?: AssetImageOptions): I
  * 创建一个预设 package 的 AssetImage 工厂函数
  *
  * @example
- * const MyPkgAssets = createAssetImage({ package: 'my_pkg' });
+ * const MyPkgAssets = createAssetImageProvider({ package: 'my_pkg' });
  * const img = MyPkgAssets('icons/logo.png'); // 相当于 AssetImage('icons/logo.png', { package: 'my_pkg' })
  */
-export declare function createAssetImage(baseOptions: AssetImageOptions): (name: string, options?: AssetImageOptions) => ImageProvider;
+export declare function createAssetImageProvider(baseOptions: AssetImageOptions): (name: string, options?: AssetImageOptions) => ImageProvider;
+/**
+ * Creates a factory function for NetworkImage with a base URL.
+ *
+ * @example
+ * const MyRemoteImages = createNetworkImageProvider("https://api.example.com/images/");
+ * const img = MyRemoteImages("user/avatar.png"); // -> NetworkImage("https://api.example.com/images/user/avatar.png")
+ */
+export declare function createNetworkImageProvider(baseUrl: string): (url: string) => ImageProvider;
+export declare function ImageProvider(url: string): ImageProvider;
 export {};