@uzum-tech/ui 1.8.2 → 1.9.1

package/lib/_internal/scrollbar/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-const cssr_1 = require("../../../../_utils/cssr");
 const fade_in_cssr_1 = require("../../../../_styles/transitions/fade-in.cssr");
+const cssr_1 = require("../../../../_utils/cssr");
 // vars:
 // --u-scrollbar-bezier
 // --u-scrollbar-color
@@ -12,6 +12,9 @@ const fade_in_cssr_1 = require("../../../../_styles/transitions/fade-in.cssr");
 // --u-scrollbar-width
 // --u-scrollbar-height
 // --u-scrollbar-border-radius
+// --u-scrollbar-rail-inset-horizontal
+// --u-scrollbar-rail-inset-vertical
+// --u-scrollbar-rail-color
 exports.default = (0, cssr_1.cB)('scrollbar', `
  overflow: hidden;
  position: relative;
@@ -29,40 +32,54 @@ exports.default = (0, cssr_1.cB)('scrollbar', `
  width: 0;
  height: 0;
  display: none;
- `), (0, cssr_1.c)('>', [(0, cssr_1.cB)('scrollbar-content', `
+ `), (0, cssr_1.c)('>', [
+// We can't set overflow hidden since it affects positioning.
+(0, cssr_1.cB)('scrollbar-content', `
  box-sizing: border-box;
  min-width: 100%;
  `)])])]), (0, cssr_1.c)('>, +', [(0, cssr_1.cB)('scrollbar-rail', `
  position: absolute;
  pointer-events: none;
  user-select: none;
+ background: var(--u-scrollbar-rail-color);
  -webkit-user-select: none;
  `, [(0, cssr_1.cM)('horizontal', `
- left: 2px;
- right: 2px;
- bottom: 4px;
  height: var(--u-scrollbar-height);
  `, [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
  height: var(--u-scrollbar-height);
  border-radius: var(--u-scrollbar-border-radius);
  right: 0;
- `)])]), (0, cssr_1.cM)('vertical', `
- right: 4px;
- top: 2px;
- bottom: 2px;
+ `)])]), (0, cssr_1.cM)('horizontal--top', `
+ top: var(--u-scrollbar-rail-top-horizontal-top); 
+ right: var(--u-scrollbar-rail-right-horizontal-top); 
+ bottom: var(--u-scrollbar-rail-bottom-horizontal-top); 
+ left: var(--u-scrollbar-rail-left-horizontal-top); 
+ `), (0, cssr_1.cM)('horizontal--bottom', `
+ top: var(--u-scrollbar-rail-top-horizontal-bottom); 
+ right: var(--u-scrollbar-rail-right-horizontal-bottom); 
+ bottom: var(--u-scrollbar-rail-bottom-horizontal-bottom); 
+ left: var(--u-scrollbar-rail-left-horizontal-bottom); 
+ `), (0, cssr_1.cM)('vertical', `
  width: var(--u-scrollbar-width);
  `, [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
  width: var(--u-scrollbar-width);
  border-radius: var(--u-scrollbar-border-radius);
  bottom: 0;
- `)])]), (0, cssr_1.cM)('disabled', [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', {
-  pointerEvents: 'none'
-})])]), (0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
+ `)])]), (0, cssr_1.cM)('vertical--left', `
+ top: var(--u-scrollbar-rail-top-vertical-left); 
+ right: var(--u-scrollbar-rail-right-vertical-left); 
+ bottom: var(--u-scrollbar-rail-bottom-vertical-left); 
+ left: var(--u-scrollbar-rail-left-vertical-left); 
+ `), (0, cssr_1.cM)('vertical--right', `
+ top: var(--u-scrollbar-rail-top-vertical-right); 
+ right: var(--u-scrollbar-rail-right-vertical-right); 
+ bottom: var(--u-scrollbar-rail-bottom-vertical-right); 
+ left: var(--u-scrollbar-rail-left-vertical-right); 
+ `), (0, cssr_1.cM)('disabled', [(0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', 'pointer-events: none;')])]), (0, cssr_1.c)('>', [(0, cssr_1.cE)('scrollbar', `
+ z-index: 1;
  position: absolute;
  cursor: pointer;
  pointer-events: all;
  background-color: var(--u-scrollbar-color);
  transition: background-color .2s var(--u-scrollbar-bezier);
- `, [(0, fade_in_cssr_1.fadeInTransition)(), (0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--u-scrollbar-color-hover)'
-})])])])])]);
+ `, [(0, fade_in_cssr_1.fadeInTransition)(), (0, cssr_1.c)('&:hover', 'background-color: var(--u-scrollbar-color-hover);')])])])])]);

package/lib/_internal/scrollbar/styles/common.d.ts

@@ -0,0 +1,7 @@
+export declare const commonVars: {
+    railInsetHorizontalBottom: string;
+    railInsetHorizontalTop: string;
+    railInsetVerticalRight: string;
+    railInsetVerticalLeft: string;
+    railColor: string;
+};

package/lib/_internal/scrollbar/styles/common.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.commonVars = void 0;
+exports.commonVars = {
+    railInsetHorizontalBottom: 'auto 2px 4px 2px',
+    railInsetHorizontalTop: '4px 2px auto 2px',
+    railInsetVerticalRight: '2px 4px 2px auto',
+    railInsetVerticalLeft: '2px auto 2px 4px',
+    railColor: 'transparent'
+};

package/lib/_internal/scrollbar/styles/light.d.ts

@@ -1,8 +1,16 @@
 import type { ThemeCommonVars } from '../../../_styles/common';
 import type { Theme } from '../../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
+    height: string;
+    width: string;
+    borderRadius: string;
     color: string;
     colorHover: string;
+    railInsetHorizontalBottom: string;
+    railInsetHorizontalTop: string;
+    railInsetVerticalRight: string;
+    railInsetVerticalLeft: string;
+    railColor: string;
 };
 export type ScrollbarThemeVars = ReturnType<typeof self>;
 declare const scrollbarLight: Theme<'Scrollbar', ScrollbarThemeVars>;

package/lib/_internal/scrollbar/styles/light.js

@@ -2,12 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../../_styles/common");
+const common_2 = require("./common");
 const self = (vars) => {
-    const { scrollbarColor, scrollbarColorHover } = vars;
-    return {
-        color: scrollbarColor,
-        colorHover: scrollbarColorHover
-    };
+    const { scrollbarColor, scrollbarColorHover, scrollbarHeight, scrollbarWidth, scrollbarBorderRadius } = vars;
+    return Object.assign(Object.assign({}, common_2.commonVars), { height: scrollbarHeight, width: scrollbarWidth, borderRadius: scrollbarBorderRadius, color: scrollbarColor, colorHover: scrollbarColorHover });
 };
 exports.self = self;
 const scrollbarLight = {

package/lib/_internal/select-menu/src/SelectMenu.d.ts

@@ -101,8 +101,16 @@ declare const _default: import("vue").DefineComponent<{
         loadingColor: string;
     }, {
         Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
             iconSizeSmall: string;
@@ -158,8 +166,16 @@ declare const _default: import("vue").DefineComponent<{
         loadingColor: string;
     }, {
         Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
             iconSizeSmall: string;
@@ -215,8 +231,16 @@ declare const _default: import("vue").DefineComponent<{
         loadingColor: string;
     }, {
         Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
             iconSizeSmall: string;
@@ -280,8 +304,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -319,7 +351,7 @@ declare const _default: import("vue").DefineComponent<{
     virtualListRef: import("vue").Ref<{
         listElRef: HTMLElement;
         itemsElRef: HTMLElement | null;
-        scrollTo: import("vueuc/lib/virtual-list/src/VirtualList").ScrollTo;
+        scrollTo: import("vueuc").VVirtualListScrollTo;
     } | null>;
     scrollbarRef: import("vue").Ref<{
         $el: HTMLElement;
@@ -475,8 +507,16 @@ declare const _default: import("vue").DefineComponent<{
         loadingColor: string;
     }, {
         Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
             iconSizeSmall: string;
@@ -532,8 +572,16 @@ declare const _default: import("vue").DefineComponent<{
         loadingColor: string;
     }, {
         Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
             iconSizeSmall: string;
@@ -589,8 +637,16 @@ declare const _default: import("vue").DefineComponent<{
         loadingColor: string;
     }, {
         Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
             iconSizeSmall: string;

package/lib/_internal/select-menu/styles/light.d.ts

@@ -67,8 +67,16 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
     loadingColor: string;
 }, {
     Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
         color: string;
         colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
     }, any>;
     Empty: import("../../../_mixins").Theme<"Empty", {
         iconSizeSmall: string;

package/lib/_internal/selection/src/Selection.d.ts

@@ -608,7 +608,9 @@ declare const _default: import("vue").DefineComponent<{
     singleElRef: import("vue").Ref<HTMLElement | null>;
     patternInputWrapperRef: import("vue").Ref<HTMLElement | null>;
     overflowRef: import("vue").Ref<{
-        sync: () => void;
+        sync: (options: {
+            showAllItemsBeforeCalculate: boolean;
+        }) => void;
     } | null>;
     inputTagElRef: import("vue").Ref<HTMLElement | null>;
     handleMouseDown: (e: MouseEvent) => void;

package/lib/_internal/selection/src/Selection.js

@@ -113,7 +113,9 @@ exports.default = (0, vue_1.defineComponent)({
                 if (patternInputEl) {
                     patternInputEl.style.width = `${patternInputMirrorEl.offsetWidth}px`;
                     if (props.maxTagCount !== 'responsive') {
-                        (_a = overflowRef.value) === null || _a === void 0 ? void 0 : _a.sync();
+                        (_a = overflowRef.value) === null || _a === void 0 ? void 0 : _a.sync({
+                            showAllItemsBeforeCalculate: false
+                        });
                     }
                 }
             }

package/lib/_utils/css/index.d.ts

@@ -1,3 +1,4 @@
 export { formatLength } from './format-length';
 export { color2Class } from './color-to-class';
 export { resolveSize } from './normalize-size';
+export { rtlInset } from './rtl-inset';

package/lib/_utils/css/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveSize = exports.color2Class = exports.formatLength = void 0;
+exports.rtlInset = exports.resolveSize = exports.color2Class = exports.formatLength = void 0;
 var format_length_1 = require("./format-length");
 Object.defineProperty(exports, "formatLength", { enumerable: true, get: function () { return format_length_1.formatLength; } });
 var color_to_class_1 = require("./color-to-class");
 Object.defineProperty(exports, "color2Class", { enumerable: true, get: function () { return color_to_class_1.color2Class; } });
 var normalize_size_1 = require("./normalize-size");
 Object.defineProperty(exports, "resolveSize", { enumerable: true, get: function () { return normalize_size_1.resolveSize; } });
+var rtl_inset_1 = require("./rtl-inset");
+Object.defineProperty(exports, "rtlInset", { enumerable: true, get: function () { return rtl_inset_1.rtlInset; } });

package/lib/_utils/css/rtl-inset.d.ts

@@ -0,0 +1 @@
+export declare function rtlInset(inset: string): string;

package/lib/_utils/css/rtl-inset.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rtlInset = rtlInset;
+const seemly_1 = require("seemly");
+function rtlInset(inset) {
+    const { left, right, top, bottom } = (0, seemly_1.getPadding)(inset);
+    return `${top} ${left} ${bottom} ${right}`;
+}

package/lib/_utils/index.d.ts

@@ -2,7 +2,7 @@ export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, g
 export type { MaybeArray } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute, isArrayShallowEqual } from './uzum';
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from './uzum';
-export { formatLength, color2Class, resolveSize } from './css';
+export { formatLength, color2Class, resolveSize, rtlInset } from './css';
 export { createKey } from './cssr';
 export { isJsdom } from './env/is-jsdom';
 export { isBrowser } from './env/is-browser';

package/lib/_utils/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStylesWithSingleColor = exports.markEventEffectPerformed = exports.eventEffectNotPerformed = exports.isBrowser = exports.isJsdom = exports.createKey = exports.resolveSize = exports.color2Class = exports.formatLength = exports.isArrayShallowEqual = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.Wrapper = exports.resolveWrappedSlotWithProps = exports.isNodeVShowFalse = exports.mergeEventHandlers = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
+exports.createStylesWithSingleColor = exports.markEventEffectPerformed = exports.eventEffectNotPerformed = exports.isBrowser = exports.isJsdom = exports.createKey = exports.rtlInset = exports.resolveSize = exports.color2Class = exports.formatLength = exports.isArrayShallowEqual = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.Wrapper = exports.resolveWrappedSlotWithProps = exports.isNodeVShowFalse = exports.mergeEventHandlers = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
 var vue_1 = require("./vue");
 Object.defineProperty(exports, "call", { enumerable: true, get: function () { return vue_1.call; } });
 Object.defineProperty(exports, "keep", { enumerable: true, get: function () { return vue_1.keep; } });
@@ -48,6 +48,7 @@ var css_1 = require("./css");
 Object.defineProperty(exports, "formatLength", { enumerable: true, get: function () { return css_1.formatLength; } });
 Object.defineProperty(exports, "color2Class", { enumerable: true, get: function () { return css_1.color2Class; } });
 Object.defineProperty(exports, "resolveSize", { enumerable: true, get: function () { return css_1.resolveSize; } });
+Object.defineProperty(exports, "rtlInset", { enumerable: true, get: function () { return css_1.rtlInset; } });
 var cssr_1 = require("./cssr");
 Object.defineProperty(exports, "createKey", { enumerable: true, get: function () { return cssr_1.createKey; } });
 var is_jsdom_1 = require("./env/is-jsdom");

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

@@ -100,8 +100,16 @@ export declare const autoCompleteProps: {
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -225,8 +233,16 @@ export declare const autoCompleteProps: {
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -350,8 +366,16 @@ export declare const autoCompleteProps: {
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -533,8 +557,16 @@ declare const _default: import("vue").DefineComponent<{
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -658,8 +690,16 @@ declare const _default: import("vue").DefineComponent<{
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -783,8 +823,16 @@ declare const _default: import("vue").DefineComponent<{
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -952,8 +1000,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1044,8 +1100,16 @@ declare const _default: import("vue").DefineComponent<{
             InternalSelectMenu?: {
                 peers?: {
                     Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>> | undefined;
                     Empty?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -1177,8 +1241,16 @@ declare const _default: import("vue").DefineComponent<{
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -1302,8 +1374,16 @@ declare const _default: import("vue").DefineComponent<{
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;
@@ -1427,8 +1507,16 @@ declare const _default: import("vue").DefineComponent<{
             loadingColor: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
                 color: string;
                 colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 iconSizeSmall: string;

package/lib/auto-complete/styles/light.d.ts

@@ -39,8 +39,16 @@ declare const autoCompleteLight: import("../../_mixins").Theme<"AutoComplete", {
         loadingColor: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
             color: string;
             colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
             iconSizeSmall: string;

package/lib/back-top/src/BackTop.d.ts

@@ -250,8 +250,8 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly right: string | number;
-    readonly to: string | HTMLElement;
     readonly bottom: string | number;
+    readonly to: string | HTMLElement;
     readonly show: boolean | undefined;
     readonly 'onUpdate:show': Function;
     readonly visibilityHeight: number;