fluekit 1.2.0 → 1.4.0

package/dist/BoxDecoration.d.ts

@@ -3,6 +3,7 @@ import { Alignment } from './Alignment';
 import { Borders } from './Border';
 import { BorderRadius } from './BorderRadius';
 import { BoxShadowProps } from './BoxShadow';
+import { ImageProvider } from './ImageProvider';
 export * from './Gradient';
 type Valueof<T> = T[keyof T];
 export type BoxFit = Valueof<typeof BoxFit>;
@@ -35,11 +36,8 @@ export declare enum BoxShape {
 }
 export declare function setBaseUrl(url: string): void;
 export declare function normalizeSrc(src: string): string;
-export type ImageProvider = string;
-export declare const NetworkImage: (url: string) => string;
-export declare const AssetImage: (url: string) => string;
 export interface DecorationImageProps {
-    image: ImageProvider;
+    image: ImageProvider | string;
     fit?: BoxFit;
     alignment?: BoxAlignment;
     repeat?: ImageRepeat;

package/dist/Image.d.ts

@@ -0,0 +1,32 @@
+import { Alignment } from './Alignment';
+import { ImageProvider } from './ImageProvider';
+export type BoxFit = "fill" | "contain" | "cover" | "fitWidth" | "fitHeight" | "none" | "scaleDown";
+export type BlendMode = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity";
+interface Props {
+    image: ImageProvider;
+    width?: number | string;
+    height?: number | string;
+    color?: string;
+    colorBlendMode?: BlendMode;
+    fit?: BoxFit;
+    alignment?: Alignment;
+    repeat?: "no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "round" | "space";
+    opacity?: number;
+    filterQuality?: "low" | "medium" | "high";
+    alt?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (event: Event) => any;
+    load: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onLoad?: ((event: Event) => any) | undefined;
+}>, {
+    alignment: Alignment;
+    repeat: "no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "round" | "space";
+    opacity: number;
+    fit: BoxFit;
+    filterQuality: "low" | "medium" | "high";
+    alt: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ImageProvider.d.ts

@@ -0,0 +1,37 @@
+declare const IMAGE_PROVIDER_SYMBOL: unique symbol;
+export interface ImageProvider {
+    src: string;
+    [IMAGE_PROVIDER_SYMBOL]: true;
+}
+export declare function isImageProvider(value: any): value is ImageProvider;
+export declare function NetworkImage(url: string): ImageProvider;
+/**
+ * Creates an ImageProvider from a Base64 string or Blob.
+ *
+ * @param data Base64 string (data:image/...) or Blob object
+ */
+export declare function MemoryImage(data: string | Blob): ImageProvider;
+export interface AssetImageOptions {
+    package?: string;
+    bundle?: any;
+}
+/**
+ * 设置 AssetImage 的基础路径
+ * @param url 基础路径，例如 'https://cdn.example.com/assets/' 或 '/static/'
+ */
+export declare function setAssetBaseURL(url: string): void;
+/**
+ * 加载本地资源图片
+ * 注意：在 Vite 环境下，通常需要使用 new URL('./path', import.meta.url).href 或 import 导入图片
+ * 这里 AssetImage 接收的 name 应该是处理后的 URL 或者是相对于 public 的路径
+ */
+export declare function AssetImage(name: string, options?: AssetImageOptions): ImageProvider;
+/**
+ * 创建一个预设 package 的 AssetImage 工厂函数
+ *
+ * @example
+ * const MyPkgAssets = createAssetImage({ 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 {};

package/dist/InputDecoration.d.ts

@@ -0,0 +1,35 @@
+import { BorderSide } from './Border';
+import { BorderRadius } from './BorderRadius';
+import { TextStyle } from './TextStyle';
+export interface InputBorder {
+    borderSide?: BorderSide;
+    borderRadius?: BorderRadius;
+    isOutline?: boolean;
+}
+export declare function OutlineInputBorder(options?: {
+    borderSide?: BorderSide;
+    borderRadius?: BorderRadius;
+}): InputBorder;
+export declare function UnderlineInputBorder(options?: {
+    borderSide?: BorderSide;
+    borderRadius?: BorderRadius;
+}): InputBorder;
+export interface InputDecoration {
+    labelText?: string;
+    hintText?: string;
+    helperText?: string;
+    errorText?: string;
+    prefixText?: string;
+    suffixText?: string;
+    border?: InputBorder;
+    enabledBorder?: InputBorder;
+    focusedBorder?: InputBorder;
+    errorBorder?: InputBorder;
+    disabledBorder?: InputBorder;
+    filled?: boolean;
+    fillColor?: string;
+    contentPadding?: number | number[];
+    labelStyle?: TextStyle;
+    hintStyle?: TextStyle;
+    errorStyle?: TextStyle;
+}

package/dist/Stack.d.ts

@@ -22,8 +22,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<StackProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StackProps> & Readonly<{}>, {
     alignment: Alignment;
     clipBehavior: "none" | "hardEdge" | "antiAlias" | "clip";
-    textDirection: "ltr" | "rtl";
     fit: StackFit;
+    textDirection: "ltr" | "rtl";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/TextArea.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    maxLines?: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): 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<{}>, {
+    maxLines: number;
+}, {}, {}, {}, 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/TextField.d.ts

@@ -0,0 +1,64 @@
+import { InputDecoration } from './InputDecoration';
+import { TextStyle } from './TextStyle';
+interface Props {
+    modelValue?: string | number;
+    decoration?: InputDecoration;
+    enabled?: boolean;
+    readOnly?: boolean;
+    obscureText?: boolean;
+    maxLines?: number | null;
+    minLines?: number;
+    keyboardType?: string;
+    style?: TextStyle;
+    cursorColor?: string;
+    autofocus?: boolean;
+    autoGrow?: boolean;
+    maxLength?: number;
+    textAlign?: "left" | "center" | "right" | "justify" | "start" | "end";
+    textInputAction?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
+    textCapitalization?: "none" | "sentences" | "words" | "characters";
+    autocorrect?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        prefixRef: HTMLDivElement;
+        inputRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    submit: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    enabled: boolean;
+    maxLines: number | null;
+    textAlign: "left" | "center" | "right" | "justify" | "start" | "end";
+    modelValue: string | number;
+    readOnly: boolean;
+    obscureText: boolean;
+    autoGrow: boolean;
+    autocorrect: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    prefixRef: HTMLDivElement;
+    inputRef: unknown;
+}, 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/index.css

@@ -1,2 +1,2 @@
-.fluekit-button[data-v-a5efef4c]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-a5efef4c]:disabled{cursor:default}.flutter-list-view[data-v-7ba20c73]{flex-direction:column;display:flex}.list-view-shrink-wrap[data-v-7ba20c73]{flex:none}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.flutter-transform[data-v-7e66ebaa]{box-sizing:border-box}
+.fluekit-button[data-v-a5efef4c]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-a5efef4c]:disabled{cursor:default}.fluekit-image[data-v-9d37b792]{display:block}.flutter-list-view[data-v-7ba20c73]{flex-direction:column;display:flex}.list-view-shrink-wrap[data-v-7ba20c73]{flex:none}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-40723984]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-40723984]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-40723984]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-40723984]{z-index:1}.fluekit-input-footer[data-v-40723984]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-40723984]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-40723984]{flex:1}.fluekit-input-counter[data-v-40723984]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-40723984]{color:#f44336}.flutter-transform[data-v-7e66ebaa]{box-sizing:border-box}
 /*$vite$:1*/

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { default as Fixed } from './Fixed';
 export { default as GestureDetector } from './GestureDetector';
 export { default as GridView } from './GridView';
 export { default as IgnorePointer } from './IgnorePointer';
+export { default as Image } from './Image';
 export { default as ListView } from './ListView';
 export { default as Opacity } from './Opacity';
 export { default as Padding } from './Padding';
@@ -21,6 +22,8 @@ export { default as SizedBox } from './SizedBox';
 export { default as Stack } from './Stack';
 export { default as Sticky } from './Sticky';
 export { default as Text } from './Text';
+export { default as TextArea } from './TextArea';
+export { default as TextField } from './TextField';
 export { default as Transform } from './Transform';
 export { default as Wrap } from './Wrap';
 export * from './Border';
@@ -30,9 +33,11 @@ export * from './BorderRadius';
 export * from './BoxShadow';
 export * from './ButtonStyle';
 export * from './EdgeInsets';
-export * from './FlexProps';
 export { Alignment as Alignment } from './FlexProps';
 export * from './Gradient';
+export * from './ImageProvider';
+export * from './InputDecoration';
 export * from './Size';
 export * from './TextStyle';
 export { px2vw, setDefaultVW, setTransform } from './px2vw';
+export { setAssetBaseURL, createAssetImage, MemoryImage } from './ImageProvider';