@uzum-tech/ui 2.0.7 → 2.0.9

package/es/components.d.ts

@@ -107512,6 +107512,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
     readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import(".").OnScrollOptionEnd>>;
+    readonly onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     readonly onLoad: import("vue").PropType<(node: import(".").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -107581,6 +107582,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly loading: BooleanConstructor;
     readonly maxTagCount: import("vue").PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -108423,9 +108425,10 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     selectedOption: import("vue").ComputedRef<import("./select/src/interface").SelectBaseOption<string | number, string | ((option: import("./select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<import("./select/src/interface").SelectBaseOption<string | number, string | ((option: import("./select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
     pattern: import("vue").Ref<string, string>;
+    treePattern: import("vue").ComputedRef<string>;
     pendingNodeKey: import("vue").Ref<string | number | null, string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
-    mergedFilter: import("vue").ComputedRef<(pattern: string, node: import(".").TreeOption) => boolean>;
+    mergedFilter: import("vue").ComputedRef<import("./tree-select/src/interface").FilterHandler>;
     selectionRenderTag: import("vue").ComputedRef<(({ option, handleClose }: {
         option: import("./select").SelectOption;
         handleClose: () => void;
@@ -108860,6 +108863,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
     readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import(".").OnScrollOptionEnd>>;
+    readonly onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     readonly onLoad: import("vue").PropType<(node: import(".").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -108929,6 +108933,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly loading: BooleanConstructor;
     readonly maxTagCount: import("vue").PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -109738,6 +109743,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly filterable: boolean;
     readonly disabledField: string;
     readonly clearFilterAfterSelect: boolean;
+    readonly remote: boolean;
     readonly cascade: boolean;
     readonly leafOnly: boolean;
     readonly showPath: boolean;

package/es/tree/src/TreeNode.d.ts

@@ -51,7 +51,7 @@ declare const TreeNode: import("vue").DefineComponent<import("vue").ExtractPropT
     handleDragLeave: (e: DragEvent) => void;
     handleLineClick: (e: PointerEvent) => void;
     handleContentClick: (e: PointerEvent) => void;
-    handleSwitcherClick: () => void;
+    handleSwitcherClick: (e?: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;

package/es/tree/src/TreeNode.mjs

@@ -61,7 +61,8 @@ const TreeNode = defineComponent({
     onMounted(() => {
       contentElRef.value = contentInstRef.value.$el;
     });
-    function handleSwitcherClick() {
+    function handleSwitcherClick(e) {
+      e === null || e === void 0 ? void 0 : e.stopPropagation();
       const callback = () => {
         const {
           tmNode

package/es/tree-select/src/TreeSelect.d.ts

@@ -7,7 +7,7 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import type { InternalTreeInst, Key, TreeOption } from '../../tree/src/interface';
-import type { OnScrollOptionEnd, OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
+import type { FilterHandler, OnScrollOptionEnd, OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
 type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
     readonly renderLabel: PropType<TreeSelectRenderLabel>;
@@ -18,6 +18,7 @@ export declare const treeSelectProps: {
     readonly onFocus: PropType<(event: FocusEvent) => void>;
     readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
+    readonly onSearch: PropType<MaybeArray<(value: string) => void>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -90,6 +91,7 @@ export declare const treeSelectProps: {
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -900,6 +902,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onFocus: PropType<(event: FocusEvent) => void>;
     readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
+    readonly onSearch: PropType<MaybeArray<(value: string) => void>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -972,6 +975,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -1814,9 +1818,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)>[] | null>;
     pattern: import("vue").Ref<string, string>;
+    treePattern: import("vue").ComputedRef<string>;
     pendingNodeKey: import("vue").Ref<string | number | null, string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
-    mergedFilter: import("vue").ComputedRef<(pattern: string, node: TreeOption) => boolean>;
+    mergedFilter: import("vue").ComputedRef<FilterHandler>;
     selectionRenderTag: import("vue").ComputedRef<(({ option, handleClose }: {
         option: SelectOption;
         handleClose: () => void;
@@ -2251,6 +2256,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onFocus: PropType<(event: FocusEvent) => void>;
     readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
+    readonly onSearch: PropType<MaybeArray<(value: string) => void>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -2323,6 +2329,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -3132,6 +3139,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly filterable: boolean;
     readonly disabledField: string;
     readonly clearFilterAfterSelect: boolean;
+    readonly remote: boolean;
     readonly cascade: boolean;
     readonly leafOnly: boolean;
     readonly showPath: boolean;

package/es/tree-select/src/TreeSelect.mjs

@@ -49,6 +49,7 @@ export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.
   loading: Boolean,
   maxTagCount: [String, Number],
   multiple: Boolean,
+  remote: Boolean,
   showPath: Boolean,
   separator: {
     type: String,
@@ -86,6 +87,7 @@ export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.
   onFocus: Function,
   onScroll: [Function, Array],
   onScrollOptionEnd: [Function, Array],
+  onSearch: [Function, Array],
   onLoad: Function,
   onUpdateShow: [Function, Array],
   onUpdateValue: [Function, Array],
@@ -136,20 +138,16 @@ export default 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());
       };
     });
-    // used to resolve selected options
     const dataTreeMateRef = computed(() => createTreeMate(props.options, createTreeMateOptions(props.keyField, props.childrenField, props.disabledField, undefined)));
     const {
       value: initMergedValue
@@ -486,11 +484,15 @@ export default 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 {
@@ -709,6 +711,7 @@ export default defineComponent({
       selectedOption: selectedOptionRef,
       selectedOptions: selectedOptionsRef,
       pattern: patternRef,
+      treePattern: treePatternRef,
       pendingNodeKey: pendingNodeKeyRef,
       mergedCascade: mergedCascadeRef,
       mergedFilter: mergedFilterRef,
@@ -824,7 +827,7 @@ export default defineComponent({
               allowCheckingNotLoaded: this.allowCheckingNotLoaded,
               showIrrelevantNodes: false,
               animated: false,
-              pattern: this.pattern,
+              pattern: this.treePattern,
               filter: this.mergedFilter,
               data: options,
               cancelable: multiple,

package/es/tree-select/src/interface.d.ts

@@ -29,6 +29,7 @@ export type OnUpdateValueImpl = (value: string | number | (string | number) | st
 export type OnUpdateIndeterminateKeysImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => void;
 export type Value = string | number | Array<string | number> | null;
 export type OnScrollOptionEnd = (option: TreeSelectOption, event: Event) => void;
+export type FilterHandler = (pattern: string, node: TreeSelectOption) => boolean;
 export interface ScrollOptionEndScanResult {
     reachedOptions: TreeSelectOption[];
     visibleKeys: Set<Key>;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.7";
+declare const _default: "2.0.9";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.0.7';
+export default '2.0.9';

package/lib/components.d.ts

@@ -107512,6 +107512,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
     readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select").OnScrollOptionEnd>>;
+    readonly onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     readonly onLoad: import("vue").PropType<(node: import("./tree-select").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -107581,6 +107582,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly loading: BooleanConstructor;
     readonly maxTagCount: import("vue").PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -108423,9 +108425,10 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     selectedOption: import("vue").ComputedRef<import("./select/src/interface").SelectBaseOption<string | number, string | ((option: import("./select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<import("./select/src/interface").SelectBaseOption<string | number, string | ((option: import("./select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
     pattern: import("vue").Ref<string, string>;
+    treePattern: import("vue").ComputedRef<string>;
     pendingNodeKey: import("vue").Ref<string | number | null, string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
-    mergedFilter: import("vue").ComputedRef<(pattern: string, node: import("./tree").TreeOption) => boolean>;
+    mergedFilter: import("vue").ComputedRef<import("./tree-select/src/interface").FilterHandler>;
     selectionRenderTag: import("vue").ComputedRef<(({ option, handleClose }: {
         option: import("./select").SelectOption;
         handleClose: () => void;
@@ -108860,6 +108863,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
     readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select").OnScrollOptionEnd>>;
+    readonly onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     readonly onLoad: import("vue").PropType<(node: import("./tree-select").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -108929,6 +108933,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly loading: BooleanConstructor;
     readonly maxTagCount: import("vue").PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -109738,6 +109743,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly filterable: boolean;
     readonly disabledField: string;
     readonly clearFilterAfterSelect: boolean;
+    readonly remote: boolean;
     readonly cascade: boolean;
     readonly leafOnly: boolean;
     readonly showPath: boolean;

package/lib/tree/src/TreeNode.d.ts

@@ -51,7 +51,7 @@ declare const TreeNode: import("vue").DefineComponent<import("vue").ExtractPropT
     handleDragLeave: (e: DragEvent) => void;
     handleLineClick: (e: PointerEvent) => void;
     handleContentClick: (e: PointerEvent) => void;
-    handleSwitcherClick: () => void;
+    handleSwitcherClick: (e?: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;

package/lib/tree/src/TreeNode.js

@@ -46,7 +46,8 @@ const TreeNode = (0, vue_1.defineComponent)({
         (0, vue_1.onMounted)(() => {
             contentElRef.value = contentInstRef.value.$el;
         });
-        function handleSwitcherClick() {
+        function handleSwitcherClick(e) {
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
             const callback = () => {
                 const { tmNode } = props;
                 if (!tmNode.isLeaf && !tmNode.shallowLoaded) {

package/lib/tree-select/src/TreeSelect.d.ts

@@ -7,7 +7,7 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import type { InternalTreeInst, Key, TreeOption } from '../../tree/src/interface';
-import type { OnScrollOptionEnd, OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
+import type { FilterHandler, OnScrollOptionEnd, OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
 type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
     readonly renderLabel: PropType<TreeSelectRenderLabel>;
@@ -18,6 +18,7 @@ export declare const treeSelectProps: {
     readonly onFocus: PropType<(event: FocusEvent) => void>;
     readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
+    readonly onSearch: PropType<MaybeArray<(value: string) => void>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -90,6 +91,7 @@ export declare const treeSelectProps: {
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -900,6 +902,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onFocus: PropType<(event: FocusEvent) => void>;
     readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
+    readonly onSearch: PropType<MaybeArray<(value: string) => void>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -972,6 +975,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -1814,9 +1818,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)>[] | null>;
     pattern: import("vue").Ref<string, string>;
+    treePattern: import("vue").ComputedRef<string>;
     pendingNodeKey: import("vue").Ref<string | number | null, string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
-    mergedFilter: import("vue").ComputedRef<(pattern: string, node: TreeOption) => boolean>;
+    mergedFilter: import("vue").ComputedRef<FilterHandler>;
     selectionRenderTag: import("vue").ComputedRef<(({ option, handleClose }: {
         option: SelectOption;
         handleClose: () => void;
@@ -2251,6 +2256,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onFocus: PropType<(event: FocusEvent) => void>;
     readonly onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly onScrollOptionEnd: PropType<MaybeArray<OnScrollOptionEnd>>;
+    readonly onSearch: PropType<MaybeArray<(value: string) => void>>;
     readonly onLoad: PropType<OnLoad>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
@@ -2323,6 +2329,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -3132,6 +3139,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly filterable: boolean;
     readonly disabledField: string;
     readonly clearFilterAfterSelect: boolean;
+    readonly remote: boolean;
     readonly cascade: boolean;
     readonly leafOnly: boolean;
     readonly showPath: boolean;

package/lib/tree-select/src/TreeSelect.js

@@ -40,7 +40,7 @@ exports.treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assig
     }, filterable: Boolean, checkStrategy: {
         type: String,
         default: 'all'
-    }, loading: Boolean, maxTagCount: [String, Number], multiple: Boolean, showPath: Boolean, separator: {
+    }, loading: Boolean, maxTagCount: [String, Number], multiple: Boolean, remote: Boolean, showPath: Boolean, separator: {
         type: String,
         default: ' / '
     }, options: {
@@ -55,7 +55,7 @@ exports.treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assig
     }, size: String, value: [String, Number, Array], to: _utils_1.useAdjustedTo.propTo, menuProps: Object, virtualScroll: {
         type: Boolean,
         default: true
-    }, status: String, renderTag: Function }), Tree_1.treeSharedProps), { renderLabel: Function, renderPrefix: Function, renderSuffix: Function, nodeProps: Function, onBlur: Function, onFocus: Function, onScroll: [Function, Array], onScrollOptionEnd: [Function, Array], onLoad: Function, onUpdateShow: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], 'onUpdate:show': [Function, Array], 
+    }, status: String, renderTag: Function }), Tree_1.treeSharedProps), { renderLabel: Function, renderPrefix: Function, renderSuffix: Function, nodeProps: Function, onBlur: Function, onFocus: Function, onScroll: [Function, Array], onScrollOptionEnd: [Function, Array], onSearch: [Function, Array], onLoad: Function, onUpdateShow: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], 'onUpdate:show': [Function, Array], 
     /**
      * @deprecated
      */
@@ -86,20 +86,20 @@ exports.default = (0, vue_1.defineComponent)({
         const controlledShowRef = (0, vue_1.toRef)(props, 'show');
         const mergedShowRef = (0, vooks_1.useMergedState)(controlledShowRef, uncontrolledShowRef);
         const patternRef = (0, vue_1.ref)('');
+        const treePatternRef = (0, vue_1.computed)(() => {
+            return props.remote ? '' : patternRef.value;
+        });
         const mergedFilterRef = (0, vue_1.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]
+                return node[props.labelField]
                     .toLowerCase()
                     .includes(pattern.toLowerCase());
             };
         });
-        // used to resolve selected options
         const dataTreeMateRef = (0, vue_1.computed)(() => (0, treemate_1.createTreeMate)(props.options, (0, Tree_1.createTreeMateOptions)(props.keyField, props.childrenField, props.disabledField, undefined)));
         const { value: initMergedValue } = mergedValueRef;
         const pendingNodeKeyRef = (0, vue_1.ref)(props.checkable
@@ -402,9 +402,13 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
         }
+        function doSearch(value) {
+            props.onSearch && (0, _utils_1.call)(props.onSearch, value);
+        }
         function handlePatternInput(event) {
             const { value } = event.target;
             patternRef.value = value;
+            doSearch(value);
         }
         function treeHandleKeydown(event) {
             const { value: treeInst } = treeInstRef;
@@ -565,7 +569,7 @@ exports.default = (0, vue_1.defineComponent)({
             : undefined;
         return Object.assign(Object.assign({}, exposedMethods), { menuElRef, mergedStatus: mergedStatusRef, triggerInstRef,
             followerInstRef,
-            treeInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, namespace: namespaceRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), isMounted: (0, vooks_1.useIsMounted)(), focused: focusedRef, menuPadding: menuPaddingRef, mergedPlaceholder: mergedPlaceholderRef, mergedExpandedKeys: mergedExpandedKeysRef, treeSelectedKeys: treeSelectedKeysRef, treeCheckedKeys: treeCheckedKeysRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, pattern: patternRef, pendingNodeKey: pendingNodeKeyRef, mergedCascade: mergedCascadeRef, mergedFilter: mergedFilterRef, selectionRenderTag: selectionRenderTagRef, handleTriggerOrMenuResize,
+            treeInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, namespace: namespaceRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), isMounted: (0, vooks_1.useIsMounted)(), focused: focusedRef, menuPadding: menuPaddingRef, mergedPlaceholder: mergedPlaceholderRef, mergedExpandedKeys: mergedExpandedKeysRef, treeSelectedKeys: treeSelectedKeysRef, treeCheckedKeys: treeCheckedKeysRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, pattern: patternRef, treePattern: treePatternRef, pendingNodeKey: pendingNodeKeyRef, mergedCascade: mergedCascadeRef, mergedFilter: mergedFilterRef, selectionRenderTag: selectionRenderTagRef, handleTriggerOrMenuResize,
             doUpdateExpandedKeys,
             handleMenuLeave,
             handleTriggerClick,
@@ -610,7 +614,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         (menuProps === null || menuProps === void 0 ? void 0 : menuProps.style) || '',
                                         this.cssVars
                                     ], tabindex: 0, onMousedown: this.handleMenuMousedown, onKeydown: this.handleKeydown, onFocusin: this.handleMenuFocusin, onFocusout: this.handleMenuFocusout }),
-                                    (0, vue_1.h)(tree_1.UTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.pattern, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, disabledField: this.disabledField, childrenField: this.childrenField, theme: mergedTheme.peers.Tree, themeOverrides: mergedTheme.peerOverrides.Tree, defaultExpandAll: this.defaultExpandAll, defaultExpandedKeys: this.defaultExpandedKeys, expandedKeys: this.mergedExpandedKeys, checkedKeys: this.treeCheckedKeys, selectedKeys: this.treeSelectedKeys, checkable: checkable, checkStrategy: this.checkStrategy, cascade: this.mergedCascade, leafOnly: this.leafOnly, multiple: this.multiple, renderLabel: this.renderLabel, renderPrefix: this.renderPrefix, renderSuffix: this.renderSuffix, renderSwitcherIcon: this.renderSwitcherIcon, nodeProps: this.nodeProps, virtualScroll: this.consistentMenuWidth && this.virtualScroll, internalTreeSelect: true, internalUnifySelectCheck: true, internalScrollable: true, internalScrollablePadding: this.menuPadding, internalFocusable: false, internalCheckboxFocusable: false, internalRenderEmpty: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tree-select-menu__empty` }, (0, _utils_1.resolveSlot)($slots.empty, () => [
+                                    (0, vue_1.h)(tree_1.UTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.treePattern, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, disabledField: this.disabledField, childrenField: this.childrenField, theme: mergedTheme.peers.Tree, themeOverrides: mergedTheme.peerOverrides.Tree, defaultExpandAll: this.defaultExpandAll, defaultExpandedKeys: this.defaultExpandedKeys, expandedKeys: this.mergedExpandedKeys, checkedKeys: this.treeCheckedKeys, selectedKeys: this.treeSelectedKeys, checkable: checkable, checkStrategy: this.checkStrategy, cascade: this.mergedCascade, leafOnly: this.leafOnly, multiple: this.multiple, renderLabel: this.renderLabel, renderPrefix: this.renderPrefix, renderSuffix: this.renderSuffix, renderSwitcherIcon: this.renderSwitcherIcon, nodeProps: this.nodeProps, virtualScroll: this.consistentMenuWidth && this.virtualScroll, internalTreeSelect: true, internalUnifySelectCheck: true, internalScrollable: true, internalScrollablePadding: this.menuPadding, internalFocusable: false, internalCheckboxFocusable: false, internalRenderEmpty: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tree-select-menu__empty` }, (0, _utils_1.resolveSlot)($slots.empty, () => [
                                             (0, vue_1.h)(empty_1.UEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
                                         ]))), onLoad: this.onLoad, onUpdateCheckedKeys: this.handleUpdateCheckedKeys, onUpdateIndeterminateKeys: this.handleUpdateIndeterminateKeys, onUpdateExpandedKeys: this.doUpdateExpandedKeys, onScroll: this.handleTreeScroll }),
                                     (0, _utils_1.resolveWrappedSlot)($slots.action, (children) => {

package/lib/tree-select/src/interface.d.ts

@@ -29,6 +29,7 @@ export type OnUpdateValueImpl = (value: string | number | (string | number) | st
 export type OnUpdateIndeterminateKeysImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => void;
 export type Value = string | number | Array<string | number> | null;
 export type OnScrollOptionEnd = (option: TreeSelectOption, event: Event) => void;
+export type FilterHandler = (pattern: string, node: TreeSelectOption) => boolean;
 export interface ScrollOptionEndScanResult {
     reachedOptions: TreeSelectOption[];
     visibleKeys: Set<Key>;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.7";
+declare const _default: "2.0.9";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.0.7';
+exports.default = '2.0.9';

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "2.0.7",
+  "version": "2.0.9",
+  "packageManager": "pnpm@10.33.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "author": {
     "name": "KapitalLab",
@@ -57,7 +58,7 @@
     "dev": "pnpm run clean && pnpm run gen-version && pnpm run gen-volar-dts && NODE_ENV=development vite",
     "build:package": "pnpm run gen-version && pnpm run clean && pnpm run gen-volar-dts && tsc -b --force tsconfig.esm.json && tsx scripts/pre-build/pre-cjs-build.ts && tsc -b --force tsconfig.cjs.json && rollup -c && pnpm run test:umd && pnpm run test:esm && pnpm run post-build && rimraf {es,lib}/*.tsbuildinfo",
     "build:themes": "tsc -b --force themes/tusimple/tsconfig.esm.json && tsc -b --force themes/tusimple/tsconfig.cjs.json",
-    "build:site": "bash ./scripts/pre-build-site/pre-build-site.sh && NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && bash ./scripts/post-build-site/post-build-site.sh",
+    "build:site": "sh ./scripts/pre-build-site/pre-build-site.sh && NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && sh ./scripts/post-build-site/post-build-site.sh",
     "clean": "rimraf site lib es dist node_modules/@uzum-tech/ui themes/tusimple/es themes/tusimple/lib",
     "release:package": "npm login && pnpm install && pnpm run test && pnpm run build:package && npm publish --no-git-checks",
     "release:changelog": "tsx scripts/release-changelog.ts",
@@ -79,7 +80,7 @@
     "gen-version": "tsx scripts/gen-version.ts",
     "gen-volar-dts": "tsx scripts/gen-component-declaration.ts",
     "post-build": "tsx scripts/post-build/index.ts",
-    "build:site:ts": "bash ./scripts/pre-build-site/pre-build-site.sh && TUSIMPLE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && bash ./scripts/post-build-site/post-build-site.sh",
+    "build:site:ts": "sh ./scripts/pre-build-site/pre-build-site.sh && TUSIMPLE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && sh ./scripts/post-build-site/post-build-site.sh",
     "prepare": "husky",
     "transpile-docs": "tsx scripts/md-to-vue.ts data-table",
     "type-check": "vue-tsc --noEmit",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -15731,6 +15731,16 @@
               "description": "Placeholder.",
               "default": "'Please Select'"
             },
+            {
+              "name": "remote",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tree-select",
+              "type": "boolean",
+              "description": "Whether to disable client-side filtering when `filterable` is set, so the `search` event can be used to load options remotely.",
+              "default": "false",
+              "description-sections": {
+                "since": "2.0.8"
+              }
+            },
             {
               "name": "placement",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tree-select",
@@ -15910,6 +15920,16 @@
                   "since": "2.0.7"
                 }
               },
+              {
+                "name": "search",
+                "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tree-select",
+                "type": "(value: string) => void",
+                "description": "Callback fired when the filter input changes. Used together with `remote` to load options on the server.",
+                "default": "undefined",
+                "description-sections": {
+                  "since": "2.0.8"
+                }
+              },
               {
                 "name": "update:expanded-keys",
                 "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tree-select",