vueless 0.0.240 → 0.0.242

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.240",
+  "version": "0.0.242",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/service.helper/index.js

@@ -42,3 +42,14 @@ export function cloneDeep(entity, cache = new WeakMap()) {
     ...Object.keys(entity).map((prop) => ({ [prop]: cloneDeep(entity[prop], cache) })),
   );
 }
+
+export function debounce(func, wait) {
+  let timeout;
+
+  return function (...args) {
+    const context = this;
+
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(context, args), wait);
+  };
+}

package/ui.form-date-picker-range/index.vue

@@ -619,7 +619,7 @@ const isVariant = computed(() => ({
 
 const clickOutsideOptions = computed(() => {
   if (isVariant.value.input) {
-    return { ignore: [inputRef.value.input] };
+    return { ignore: [inputRef.value.inputRef] };
   }
 
   return {

package/ui.form-input-money/index.vue

@@ -234,7 +234,7 @@ const localLabel = computed(() => {
 });
 
 const input = computed(() => {
-  return moneyInputRef.value.input;
+  return moneyInputRef.value.inputRef;
 });
 
 watch(

package/ui.form-input-search/configs/default.config.js

@@ -15,6 +15,7 @@ export default /*tw*/ {
   defaultVariants: {
     size: "md",
     labelAlign: "topInside",
+    debounce: 300,
     disabled: false,
     searchButton: false,
   },

package/ui.form-input-search/index.vue

@@ -81,6 +81,7 @@ import UIcon from "../ui.image-icon";
 import UInput from "../ui.form-input";
 import UButton from "../ui.button";
 import UIService, { getRandomId } from "../service.ui";
+import { debounce as debounceMethod } from "../service.helper";
 
 import { UInputSearch } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -173,6 +174,11 @@ const props = defineProps({
     default: () => getRandomId(),
   },
 
+  debounce: {
+    type: Number,
+    default: UIService.get(defaultConfig, UInputSearch).default.debounce,
+  },
+
   /**
    * Component ui config object.
    */
@@ -215,10 +221,10 @@ const { config, inputAttrs, searchIconAttrs, clearIconAttrs, buttonAttrs } = use
 
 const search = computed({
   get: () => props.modelValue,
-  set: (value) => {
+  set: debounceMethod((value) => {
     localValue.value = value;
     emit("update:modelValue", value);
-  },
+  }, props.debounce),
 });
 
 const iconSize = computed(() => {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.240",
+  "version": "0.0.242",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -4982,6 +4982,14 @@
               },
               "default": "() => getRandomId()"
             },
+            {
+              "name": "debounce",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "300"
+            },
             {
               "name": "config",
               "description": "Component ui config object.",