@uzum-tech/ui 1.2.1 → 1.2.3

package/es/auto-complete/src/AutoComplete.d.ts

@@ -33,6 +33,10 @@ export declare const autoCompleteProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly resetMenuOnOptionsChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly placeholder: StringConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -57,6 +61,7 @@ export declare const autoCompleteProps: {
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -443,6 +448,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly resetMenuOnOptionsChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly placeholder: StringConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -467,6 +476,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -858,6 +868,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
     handleClear: () => void;
     handleFocus: (e: FocusEvent) => void;
+    handleMenuScroll: (e: Event) => void;
     handleBlur: (e: FocusEvent) => void;
     handleInput: (value: string) => void;
     handleToggle: (option: TreeNode<SelectBaseOption>) => void;
@@ -1160,6 +1171,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly resetMenuOnOptionsChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly placeholder: StringConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -1184,6 +1199,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -1549,6 +1565,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
+    readonly resetMenuOnOptionsChange: boolean;
     readonly clearable: boolean;
     readonly defaultValue: string | null;
     readonly blurAfterSelect: boolean;

package/es/auto-complete/src/AutoComplete.js

@@ -27,13 +27,16 @@ export const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props)
     }, disabled: {
         type: Boolean,
         default: undefined
+    }, resetMenuOnOptionsChange: {
+        type: Boolean,
+        default: true
     }, placeholder: String, placement: {
         type: String,
         default: 'bottom-start'
     }, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
         type: Array,
         default: () => []
-    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], 
+    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], 
     // deprecated
     onInput: [Function, Array] });
 export default defineComponent({
@@ -109,6 +112,11 @@ export default defineComponent({
                 call(onFocus, e);
             nTriggerFormFocus();
         }
+        function doScroll(e) {
+            const { onScroll } = props;
+            if (onScroll)
+                call(onScroll, e);
+        }
         function handleCompositionStart() {
             isComposingRef.value = true;
         }
@@ -159,6 +167,9 @@ export default defineComponent({
             canBeActivatedRef.value = true;
             doFocus(e);
         }
+        function handleMenuScroll(e) {
+            doScroll(e);
+        }
         function handleBlur(e) {
             canBeActivatedRef.value = false;
             doBlur(e);
@@ -221,6 +232,7 @@ export default defineComponent({
             mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
+            handleMenuScroll,
             handleBlur,
             handleInput,
             handleToggle,
@@ -276,7 +288,7 @@ export default defineComponent({
                                     ], style: [
                                         menuProps === null || menuProps === void 0 ? void 0 : menuProps.style,
                                         this.cssVars
-                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle })), [
+                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle, onScroll: this.handleMenuScroll, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange })), [
                                     [
                                         clickoutside,
                                         this.handleClickOutsideMenu,

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.2.1";
+declare const _default: "1.2.3";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.2.1';
+export default '1.2.3';

package/lib/auto-complete/src/AutoComplete.d.ts

@@ -33,6 +33,10 @@ export declare const autoCompleteProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly resetMenuOnOptionsChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly placeholder: StringConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -57,6 +61,7 @@ export declare const autoCompleteProps: {
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -443,6 +448,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly resetMenuOnOptionsChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly placeholder: StringConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -467,6 +476,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -858,6 +868,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
     handleClear: () => void;
     handleFocus: (e: FocusEvent) => void;
+    handleMenuScroll: (e: Event) => void;
     handleBlur: (e: FocusEvent) => void;
     handleInput: (value: string) => void;
     handleToggle: (option: TreeNode<SelectBaseOption>) => void;
@@ -1160,6 +1171,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly resetMenuOnOptionsChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly placeholder: StringConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -1184,6 +1199,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -1549,6 +1565,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
+    readonly resetMenuOnOptionsChange: boolean;
     readonly clearable: boolean;
     readonly defaultValue: string | null;
     readonly blurAfterSelect: boolean;

package/lib/auto-complete/src/AutoComplete.js

@@ -33,13 +33,16 @@ exports.autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, disabled: {
         type: Boolean,
         default: undefined
+    }, resetMenuOnOptionsChange: {
+        type: Boolean,
+        default: true
     }, placeholder: String, placement: {
         type: String,
         default: 'bottom-start'
     }, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
         type: Array,
         default: () => []
-    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], 
+    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], 
     // deprecated
     onInput: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
@@ -115,6 +118,11 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onFocus, e);
             nTriggerFormFocus();
         }
+        function doScroll(e) {
+            const { onScroll } = props;
+            if (onScroll)
+                (0, _utils_1.call)(onScroll, e);
+        }
         function handleCompositionStart() {
             isComposingRef.value = true;
         }
@@ -165,6 +173,9 @@ exports.default = (0, vue_1.defineComponent)({
             canBeActivatedRef.value = true;
             doFocus(e);
         }
+        function handleMenuScroll(e) {
+            doScroll(e);
+        }
         function handleBlur(e) {
             canBeActivatedRef.value = false;
             doBlur(e);
@@ -227,6 +238,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
+            handleMenuScroll,
             handleBlur,
             handleInput,
             handleToggle,
@@ -282,7 +294,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     ], style: [
                                         menuProps === null || menuProps === void 0 ? void 0 : menuProps.style,
                                         this.cssVars
-                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle })), [
+                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle, onScroll: this.handleMenuScroll, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange })), [
                                     [
                                         vdirs_1.clickoutside,
                                         this.handleClickOutsideMenu,

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.2.1";
+declare const _default: "1.2.3";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -92,7 +92,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "7.21.3",
+    "@babel/core": "7.22.0",
     "@babel/eslint-parser": "7.21.3",
     "@babel/generator": "7.21.4",
     "@babel/parser": "7.21.4",
@@ -158,7 +158,7 @@
     "vite-plugin-node-polyfills": "0.18.0",
     "vue": "3.3.4",
     "vue-router": "4.1.6",
-    "vue-tsc": "1.6.5"
+    "vue-tsc": "2.2.0"
   },
   "peerDependencies": {
     "vue": "^3.0.0"

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": "1.2.1",
+  "version": "1.2.3",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -401,6 +401,16 @@
               "description": "Whether the autocomplete is disabled.",
               "default": "false"
             },
+            {
+              "name": "reset-menu-on-options-change",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
+              "type": "boolean",
+              "description": "Whether to reset menu staus on options change, for example, scroll status.",
+              "default": "true",
+              "description-sections": {
+                "since": "2.24.2"
+              }
+            },
             {
               "name": "placeholder",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
@@ -534,6 +544,13 @@
                 "description": "On focus callback function.",
                 "default": "undefined"
               },
+              {
+                "name": "scroll",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete",
+                "type": "(event: ScrollEvent) => void",
+                "description": "Callback triggered when the options menu is scrolled.",
+                "default": "undefined"
+              },
               {
                 "name": "input",
                 "doc-url": "https://www.naiveui.com/en-US/os-theme/components/auto-complete"