@uzum-tech/ui 2.0.7 → 2.0.8

package/dist/index.js

@@ -110498,6 +110498,7 @@
     loading: Boolean,
     maxTagCount: [String, Number],
     multiple: Boolean,
+    remote: Boolean,
     showPath: Boolean,
     separator: {
       type: String,
@@ -110535,6 +110536,7 @@
     onFocus: Function,
     onScroll: [Function, Array],
     onScrollOptionEnd: [Function, Array],
+    onSearch: [Function, Array],
     onLoad: Function,
     onUpdateShow: [Function, Array],
     onUpdateValue: [Function, Array],
@@ -110585,15 +110587,16 @@
       const controlledShowRef = vue.toRef(props, "show");
       const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
       const patternRef = vue.ref("");
+      const treePatternRef = vue.computed(() => {
+        return props.remote ? "" : patternRef.value;
+      });
       const mergedFilterRef = vue.computed(() => {
-        const { filter } = props;
-        if (filter)
-          return filter;
-        const { labelField } = props;
+        if (props.filter)
+          return props.filter;
         return (pattern, node) => {
           if (!pattern.length)
             return true;
-          return node[labelField].toLowerCase().includes(pattern.toLowerCase());
+          return node[props.labelField].toLowerCase().includes(pattern.toLowerCase());
         };
       });
       const dataTreeMateRef = vue.computed(
@@ -110926,9 +110929,13 @@
           }
         }
       }
+      function doSearch(value) {
+        props.onSearch && call(props.onSearch, value);
+      }
       function handlePatternInput(event) {
         const { value } = event.target;
         patternRef.value = value;
+        doSearch(value);
       }
       function treeHandleKeydown(event) {
         const { value: treeInst } = treeInstRef;
@@ -111126,6 +111133,7 @@
         selectedOption: selectedOptionRef,
         selectedOptions: selectedOptionsRef,
         pattern: patternRef,
+        treePattern: treePatternRef,
         pendingNodeKey: pendingNodeKeyRef,
         mergedCascade: mergedCascadeRef,
         mergedFilter: mergedFilterRef,
@@ -111258,7 +111266,7 @@
                             allowCheckingNotLoaded: this.allowCheckingNotLoaded,
                             showIrrelevantNodes: false,
                             animated: false,
-                            pattern: this.pattern,
+                            pattern: this.treePattern,
                             filter: this.mergedFilter,
                             data: options,
                             cancelable: multiple,
@@ -113237,7 +113245,7 @@
     });
   }
 
-  var version = "2.0.7";
+  var version = "2.0.8";
 
   function create({
     componentPrefix = "U",

package/dist/index.mjs

@@ -110494,6 +110494,7 @@ const treeSelectProps = {
   loading: Boolean,
   maxTagCount: [String, Number],
   multiple: Boolean,
+  remote: Boolean,
   showPath: Boolean,
   separator: {
     type: String,
@@ -110531,6 +110532,7 @@ const treeSelectProps = {
   onFocus: Function,
   onScroll: [Function, Array],
   onScrollOptionEnd: [Function, Array],
+  onSearch: [Function, Array],
   onLoad: Function,
   onUpdateShow: [Function, Array],
   onUpdateValue: [Function, Array],
@@ -110581,15 +110583,16 @@ var _UTreeSelect = defineComponent({
     const controlledShowRef = toRef(props, "show");
     const mergedShowRef = useMergedState(controlledShowRef, uncontrolledShowRef);
     const patternRef = ref("");
+    const treePatternRef = computed(() => {
+      return props.remote ? "" : patternRef.value;
+    });
     const mergedFilterRef = computed(() => {
-      const { filter } = props;
-      if (filter)
-        return filter;
-      const { labelField } = props;
+      if (props.filter)
+        return props.filter;
       return (pattern, node) => {
         if (!pattern.length)
           return true;
-        return node[labelField].toLowerCase().includes(pattern.toLowerCase());
+        return node[props.labelField].toLowerCase().includes(pattern.toLowerCase());
       };
     });
     const dataTreeMateRef = computed(
@@ -110922,9 +110925,13 @@ var _UTreeSelect = defineComponent({
         }
       }
     }
+    function doSearch(value) {
+      props.onSearch && call(props.onSearch, value);
+    }
     function handlePatternInput(event) {
       const { value } = event.target;
       patternRef.value = value;
+      doSearch(value);
     }
     function treeHandleKeydown(event) {
       const { value: treeInst } = treeInstRef;
@@ -111122,6 +111129,7 @@ var _UTreeSelect = defineComponent({
       selectedOption: selectedOptionRef,
       selectedOptions: selectedOptionsRef,
       pattern: patternRef,
+      treePattern: treePatternRef,
       pendingNodeKey: pendingNodeKeyRef,
       mergedCascade: mergedCascadeRef,
       mergedFilter: mergedFilterRef,
@@ -111254,7 +111262,7 @@ var _UTreeSelect = defineComponent({
                           allowCheckingNotLoaded: this.allowCheckingNotLoaded,
                           showIrrelevantNodes: false,
                           animated: false,
-                          pattern: this.pattern,
+                          pattern: this.treePattern,
                           filter: this.mergedFilter,
                           data: options,
                           cancelable: multiple,
@@ -113233,7 +113241,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.0.7";
+var version = "2.0.8";
 
 function create({
   componentPrefix = "U",