@uzum-tech/ui 1.14.3 → 1.14.5

package/es/mapping-card/src/MappingCardList.js

@@ -1,79 +1,33 @@
-import { h, defineComponent, computed, ref } from 'vue';
+import { h, defineComponent, computed } from 'vue';
 import { useConfig } from '../../_mixins';
-import { call } from '../../_utils';
 import { UPagination } from '../../pagination';
+import { UFlex } from '../../flex';
 import UMappingCard from './MappingCard';
 import { mappingCardListProps } from './interface';
 export default defineComponent({
     name: 'MappingCardList',
     props: mappingCardListProps,
     setup(props) {
-        var _a;
         const { mergedClsPrefixRef } = useConfig(props);
-        const uncontrolledPageRef = ref(1);
-        const uncontrolledPageSizeRef = ref(props.pagination !== false ? (_a = props.pagination.pageSize) !== null && _a !== void 0 ? _a : 10 : 10);
-        const mergedPageRef = computed(() => {
-            const { pagination } = props;
-            if (pagination !== false && pagination.page !== undefined) {
-                return pagination.page;
-            }
-            return uncontrolledPageRef.value;
-        });
-        const mergedPageSizeRef = computed(() => {
-            const { pagination } = props;
-            if (pagination !== false && pagination.pageSize !== undefined) {
-                return pagination.pageSize;
-            }
-            return uncontrolledPageSizeRef.value;
-        });
-        const paginatedItemsRef = computed(() => {
-            const { pagination, items } = props;
-            if (!pagination)
-                return items;
-            const pageSize = mergedPageSizeRef.value;
-            const startIndex = (mergedPageRef.value - 1) * pageSize;
-            return items.slice(startIndex, startIndex + pageSize);
-        });
-        function doUpdatePage(page) {
-            uncontrolledPageRef.value = page;
-            const pagination = props.pagination;
-            if (!pagination)
-                return;
-            if (pagination['onUpdate:page']) {
-                call(pagination['onUpdate:page'], page);
-            }
-        }
-        function doUpdatePageSize(pageSize) {
-            uncontrolledPageSizeRef.value = pageSize;
-            uncontrolledPageRef.value = 1;
-            const pagination = props.pagination;
-            if (!pagination)
-                return;
-            if (pagination['onUpdate:pageSize']) {
-                call(pagination['onUpdate:pageSize'], pageSize);
-            }
-        }
         const mergedPaginationRef = computed(() => {
             const { pagination } = props;
-            if (!pagination)
+            if (pagination === false)
                 return null;
-            return Object.assign(Object.assign({}, pagination), { 'onUpdate:page': doUpdatePage, 'onUpdate:pageSize': doUpdatePageSize, page: mergedPageRef.value, pageSize: mergedPageSizeRef.value, itemCount: props.items.length });
+            return pagination;
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            paginatedItems: paginatedItemsRef,
             mergedPagination: mergedPaginationRef
         };
     },
     render() {
-        const { mergedClsPrefix, paginatedItems, mergedPagination, gap } = this;
+        const { mergedClsPrefix, mergedPagination, gap, items } = this;
         return (h("div", { class: `${mergedClsPrefix}-mapping-card-list` },
-            h("div", { class: `${mergedClsPrefix}-mapping-card-list__items`, style: { display: 'flex', flexDirection: 'column', gap: `${gap}px` } }, paginatedItems.map((item, index) => (h(UMappingCard, Object.assign({ key: index }, item))))),
-            mergedPagination ? (h("div", { class: `${mergedClsPrefix}-mapping-card-list__pagination`, style: {
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                    marginTop: '16px'
-                } },
-                h(UPagination, Object.assign({}, mergedPagination)))) : null));
+            h(UFlex, { vertical: true, size: gap, class: `${mergedClsPrefix}-mapping-card-list__items` }, {
+                default: () => items.map((item, index) => h(UMappingCard, Object.assign({ key: index }, item)))
+            }),
+            mergedPagination ? (h(UFlex, { justify: "flex-end", class: `${mergedClsPrefix}-mapping-card-list__pagination` }, {
+                default: () => h(UPagination, Object.assign({}, mergedPagination))
+            })) : null));
     }
 });

package/es/mapping-card/src/MappingCardParts/Body.js

@@ -31,10 +31,16 @@ export default defineComponent({
                 })));
         };
         return (h("div", { class: `${prefix}-mapping-card__body` }, rows.map((group, index) => {
-            var _a, _b;
+            var _a;
             return (h("div", { key: (_a = group.id) !== null && _a !== void 0 ? _a : index, class: `${prefix}-mapping-card__body-group` },
-                h(UList, { showDivider: false, showIcon: false },
-                    h(UGrid, { cols: (_b = props.cols) !== null && _b !== void 0 ? _b : 3, layoutShiftDisabled: true, class: `${prefix}-mapping-card__body-items` }, group.items.map(renderRowItem))),
+                h(UList, { showDivider: false, showIcon: false }, {
+                    default: () => {
+                        var _a;
+                        return (h(UGrid, { cols: (_a = props.cols) !== null && _a !== void 0 ? _a : 3, layoutShiftDisabled: true, class: `${prefix}-mapping-card__body-items` }, {
+                            default: () => group.items.map(renderRowItem)
+                        }));
+                    }
+                }),
                 group.icon && (h("div", { class: `${prefix}-mapping-card__body-group-icon` }, group.icon()))));
         })));
     }

package/es/mapping-card/src/MappingCardParts/Header.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, inject } from 'vue';
+import { h, defineComponent, inject, Fragment } from 'vue';
 import { UButton } from '../../../button';
 import { UIcon } from '../../../icon';
 import { UFlex } from '../../../flex';
@@ -22,23 +22,25 @@ export default defineComponent({
         const locale = localeRef.value;
         const renderTextProp = (value) => typeof value === 'function' ? value() : value;
         return (h("div", { class: `${prefix}-mapping-card__header` },
-            h(UFlex, { align: "center", size: "small", class: `${prefix}-mapping-card__header-info` },
-                h("div", { class: `${prefix}-mapping-card__header-info-text` },
-                    h("div", { class: `${prefix}-mapping-card__header-title` }, renderTextProp(props.title)),
-                    props.description && (h("div", { class: `${prefix}-mapping-card__header-description` }, renderTextProp(props.description)))),
-                !props.hideCopy && (h(UTooltip, null, {
-                    trigger: () => {
-                        var _a;
-                        return (h(UButton, Object.assign({ quaternary: true, circle: true }, ((_a = props.copyButtonProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.Button, themeOverrides: theme.peerOverrides.Button, onClick: () => { var _a; return (_a = props.onCopy) === null || _a === void 0 ? void 0 : _a.call(props); } }), {
-                            icon: () => {
-                                var _a;
-                                return (h(UIcon, Object.assign({}, ((_a = props.copyIconProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.CopyIcon, themeOverrides: theme.peerOverrides.CopyIcon }), { default: () => h(ContentCopy, null) }));
-                            }
-                        }));
-                    },
-                    default: () => locale.copyTooltip
-                }))),
-            h(UFlex, { align: "center", size: "small" }, {
+            h(UFlex, { align: "center", size: "small", class: `${prefix}-mapping-card__header-info` }, {
+                default: () => (h(Fragment, null,
+                    h("div", { class: `${prefix}-mapping-card__header-info-text` },
+                        h("div", { class: `${prefix}-mapping-card__header-title` }, renderTextProp(props.title)),
+                        props.description && (h("div", { class: `${prefix}-mapping-card__header-description` }, renderTextProp(props.description)))),
+                    !props.hideCopy && (h(UTooltip, null, {
+                        trigger: () => {
+                            var _a;
+                            return (h(UButton, Object.assign({ quaternary: true, circle: true }, ((_a = props.copyButtonProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.Button, themeOverrides: theme.peerOverrides.Button, onClick: () => { var _a; return (_a = props.onCopy) === null || _a === void 0 ? void 0 : _a.call(props); } }), {
+                                icon: () => {
+                                    var _a;
+                                    return (h(UIcon, Object.assign({}, ((_a = props.copyIconProps) !== null && _a !== void 0 ? _a : {}), { theme: theme.peers.CopyIcon, themeOverrides: theme.peerOverrides.CopyIcon }), { default: () => h(ContentCopy, null) }));
+                                }
+                            }));
+                        },
+                        default: () => locale.copyTooltip
+                    }))))
+            }),
+            !props.hideHeaderActions && (h(UFlex, { align: "center", size: "small" }, {
                 default: () => resolveSlot(slots.headerActions, () => {
                     var _a, _b;
                     const buttons = [];
@@ -69,6 +71,6 @@ export default defineComponent({
                     }));
                     return buttons;
                 })
-            })));
+            }))));
     }
 });

package/es/mapping-card/src/interface.d.ts

@@ -36,6 +36,7 @@ export interface MappingCardInterface {
     defaultSpan?: number;
     copy?: () => string;
     hideCopy?: boolean;
+    hideHeaderActions?: boolean;
     copyButtonProps?: Partial<ButtonProps>;
     copyIconProps?: Partial<IconProps>;
     headerEditButtonProps?: Partial<ButtonProps>;
@@ -72,6 +73,10 @@ export declare const mappingCardProps: {
         readonly type: PropType<MappingCardInterface["hideCopy"]>;
         readonly default: false;
     };
+    readonly hideHeaderActions: {
+        readonly type: PropType<MappingCardInterface["hideHeaderActions"]>;
+        readonly default: false;
+    };
     readonly copyButtonProps: PropType<MappingCardInterface["copyButtonProps"]>;
     readonly copyIconProps: PropType<MappingCardInterface["copyIconProps"]>;
     readonly headerEditButtonProps: PropType<MappingCardInterface["headerEditButtonProps"]>;

package/es/mapping-card/src/interface.js

@@ -15,6 +15,10 @@ export const mappingCardProps = {
         type: Boolean,
         default: false
     },
+    hideHeaderActions: {
+        type: Boolean,
+        default: false
+    },
     copyButtonProps: Object,
     copyIconProps: Object,
     headerEditButtonProps: Object,

package/es/mapping-card/src/styles/index.cssr.js

@@ -8,7 +8,7 @@ import { c, cB, cE, cM } from '../../../_utils/cssr';
 // --u-body-padding
 // --u-title-color
 // --u-description-color
-export default cB('mapping-card', `
+export default c([cB('mapping-card', `
  background-color: var(--u-background-color);
  border: 1px solid var(--u-border-color);
  border-radius: var(--u-border-radius);
@@ -87,4 +87,6 @@ export default cB('mapping-card', `
  color: var(--u-arrow-color);
  font-size: 16px;
  flex-shrink: 0;
- `)]);
+ `)]), cB('mapping-card-list', [cE('pagination', `
+ margin-top: 16px;
+ `)])]);

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.14.3";
+declare const _default: "1.14.5";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.14.3';
+export default '1.14.5';

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

@@ -1,7 +1,7 @@
-import { type PropType, type Ref } from 'vue';
-import { type TreeNode } from 'treemate';
+import type { TreeNode } from 'treemate';
+import type { PropType, Ref } from 'vue';
 import type { SelectOption } from '../../../select/src/interface';
-import { type RenderLabelImpl, type RenderOptionImpl } from './interface';
+import type { RenderLabelImpl, RenderOptionImpl } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

package/lib/_internal/select-menu/src/SelectOption.js

@@ -3,19 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
 const vooks_1 = require("vooks");
+const vue_1 = require("vue");
 const _utils_1 = require("../../../_utils");
-const icons_1 = require("../../icons");
+const account_option_1 = __importDefault(require("../../account-option"));
 const icon_1 = require("../../icon");
+const icons_1 = require("../../icons");
 const interface_1 = require("./interface");
-const account_option_1 = __importDefault(require("../../account-option"));
 function renderCheckMark(show, clsPrefix) {
-    return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
-        default: () => show ? ((0, vue_1.h)(icon_1.UBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
-            default: () => (0, vue_1.h)(icons_1.CheckmarkIcon)
-        })) : null
-    }));
+    return ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-option__check-wrapper` },
+        (0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
+            default: () => show ? ((0, vue_1.h)(icon_1.UBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
+                default: () => (0, vue_1.h)(icons_1.CheckmarkIcon)
+            })) : null
+        })));
 }
 exports.default = (0, vue_1.defineComponent)({
     name: 'UBaseSelectOption',
@@ -35,27 +36,31 @@ exports.default = (0, vue_1.defineComponent)({
          } = (0, vue_1.inject)(interface_1.internalSelectionMenuInjectionKey);
         const isPendingRef = (0, vooks_1.useMemo)(() => {
             const { value: pendingTmNode } = pendingTmNodeRef;
-            if (!pendingTmNode)
+            if (!pendingTmNode) {
                 return false;
+            }
             return props.tmNode.key === pendingTmNode.key;
         });
         function handleClick(e) {
             const { tmNode } = props;
-            if (tmNode.disabled)
+            if (tmNode.disabled) {
                 return;
+            }
             handleOptionClick(e, tmNode);
         }
         function handleMouseEnter(e) {
             const { tmNode } = props;
-            if (tmNode.disabled)
+            if (tmNode.disabled) {
                 return;
+            }
             handleOptionMouseEnter(e, tmNode);
         }
         function handleMouseMove(e) {
             const { tmNode } = props;
             const { value: isPending } = isPendingRef;
-            if (tmNode.disabled || isPending)
+            if (tmNode.disabled || isPending) {
                 return;
+            }
             handleOptionMouseEnter(e, tmNode);
         }
         return {
@@ -72,8 +77,9 @@ exports.default = (0, vue_1.defineComponent)({
             isSelected: (0, vooks_1.useMemo)(() => {
                 const { value } = valueRef;
                 const { value: multiple } = multipleRef;
-                if (value === null)
+                if (value === null) {
                     return false;
+                }
                 const optionValue = props.tmNode.rawNode[valueFieldRef.value];
                 if (multiple) {
                     const { value: valueSet } = valueSetRef;
@@ -93,16 +99,13 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { clsPrefix, tmNode: { rawNode }, isSelected, isPending, isGrouped, showCheckmark, nodeProps, renderOption, renderLabel, handleClick, handleMouseEnter, handleMouseMove, account } = this;
-        const checkmark = renderCheckMark(isSelected, clsPrefix);
+        const checkmark = renderCheckMark(showCheckmark && isSelected, clsPrefix);
         const label = renderLabel
             ? renderLabel(rawNode, isSelected)
             : (0, _utils_1.render)(rawNode[this.labelField], rawNode, isSelected);
         const children = account
-            ? [
-                (0, vue_1.h)(account_option_1.default, Object.assign({}, rawNode, { label: label })),
-                showCheckmark && checkmark
-            ]
-            : [label, showCheckmark && checkmark];
+            ? [(0, vue_1.h)(account_option_1.default, Object.assign({}, rawNode, { label: label })), checkmark]
+            : [label, checkmark];
         const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
         const node = ((0, vue_1.h)("div", Object.assign({}, attrs, { class: [
                 `${clsPrefix}-base-select-option`,

package/lib/_internal/select-menu/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-const cssr_1 = require("../../../../_utils/cssr");
 const fade_in_scale_up_cssr_1 = require("../../../../_styles/transitions/fade-in-scale-up.cssr");
+const cssr_1 = require("../../../../_utils/cssr");
 // --u-loading-color
 // --u-loading-size
 // --u-option-padding-right
@@ -109,14 +109,15 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  color: var(--u-option-text-color-disabled);
  `), (0, cssr_1.cM)('selected', `
  opacity: var(--u-option-opacity-disabled);
- `)]), (0, cssr_1.cE)('check', `
- font-size: 24px;
+ `)]), (0, cssr_1.cE)('check-wrapper', `
  position: absolute;
  right: calc(var(--u-option-padding-right) - 4px);
  top: 50%;
  transform: translateY(-50%);
+ `, [(0, cssr_1.cE)('check', `
+ font-size: 24px;
  color: var(--u-option-check-color);
  transition: color .3s var(--u-bezier);
  `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)({
   enterScale: '0.5'
-})])])]);
+})])])])]);

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

@@ -277,6 +277,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  color: var(--u-text-color-disabled);
  `), (0, cssr_1.cE)('render-label', `
  color: var(--u-text-color-disabled);
+ `), (0, cssr_1.cB)('base-selection-overlay', `
+ pointer-events: auto;
+ user-select: text;
  `)]), (0, cssr_1.cB)('base-selection-tag-wrapper', `
  max-width: 100%;
  display: inline-flex;

package/lib/carousel/src/Carousel.d.ts

@@ -1,6 +1,6 @@
-import type { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue';
+import type { CSSProperties, PropType, Ref, SlotsType, TransitionProps, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { ArrowScopedSlotProps, DotScopedSlotProps, Size } from './interface';
+import type { ArrowScopedSlotProps, CarouselArrowSlotProps, CarouselDotSlotProps, DotScopedSlotProps, Size } from './interface';
 declare const transitionProperties: readonly ["transitionDuration", "transitionTimingFunction"];
 type TransitionStyle = Partial<Pick<CSSProperties, (typeof transitionProperties)[number]>>;
 export declare const carouselProps: {
@@ -97,6 +97,11 @@ export declare const carouselProps: {
     }, any>>>;
 };
 export type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>;
+export interface CarouselSlots {
+    default?: () => VNode[];
+    arrow?: (props: CarouselArrowSlotProps) => VNode[];
+    dots?: (props: CarouselDotSlotProps) => VNode[];
+}
 declare const _default: import("vue").DefineComponent<{
     defaultIndex: {
         type: NumberConstructor;
@@ -344,5 +349,5 @@ declare const _default: import("vue").DefineComponent<{
     draggable: boolean;
     touchable: boolean;
     mousewheel: boolean;
-}, {}>;
+}, SlotsType<CarouselSlots>>;
 export default _default;

package/lib/carousel/src/Carousel.js

@@ -27,20 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.carouselProps = void 0;
-const vue_1 = require("vue");
-const vueuc_1 = require("vueuc");
-const vooks_1 = require("vooks");
 const evtd_1 = require("evtd");
 const seemly_1 = require("seemly");
+const vooks_1 = require("vooks");
+const vue_1 = require("vue");
+const vueuc_1 = require("vueuc");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
-const utils_1 = require("./utils");
+const CarouselArrow_1 = __importDefault(require("./CarouselArrow"));
 const CarouselContext_1 = require("./CarouselContext");
 const CarouselDots_1 = __importDefault(require("./CarouselDots"));
-const CarouselArrow_1 = __importDefault(require("./CarouselArrow"));
 const CarouselItem_1 = __importStar(require("./CarouselItem"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+const utils_1 = require("./utils");
 const transitionProperties = [
     'transitionDuration',
     'transitionTimingFunction'
@@ -92,6 +92,7 @@ let globalDragging = false;
 exports.default = (0, vue_1.defineComponent)({
     name: 'Carousel',
     props: exports.carouselProps,
+    slots: Object,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         // Dom
@@ -119,10 +120,14 @@ exports.default = (0, vue_1.defineComponent)({
             (props.slidesPerView === 'auto' && props.centeredSlides));
         // Carousel size
         const perViewSizeRef = (0, vue_1.ref)({ width: 0, height: 0 });
+        const slideSizesTrigger = (0, vue_1.ref)(0);
         const slideSizesRef = (0, vue_1.computed)(() => {
             const { value: slidesEls } = slideElsRef;
-            if (!slidesEls.length)
+            if (!slidesEls.length) {
                 return [];
+            }
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+            slideSizesTrigger.value;
             const { value: autoSlideSize } = autoSlideSizeRef;
             if (autoSlideSize) {
                 return slidesEls.map((slide) => (0, utils_1.calculateSize)(slide));
@@ -143,8 +148,9 @@ exports.default = (0, vue_1.defineComponent)({
         // The translate required to reach each slide
         const slideTranlatesRef = (0, vue_1.computed)(() => {
             const { value: slideSizes } = slideSizesRef;
-            if (!slideSizes.length)
+            if (!slideSizes.length) {
                 return [];
+            }
             const { centeredSlides, spaceBetween } = props;
             const { value: axis } = sizeAxisRef;
             const { [axis]: perViewSize } = perViewSizeRef.value;
@@ -171,8 +177,9 @@ exports.default = (0, vue_1.defineComponent)({
             : (0, utils_1.resolveSpeed)(transitionStyleRef.value.transitionDuration));
         const slideStylesRef = (0, vue_1.computed)(() => {
             const { value: slidesEls } = slideElsRef;
-            if (!slidesEls.length)
+            if (!slidesEls.length) {
                 return [];
+            }
             const useComputedSize = !(autoSlideSizeRef.value || realSlidesPerViewRef.value === 1);
             const getSlideSize = (index) => {
                 if (useComputedSize) {
@@ -208,8 +215,9 @@ exports.default = (0, vue_1.defineComponent)({
             else {
                 const { value: slideSizes } = slideSizesRef;
                 const { length } = slideSizes;
-                if (!length)
+                if (!length) {
                     return totalSlides;
+                }
                 const { value: translates } = slideTranlatesRef;
                 const { value: axis } = sizeAxisRef;
                 const perViewSize = perViewSizeRef.value[axis];
@@ -268,6 +276,9 @@ exports.default = (0, vue_1.defineComponent)({
         function isNextDisabled() {
             return getRealNextIndex() === null;
         }
+        let inTransition = false;
+        let dragging = false;
+        let isEffectiveDrag = false;
         // To
         function to(index) {
             const realIndex = (0, utils_1.clampValue)((0, utils_1.getRealIndex)(index, duplicatedableRef.value), 0, totalViewRef.value);
@@ -278,24 +289,27 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function prev() {
             const prevIndex = getRealPrevIndex();
-            if (prevIndex !== null)
+            if (prevIndex !== null) {
                 toRealIndex(prevIndex);
+            }
         }
         function next() {
             const nextIndex = getRealNextIndex();
-            if (nextIndex !== null)
+            if (nextIndex !== null) {
                 toRealIndex(nextIndex);
+            }
         }
         function prevIfSlideTransitionEnd() {
-            if (!inTransition || !duplicatedableRef.value)
+            if (!inTransition || !duplicatedableRef.value) {
                 prev();
+            }
         }
         function nextIfSlideTransitionEnd() {
-            if (!inTransition || !duplicatedableRef.value)
+            if (!inTransition || !duplicatedableRef.value) {
                 next();
+            }
         }
         // Translate to
-        let inTransition = false;
         // record the translate of each slide, so that it can be restored at touch
         let previousTranslate = 0;
         const translateStyleRef = (0, vue_1.ref)({});
@@ -380,13 +394,15 @@ exports.default = (0, vue_1.defineComponent)({
         };
         (0, CarouselContext_1.provideCarouselContext)(carouselContext);
         function addSlide(slide) {
-            if (!slide)
+            if (!slide) {
                 return;
+            }
             slideElsRef.value.push(slide);
         }
         function removeSlide(slide) {
-            if (!slide)
+            if (!slide) {
                 return;
+            }
             const index = getSlideIndex(slide);
             if (index !== -1) {
                 slideElsRef.value.splice(index, 1);
@@ -445,12 +461,11 @@ exports.default = (0, vue_1.defineComponent)({
         let dragStartY = 0;
         let dragOffset = 0;
         let dragStartTime = 0;
-        let dragging = false;
-        let isEffectiveDrag = false;
         function handleTouchstart(event) {
             var _a;
-            if (globalDragging)
+            if (globalDragging) {
                 return;
+            }
             if (!((_a = slidesElRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(event)))) {
                 return;
             }
@@ -574,8 +589,9 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleMousewheel(event) {
             event.preventDefault();
-            if (inTransition)
+            if (inTransition) {
                 return;
+            }
             let { deltaX, deltaY } = event;
             if (event.shiftKey && !deltaX) {
                 deltaX = deltaY;
@@ -606,10 +622,8 @@ exports.default = (0, vue_1.defineComponent)({
             resetAutoplay();
         }
         function handleSlideResize() {
-            var _a, _b;
             if (autoSlideSizeRef.value) {
-                (_b = (_a = slideSizesRef.effect).scheduler) === null || _b === void 0 ? void 0 : _b.call(_a);
-                slideSizesRef.effect.run();
+                slideSizesTrigger.value++;
             }
         }
         function handleMouseenter() {
@@ -651,8 +665,9 @@ exports.default = (0, vue_1.defineComponent)({
             }
         });
         (0, vue_1.watch)(realIndexRef, (realIndex, lastRealIndex) => {
-            if (realIndex === lastRealIndex)
+            if (realIndex === lastRealIndex) {
                 return;
+            }
             resetAutoplay();
             if (sequenceLayoutRef.value) {
                 if (duplicatedableRef.value && displayTotalViewRef.value > 2) {
@@ -701,9 +716,10 @@ exports.default = (0, vue_1.defineComponent)({
             'next',
             'isPrevDisabled',
             'isNextDisabled'
-        ])), { total: displayTotalViewRef.value, currentIndex: mergedDisplayIndexRef.value })));
+        ])), { total: displayTotalViewRef.value, current: mergedDisplayIndexRef.value, currentIndex: mergedDisplayIndexRef.value })));
         const dotSlotPropsRef = (0, vue_1.computed)(() => ({
             total: displayTotalViewRef.value,
+            current: mergedDisplayIndexRef.value,
             currentIndex: mergedDisplayIndexRef.value,
             to: carouselContext.to
         }));

package/lib/carousel/src/CarouselContext.d.ts

@@ -17,5 +17,5 @@ export interface CarouselContextValue {
     removeSlide: (slide?: HTMLElement) => void;
     onCarouselItemClick: (index: number, event: MouseEvent) => void;
 }
-export declare const provideCarouselContext: (contextValue: CarouselContextValue) => void;
-export declare const useCarouselContext: (location?: string, component?: string) => CarouselContextValue;
+export declare function provideCarouselContext(contextValue: CarouselContextValue): void;
+export declare function useCarouselContext(location?: string, component?: string): CarouselContextValue;

package/lib/carousel/src/CarouselContext.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCarouselContext = exports.provideCarouselContext = void 0;
+exports.provideCarouselContext = provideCarouselContext;
+exports.useCarouselContext = useCarouselContext;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const carouselMethodsInjectionKey = (0, _utils_1.createInjectionKey)('u-carousel-methods');
-const provideCarouselContext = (contextValue) => {
+function provideCarouselContext(contextValue) {
     (0, vue_1.provide)(carouselMethodsInjectionKey, contextValue);
-};
-exports.provideCarouselContext = provideCarouselContext;
-const useCarouselContext = (location = 'unknown', component = 'component') => {
+}
+function useCarouselContext(location = 'unknown', component = 'component') {
     const CarouselContext = (0, vue_1.inject)(carouselMethodsInjectionKey);
     if (!CarouselContext) {
         (0, _utils_1.throwError)(location, `\`${component}\` must be placed inside \`u-carousel\`.`);
     }
     return CarouselContext;
-};
-exports.useCarouselContext = useCarouselContext;
+}

package/lib/carousel/src/CarouselDots.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
 const seemly_1 = require("seemly");
+const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const CarouselContext_1 = require("./CarouselContext");
 const carouselDotsProps = {