@effect-app/vue-components 0.7.7 → 0.8.0

package/dist/types/components/OmegaForm/OmegaFormStuff.d.ts

@@ -15,7 +15,7 @@ export type OmegaInputProps<From, To> = {
     }[];
     type?: TypeOverride;
 };
-export type TypeOverride = "string" | "text" | "number" | "select" | "multiple" | "boolean" | "autocomplete" | "autocompletemultiple" | "switch";
+export type TypeOverride = "string" | "text" | "number" | "select" | "multiple" | "boolean" | "autocomplete" | "autocompletemultiple" | "switch" | "range";
 export interface OmegaError {
     label: string;
     inputId: string;

package/dist/vue-components.es27.js

@@ -1,5 +1,5 @@
-import { defineComponent as d, resolveComponent as s, createElementBlock as P, openBlock as o, createBlock as n, createCommentVNode as l, resolveDynamicComponent as g, mergeProps as i } from "vue";
-const b = /* @__PURE__ */ d({
+import { defineComponent as P, resolveComponent as s, createElementBlock as g, openBlock as o, createBlock as n, createCommentVNode as l, resolveDynamicComponent as u, mergeProps as i } from "vue";
+const b = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "OmegaInputVuetify",
   props: {
@@ -9,13 +9,13 @@ const b = /* @__PURE__ */ d({
   emits: ["focus", "blur"],
   setup(y) {
     return (e, r) => {
-      const u = s("v-text-field"), a = s("v-textarea"), t = s("v-select"), m = s("v-autocomplete");
-      return o(), P("div", {
+      const a = s("v-text-field"), t = s("v-textarea"), m = s("v-select"), d = s("v-autocomplete");
+      return o(), g("div", {
         class: "omega-input",
         onFocusout: r[4] || (r[4] = (p) => e.$emit("blur", p)),
         onFocusin: r[5] || (r[5] = (p) => e.$emit("focus", p))
       }, [
-        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (o(), n(g(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), i({
+        e.inputProps.type === "boolean" || e.inputProps.type === "switch" ? (o(), n(u(e.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), i({
           key: 0,
           id: e.inputProps.id,
           name: e.inputProps.name,
@@ -27,7 +27,7 @@ const b = /* @__PURE__ */ d({
           "model-value": e.vuetifyValue,
           onChange: r[0] || (r[0] = (p) => e.inputProps.field.handleChange(p.target.checked))
         }), null, 16, ["id", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
-        e.inputProps.type === "email" || e.inputProps.type === "string" ? (o(), n(u, i({
+        e.inputProps.type === "email" || e.inputProps.type === "string" ? (o(), n(a, i({
           key: 1,
           id: e.inputProps.id,
           required: e.inputProps.required,
@@ -42,7 +42,7 @@ const b = /* @__PURE__ */ d({
           "model-value": e.vuetifyValue,
           "onUpdate:modelValue": e.inputProps.field.handleChange
         }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "text" ? (o(), n(a, i({
+        e.inputProps.type === "text" ? (o(), n(t, i({
           key: 2,
           id: e.inputProps.id,
           required: e.inputProps.required,
@@ -57,7 +57,7 @@ const b = /* @__PURE__ */ d({
           "model-value": e.vuetifyValue,
           "onUpdate:modelValue": e.inputProps.field.handleChange
         }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "number" ? (o(), n(u, i({
+        e.inputProps.type === "number" || e.inputProps.type === "range" ? (o(), n(u(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), i({
           key: 3,
           id: e.inputProps.id,
           required: e.inputProps.required,
@@ -74,7 +74,7 @@ const b = /* @__PURE__ */ d({
             e.inputProps.field.handleChange(Number(p));
           })
         }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
-        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(t, i({
+        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(m, i({
           key: 4,
           id: e.inputProps.id,
           clearable: e.inputProps.type === "select",
@@ -91,7 +91,7 @@ const b = /* @__PURE__ */ d({
           onClear: r[2] || (r[2] = (p) => e.inputProps.field.handleChange(void 0)),
           "onUpdate:modelValue": e.inputProps.field.handleChange
         }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(m, i({
+        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(d, i({
           key: 5,
           id: e.inputProps.id,
           clearable: e.inputProps.type === "autocomplete",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.7.7",
+  "version": "0.8.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -39,6 +39,7 @@ export type TypeOverride =
   | "autocomplete"
   | "autocompletemultiple"
   | "switch"
+  | "range"
 
 export interface OmegaError {
   label: string

package/src/components/OmegaForm/OmegaInputVuetify.vue

@@ -47,8 +47,9 @@
       :model-value="vuetifyValue"
       @update:model-value="inputProps.field.handleChange"
     />
-    <v-text-field
-      v-if="inputProps.type === 'number'"
+    <component
+      :is="inputProps.type === 'range' ? 'v-slider' : 'v-text-field'"
+      v-if="inputProps.type === 'number' || inputProps.type === 'range'"
       :id="inputProps.id"
       :required="inputProps.required"
       :min="inputProps.min"