@effect-app/vue-components 4.0.0-beta.271 → 4.0.0-beta.273

package/dist/types/components/Dialog.vue.d.ts

@@ -9,8 +9,10 @@ declare var __VLS_11: {
     open: boolean;
     cancel: () => void;
     isActive: any;
-};
+}, __VLS_15: string, __VLS_16: any;
 type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_15>]?: (props: typeof __VLS_16) => any;
+} & {
     default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/vue-components30.es.js

@@ -15,10 +15,10 @@ var _ = /*@__PURE__*/ o({
 			let y = p("v-text-field"), b = p("v-textarea"), x = p("v-radio"), S = p("v-radio-group"), C = p("v-select"), w = p("v-autocomplete");
 			return u(), i("div", {
 				class: "omega-input",
-				onFocusout: v[4] ||= (e) => {
+				onFocusout: v[7] ||= (e) => {
 					_.$emit("blur", e), o.field.handleBlur();
 				},
-				onFocusin: v[5] ||= (e) => _.$emit("focus", e)
+				onFocusin: v[8] ||= (e) => _.$emit("focus", e)
 			}, [
 				o.inputProps.type === "boolean" || o.inputProps.type === "switch" ? (u(), n(m(o.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), c({
 					key: 0,
@@ -60,7 +60,7 @@ var _ = /*@__PURE__*/ o({
 					error: o.inputProps.error
 				}, _.$attrs, {
 					"model-value": o.state.value,
-					"onUpdate:modelValue": o.field.handleChange
+					"onUpdate:modelValue": v[1] ||= (e) => o.field.handleChange(e)
 				}), a({ _: 2 }, [_.$slots.label ? {
 					name: "label",
 					fn: g(() => [f(_.$slots, "label", l(s({
@@ -79,8 +79,7 @@ var _ = /*@__PURE__*/ o({
 					"label",
 					"error-messages",
 					"error",
-					"model-value",
-					"onUpdate:modelValue"
+					"model-value"
 				])) : r("", !0),
 				o.inputProps.type === "text" ? (u(), n(b, c({
 					key: 2,
@@ -94,7 +93,7 @@ var _ = /*@__PURE__*/ o({
 					error: o.inputProps.error
 				}, _.$attrs, {
 					"model-value": o.state.value,
-					"onUpdate:modelValue": o.field.handleChange
+					"onUpdate:modelValue": v[2] ||= (e) => o.field.handleChange(e)
 				}), a({ _: 2 }, [_.$slots.label ? {
 					name: "label",
 					fn: g(() => [f(_.$slots, "label", l(s({
@@ -112,8 +111,7 @@ var _ = /*@__PURE__*/ o({
 					"label",
 					"error-messages",
 					"error",
-					"model-value",
-					"onUpdate:modelValue"
+					"model-value"
 				])) : r("", !0),
 				o.inputProps.type === "number" || o.inputProps.type === "range" ? (u(), n(m(o.inputProps.type === "range" ? "v-slider" : "v-text-field"), c({
 					key: 3,
@@ -128,7 +126,7 @@ var _ = /*@__PURE__*/ o({
 					error: o.inputProps.error
 				}, _.$attrs, {
 					"model-value": o.state.value,
-					"onUpdate:modelValue": v[1] ||= (e) => {
+					"onUpdate:modelValue": v[3] ||= (e) => {
 						e || e === 0 ? o.field.handleChange(Number(e)) : o.field.handleChange(void 0);
 					}
 				}), a({ _: 2 }, [_.$slots.label ? {
@@ -160,7 +158,7 @@ var _ = /*@__PURE__*/ o({
 					error: o.inputProps.error
 				}, _.$attrs, {
 					"model-value": o.state.value,
-					"onUpdate:modelValue": o.field.handleChange
+					"onUpdate:modelValue": v[4] ||= (e) => o.field.handleChange(e)
 				}), a({
 					default: g(() => [(u(!0), i(t, null, d(o.inputProps.options, (e) => (u(), n(x, {
 						key: e.value,
@@ -182,8 +180,7 @@ var _ = /*@__PURE__*/ o({
 					"label",
 					"error-messages",
 					"error",
-					"model-value",
-					"onUpdate:modelValue"
+					"model-value"
 				])) : r("", !0),
 				o.inputProps.type === "select" || o.inputProps.type === "multiple" ? (u(), n(C, c({
 					key: 5,
@@ -199,7 +196,7 @@ var _ = /*@__PURE__*/ o({
 					error: o.inputProps.error
 				}, _.$attrs, {
 					"model-value": o.state.value,
-					onClear: v[2] ||= (e) => o.field.handleChange(void 0),
+					onClear: v[5] ||= (e) => o.field.handleChange(void 0),
 					"onUpdate:modelValue": o.field.handleChange
 				}), a({ _: 2 }, [_.$slots.label ? {
 					name: "label",
@@ -237,7 +234,7 @@ var _ = /*@__PURE__*/ o({
 					chips: o.inputProps.type === "autocompletemultiple"
 				}, _.$attrs, {
 					"model-value": o.state.value,
-					onClear: v[3] ||= (e) => o.field.handleChange(void 0),
+					onClear: v[6] ||= (e) => o.field.handleChange(void 0),
 					"onUpdate:modelValue": o.field.handleChange
 				}), a({ _: 2 }, [_.$slots.label ? {
 					name: "label",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.271",
+  "version": "4.0.0-beta.273",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.84",
@@ -33,13 +33,12 @@
     "vue-toastification": "^2.0.0-rc.5",
     "vue-tsc": "^3.3.3",
     "vuetify": "^4.0.8",
-    "@effect-app/eslint-shared-config": "0.6.0-beta.32"
+    "@effect-app/eslint-shared-config": "0.6.0-beta.34"
   },
   "files": [
     "src",
     "dist"
   ],
-  "module": "./dist/vue-components.es.js",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -57,13 +56,13 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.271",
-    "effect-app": "4.0.0-beta.271"
+    "@effect-app/vue": "4.0.0-beta.273",
+    "effect-app": "4.0.0-beta.273"
   },
   "scripts": {
     "check": "vue-tsc",
     "build": "pnpm build:run",
-    "build:run": "rimraf dist && vue-tsc && vite build && cp src/reset.css dist/reset.css",
+    "build:run": "rimraf dist && vue-tsc -p tsconfig.build.json && vite build && cp src/reset.css dist/reset.css",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",
@@ -76,5 +75,6 @@
     "test": "vitest",
     "test:run": "vitest run",
     "test:watch": "vitest watch"
-  }
+  },
+  "module": "./dist/vue-components.es.js"
 }

package/src/components/Dialog.vue

@@ -12,7 +12,6 @@
       />
     </template>
     <!-- pass down slots -->
-    <!-- @vue-skip -->
     <template
       v-for="(_, name) in otherSlots"
       #[name]="slotData"

package/src/components/OmegaForm/OmegaInputVuetify.vue

@@ -46,7 +46,7 @@
       :error="inputProps.error"
       v-bind="$attrs"
       :model-value="state.value"
-      @update:model-value="field.handleChange"
+      @update:model-value="(v: any) => field.handleChange(v)"
     >
       <template
         v-if="$slots.label"
@@ -70,7 +70,7 @@
       :error="inputProps.error"
       v-bind="$attrs"
       :model-value="state.value"
-      @update:model-value="field.handleChange"
+      @update:model-value="(v: any) => field.handleChange(v)"
     >
       <template
         v-if="$slots.label"
@@ -123,7 +123,7 @@
         :error="inputProps.error"
         v-bind="$attrs"
         :model-value="state.value"
-        @update:model-value="field.handleChange"
+        @update:model-value="(v: any) => field.handleChange(v)"
       >
         <template
           v-if="$slots.label"
@@ -136,7 +136,7 @@
         </template>
         <v-radio
           v-for="option in inputProps.options"
-          :key="option.value"
+          :key="option.value as PropertyKey"
           :label="option.title"
           :value="option.value"
         />

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -87,7 +87,7 @@ const id = useId()
 const fieldApi = props.field
 
 // Subscribed for side-effect: keeps component reactive to fieldApi.store changes
-const _fieldState = useStore(fieldApi.store, (state) => state)
+useStore(fieldApi.store, (state) => state)
 
 // Get errors from form-level fieldMeta (persists across Field re-mounts)
 const formFieldMeta = useStore(fieldApi.form.store, (state) => state.fieldMeta)