@jari-ace/element-plus-component 0.6.0 → 0.6.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jari-ace/element-plus-component",
   "private": false,
-  "version": "0.6.0",
+  "version": "0.6.1",
   "main": "lib/index.umd.cjs",
   "module": "lib/index.js",
   "types": "dist/index.d.ts",

package/packages/components/switch/JaSwitch.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type {ValidationInstance} from '../../hooks/useBackendValidations'
-import {inject, ref, watch, computed} from "vue";
+import {inject, ref, watch} from "vue";
 import {ElSwitch} from "element-plus";
-import type { SwitchProps } from 'element-plus'
 import {getValue, setValue} from "../../utils/objectUtils";
 import type {EpPropMergeType} from "element-plus/es/utils";
 
-const input = ref<InstanceType<typeof ElSwitch>>()
+const input = ref<typeof ElSwitch>()
 const model = inject('aceFormModel') as Record<string, any>
 const prop = inject('aceFormItemProp') as string
 const validator = inject('aceFormValidator') as ValidationInstance
@@ -14,11 +13,6 @@ const emit = defineEmits<{
     change: [value: boolean | string | number]
 }>()
 
-export interface JaSwitchProps extends Partial<SwitchProps> {
-}
-
-const props = defineProps<JaSwitchProps>()
-
 function onChange(value: boolean | string | number) {
     validator.removeFieldError(prop)
     setValue(model.formData, prop, mv.value);
@@ -36,14 +30,9 @@ watch(() => model.formData, () => {
     deep: true
 })
 
-const elementProps = computed(() => {
-    const { modelValue, ...rest } = props
-    return rest
-})
-
 defineExpose({
-    focus: () => (input.value as any)?.focus?.(),
-    blur: () => (input.value as any)?.blur?.(),
+    focus: () => input.value?.focus(),
+    blur: () => input.value?.blur(),
     elSwitch: input
 })
 </script>
@@ -53,7 +42,7 @@ defineExpose({
         ref="input"
         v-model="mv"
         @change="onChange"
-        v-bind="{ ...elementProps, ...$attrs }">
+        v-bind="$attrs">
         <template v-for="(_, name) in $slots" v-slot:[name]>
             <slot :name="name"></slot>
         </template>