edvoyui-component-library-test-flight 0.0.162 → 0.0.163

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edvoyui-component-library-test-flight",
   "private": false,
-  "version": "0.0.162",
+  "version": "0.0.163",
   "type": "module",
   "files": [
     "dist/",

package/src/components/HelloWorld.vue

@@ -18,7 +18,7 @@
     <div
       class="flex flex-col max-w-screen-sm gap-4 p-6 mx-auto mb-10 border rounded-xl"
     >
-      <pre>{{ inputNumber }}</pre>
+      <pre>{{ inputNumber }} ==> {{ inputNumberPoints }}</pre>
       <EUINumberInput
         v-model.trim="inputNumber"
         name="addnote"
@@ -27,6 +27,16 @@
         placeholder="Note here..."
         :min="0"
         :max="100"
+        :step="1"
+      />
+      <EUINumberInput
+        v-model.trim="inputNumberPoints"
+        name="addnote"
+        id="addnote"
+        label="Add Note"
+        placeholder="Note here..."
+        :min="0"
+        :max="100"
         :step="0.5"
       />
     </div>
@@ -1626,6 +1636,7 @@ const datepicker = ref(new Date());
 const loading = ref(false);
 
 const inputNumber = ref();
+const inputNumberPoints = ref()
 
 const form = reactive({
   input: "Lorem ipsum dolor sit",

package/src/components/input/EUINumberInput.vue

@@ -73,7 +73,7 @@
         autocomplete="off"
         inputmode="numeric"
         pattern="^([0-9]{1,5}(\.[0-9]{1,2})?|100000(\.0{1,2})?)$"
-        @keypress="(e) => { if (!/[0-9.]/.test(e.key)) e.preventDefault();}"
+        @keypress="handleKeyPress"
         @wheel.prevent=""
         @keydown.up.prevent=""
         @keydown.down.prevent=""
@@ -201,6 +201,18 @@ const emitInput = (event: Event) => {
 };
 
 
+const handleKeyPress = (e: KeyboardEvent) => {
+  const inputEl = e.target as HTMLInputElement | null;
+  if (!inputEl) return; // Safety check
+  const allowDecimal = props.step < 1;
+  // Allow digits
+  if (/[0-9]/.test(e.key)) return;
+  // Allow one '.' only if step < 1
+  if (allowDecimal && e.key === '.' && !inputEl.value.includes('.')) return;
+  // Otherwise block input
+  e.preventDefault();
+};
+
 
 const inputValue = computed(() => {
   return props.modelValue === 0 ? true : !!props.modelValue;