@dynamicforms/vuetify-inputs 0.10.0 → 0.10.1

package/dist/index.d.ts

@@ -456,6 +456,28 @@ declare interface DfFileProps extends BaseProps {
     comms: FileComms;
 }
 
+export declare const DfImage: DefineComponent<DfImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: any) => any;
+"click:clear": () => any;
+}, string, PublicProps, Readonly<DfImageProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: any) => any) | undefined;
+"onClick:clear"?: (() => any) | undefined;
+}>, {
+enabled: boolean;
+clearable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+fileInputRef: HTMLInputElement;
+}, any>;
+
+/**
+ * `comms.upload` must resolve to a value directly usable as an `<img>` src (typically the URL your backend
+ * serves the image from): the component has no separate lookup for turning an identifier into a display URL,
+ * so it renders `modelValue` itself as the preview once a file has been uploaded.
+ */
+declare interface DfImageProps extends BaseProps {
+    comms: FileComms;
+}
+
 export declare const DfInput: DefineComponent<DfInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: any) => any;
 "click:clear": () => any;
@@ -479,6 +501,7 @@ export declare namespace DfInputComponentProps {
         DfColorProps,
         DfDateTimeProps,
         DfFileProps,
+        DfImageProps,
         DfInputProps,
         DfInputHintProps,
         DfLabelProps,
@@ -495,6 +518,7 @@ export declare namespace DfInputComponents {
         DfColor,
         DfDateTime,
         DfFile,
+        DfImage,
         DfInput,
         DfInputHint,
         DfLabel,
@@ -564,6 +588,18 @@ export declare const dfInputComponentsByTag: {
     enabled: boolean;
     clearable: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+    readonly 'df-image': DefineComponent<DfImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+    "click:clear": () => any;
+    }, string, PublicProps, Readonly<DfImageProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onClick:clear"?: (() => any) | undefined;
+    }>, {
+    enabled: boolean;
+    clearable: boolean;
+    }, {}, {}, {}, string, ComponentProvideOptions, false, {
+    fileInputRef: HTMLInputElement;
+    }, any>;
     readonly 'df-input': DefineComponent<DfInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: any) => any;
     "click:clear": () => any;
@@ -962,6 +998,8 @@ export declare const translatableStrings: {
     ImageUrl: string;
     ImageUpload: string;
     ImageInsert: string;
+    ImageDropHint: string;
+    ImageReplace: string;
     Table: string;
     TableInsert: string;
     TableAddRowAbove: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamicforms/vuetify-inputs",
   "private": false,
-  "version": "0.10.0",
+  "version": "0.10.1",
   "type": "module",
   "description": "Vuetify input components with guaranteed visual consistency across all form fields — unified density/variant system, globally configurable, with inline mode for table cells. Built for @dynamicforms/vue-forms.",
   "author": "Jure Erznožnik",