@uzum-tech/ui 1.2.1 → 1.2.2

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

@@ -57,6 +57,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;
@@ -467,6 +468,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 +860,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;
@@ -1184,6 +1187,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;

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

@@ -33,7 +33,7 @@ export const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props)
     }, 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 +109,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 +164,9 @@ export default defineComponent({
             canBeActivatedRef.value = true;
             doFocus(e);
         }
+        function handleMenuScroll(e) {
+            doScroll(e);
+        }
         function handleBlur(e) {
             canBeActivatedRef.value = false;
             doBlur(e);
@@ -221,6 +229,7 @@ export default defineComponent({
             mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
+            handleMenuScroll,
             handleBlur,
             handleInput,
             handleToggle,
@@ -276,7 +285,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 })), [
                                     [
                                         clickoutside,
                                         this.handleClickOutsideMenu,

package/es/version.d.ts

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

package/es/version.js

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

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

@@ -57,6 +57,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;
@@ -467,6 +468,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 +860,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;
@@ -1184,6 +1187,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;

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

@@ -39,7 +39,7 @@ exports.autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, 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 +115,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 +170,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 +235,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedStatus: mergedStatusRef,
             handleClear,
             handleFocus,
+            handleMenuScroll,
             handleBlur,
             handleInput,
             handleToggle,
@@ -282,7 +291,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 })), [
                                     [
                                         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.2";
 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.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "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.2",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -534,6 +534,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"