zartui 3.1.7 → 3.1.8

package/es/popover/Popover.mjs

@@ -24,10 +24,12 @@ import { arrow, computePosition, flip, offset, autoUpdate, hide, shift, limitShi
 import { createPopper, offsetModifier } from "@zartui/popperjs";
 import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useClickAway } from "@zartui/use";
+import { useScopeId } from "../composables/use-scope-id.mjs";
+import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Popup } from "../popup/index.mjs";
 const [name, bem] = createNamespace("popover");
-const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
   show: Boolean,
   theme: makeStringProp("light"),
@@ -70,6 +72,7 @@ var stdin_default = defineComponent({
     const wrapperRef = ref();
     const popoverRef = ref();
     const arrowRef = ref();
+    const show = useSyncPropRef(() => props.show, (value) => emit("update:show", value));
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -92,7 +95,7 @@ var stdin_default = defineComponent({
     };
     const updateLocation = () => {
       nextTick(() => {
-        if (!props.show) {
+        if (!show.value) {
           return;
         }
         if (!popper) {
@@ -106,10 +109,12 @@ var stdin_default = defineComponent({
         }
       });
     };
-    const updateShow = (value) => emit("update:show", value);
+    const updateShow = (value) => {
+      show.value = value;
+    };
     const onClickWrapper = () => {
       if (props.trigger === "click") {
-        updateShow(!props.show);
+        show.value = !show.value;
       }
     };
     const onClickAction = (action, index) => {
@@ -122,12 +127,12 @@ var stdin_default = defineComponent({
       action.selected = true;
       emit("select", action, index);
       if (props.closeOnClickAction) {
-        updateShow(false);
+        show.value = false;
       }
     };
     const onClickAway = () => {
-      if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
-        updateShow(false);
+      if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
+        show.value = false;
       }
     };
     const renderActionContent = (action, index) => {
@@ -244,7 +249,7 @@ var stdin_default = defineComponent({
         popper = null;
       }
     });
-    watch(() => [props.show, props.offset, props.placement], updateLocation);
+    watch(() => [show.value, props.offset, props.placement], updateLocation);
     useClickAway(wrapperRef, onClickAway, {
       eventName: "touchstart"
     });
@@ -256,14 +261,13 @@ var stdin_default = defineComponent({
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), _createVNode(Popup, _mergeProps({
         "ref": popoverRef,
-        "class": bem([props.theme, props.show ? "show" : "hidden"]),
+        "show": show.value,
+        "class": bem([props.theme, show.value ? "show" : "hidden"]),
         "position": "",
         "transition": "zt-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, pick(props, popupProps), {
-        "show": true
-      }), {
+      }, attrs, useScopeId(), pick(props, popupProps)), {
         default: () => [props.showArrow && _createVNode("div", {
           "class": bem("arrow"),
           "ref": arrowRef

package/es/popover/index.d.ts

@@ -107,8 +107,8 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
 }, {
     offset: [number, number];
     theme: import("./types").PopoverTheme;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     closeOnClickOverlay: boolean;
     actions: import("./types").PopoverAction[];

package/es/popup/Popup.d.ts

@@ -187,13 +187,13 @@ declare const _default: import("vue").DefineComponent<{
     onClickCloseIcon?: ((...args: any[]) => any) | undefined;
 }, {
     position: PopupPosition;
-    show: boolean;
     overlay: boolean;
+    round: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/popup/Popup.mjs

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { Fragment as _Fragment, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, provide, Teleport, nextTick, computed, onMounted, Transition, onActivated, onDeactivated, defineComponent } from "vue";
 import { popupSharedProps } from "./shared.mjs";
 import { isDef, extend, makeStringProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK, makeNumberProp, unitToPx } from "../utils/index.mjs";
@@ -7,6 +7,8 @@ import { useExpose } from "../composables/use-expose.mjs";
 import { useLockScroll } from "../composables/use-lock-scroll.mjs";
 import { useLazyRender } from "../composables/use-lazy-render.mjs";
 import { POPUP_TOGGLE_KEY } from "../composables/on-popup-reopen.mjs";
+import { useGlobalZIndex } from "../composables/use-global-z-index.mjs";
+import { useScopeId } from "../composables/use-scope-id.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Overlay } from "../overlay/index.mjs";
 const popupProps = extend({}, popupSharedProps, {
@@ -27,7 +29,6 @@ const popupProps = extend({}, popupSharedProps, {
   slideable: Boolean
 });
 const [name, bem] = createNamespace("popup");
-let globalZIndex = 2e3;
 var stdin_default = defineComponent({
   name,
   inheritAttrs: false,
@@ -64,11 +65,8 @@ var stdin_default = defineComponent({
         contentStyle.value = `height:${props.sliderContentHeight}px;`;
       }
       if (!opened) {
-        if (props.zIndex !== void 0) {
-          globalZIndex = +props.zIndex;
-        }
         opened = true;
-        zIndex.value = ++globalZIndex;
+        zIndex.value = props.zIndex !== void 0 ? +props.zIndex : useGlobalZIndex();
         emit("open");
       }
     };
@@ -125,14 +123,15 @@ var stdin_default = defineComponent({
     });
     const renderOverlay = () => {
       if (props.overlay) {
-        return _createVNode(Overlay, {
+        return _createVNode(Overlay, _mergeProps({
           "show": props.show,
           "class": props.overlayClass,
           "zIndex": zIndex.value,
           "duration": props.duration,
-          "customStyle": props.overlayStyle,
+          "customStyle": props.overlayStyle
+        }, useScopeId(), {
           "onClick": onClickOverlay
-        }, {
+        }), {
           default: slots["overlay-content"]
         });
       }
@@ -175,7 +174,7 @@ var stdin_default = defineComponent({
           "zt-safe-area-bottom": safeAreaInsetBottom
         }],
         "onKeydown": onKeydown
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[_vShow, props.show]]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[_vShow, props.show]]);
     });
     const sliderRenderPopup = lazyRender(() => {
       var _a, _b;

package/es/popup/index.d.ts

@@ -125,13 +125,13 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     onClickCloseIcon?: ((...args: any[]) => any) | undefined;
 }, {
     position: import("./types").PopupPosition;
-    show: boolean;
     overlay: boolean;
+    round: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/search/Search.d.ts

@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
     inputBackground: StringConstructor;
     actionText: StringConstructor;
     showAction: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     titleIcon: StringConstructor;

package/es/search/index.d.ts

@@ -62,7 +62,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputBackground: StringConstructor;
     actionText: StringConstructor;
     showAction: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     titleIcon: StringConstructor;

package/es/skeleton/Skeleton.d.ts

@@ -93,11 +93,11 @@ declare const _default: import("vue").DefineComponent<{
     textarea: boolean;
     title: boolean;
     animate: boolean;
-    field: boolean;
     round: boolean;
+    row: string | number;
+    field: boolean;
     loading: boolean;
     avatar: boolean;
-    row: string | number;
     avatarShape: SkeletonAvatarShape;
     rowWidth: Numeric | Numeric[];
 }, {}>;

package/es/skeleton/index.d.ts

@@ -60,11 +60,11 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     textarea: boolean;
     title: boolean;
     animate: boolean;
-    field: boolean;
     round: boolean;
+    row: string | number;
+    field: boolean;
     loading: boolean;
     avatar: boolean;
-    row: string | number;
     avatarShape: import("./Skeleton").SkeletonAvatarShape;
     rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
 }, {}>>;

package/es/stepper/Stepper.d.ts

@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -158,8 +158,8 @@ declare const _default: import("vue").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onPlus?: ((...args: any[]) => any) | undefined;
     onMinus?: ((...args: any[]) => any) | undefined;
+    onPlus?: ((...args: any[]) => any) | undefined;
     onOverlimit?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;

package/es/stepper/index.d.ts

@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -103,8 +103,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onPlus?: ((...args: any[]) => any) | undefined;
     onMinus?: ((...args: any[]) => any) | undefined;
+    onPlus?: ((...args: any[]) => any) | undefined;
     onOverlimit?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;

package/es/steps/Steps.d.ts

@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClickStep?: ((...args: any[]) => any) | undefined;
 }, {
-    direction: StepsDirection;
     active: string | number;
+    direction: StepsDirection;
 }, {}>;
 export default _default;

package/es/steps/index.d.ts

@@ -35,8 +35,8 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
 }>> & {
     onClickStep?: ((...args: any[]) => any) | undefined;
 }, {
-    direction: import("./Steps").StepsDirection;
     active: string | number;
+    direction: import("./Steps").StepsDirection;
 }, {}>>;
 export default Steps;
 export { stepsProps } from './Steps';

package/es/sticky/Sticky.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "scroll")[], "change" | "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: PropType<StickyPosition>;

package/es/sticky/index.d.ts

@@ -13,7 +13,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "scroll")[], "change" | "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: import("vue").PropType<import("./Sticky").StickyPosition>;

package/es/swipe/Swipe.mjs

@@ -65,7 +65,7 @@ var stdin_default = defineComponent({
     const trackStyle = computed(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
-        transform: `translate${props.vertical ? "Y" : "X"}(${state.offset}px)`
+        transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
       };
       if (size.value) {
         const mainAxis = props.vertical ? "height" : "width";

package/es/swipe/index.css

@@ -1 +1 @@
-:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-font-size: 16px;--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-swipe-title-font-size);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}
+:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-font-size: 16px;--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-swipe-title-font-size);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}

package/es/swipe-cell/SwipeCell.mjs

@@ -24,6 +24,7 @@ var stdin_default = defineComponent({
     let opened;
     let lockClick;
     let startOffset;
+    let isInBeforeClosing;
     const root = ref();
     const leftRef = ref();
     const rightRef = ref();
@@ -100,14 +101,22 @@ var stdin_default = defineComponent({
       }
     };
     const onClick = (position = "outside") => {
+      if (isInBeforeClosing)
+        return;
       emit("click", position);
       if (opened && !lockClick) {
+        isInBeforeClosing = true;
         callInterceptor(props.beforeClose, {
           args: [{
             name: props.name,
             position
           }],
-          done: () => close(position)
+          done: () => {
+            isInBeforeClosing = false;
+            close(position);
+          },
+          canceled: () => isInBeforeClosing = false,
+          error: () => isInBeforeClosing = false
         });
       }
     };

package/es/tabs/Tabs.d.ts

@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     titleActiveColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "scroll" | "rendered" | "clickTab" | "update:active")[], "change" | "scroll" | "rendered" | "clickTab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change" | "rendered" | "clickTab" | "update:active")[], "scroll" | "change" | "rendered" | "clickTab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     type: {
         type: PropType<TabsType>;
         default: TabsType;
@@ -138,12 +138,12 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:active"?: ((...args: any[]) => any) | undefined;
 }, {
     type: TabsType;
-    border: boolean;
-    duration: string | number;
-    lazyRender: boolean;
     ellipsis: boolean;
     sticky: boolean;
+    border: boolean;
     active: string | number;
+    duration: string | number;
+    lazyRender: boolean;
     offsetTop: string | number;
     shrink: boolean;
     animated: boolean;

package/es/tabs/index.d.ts

@@ -41,7 +41,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     };
     titleActiveColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "scroll" | "rendered" | "clickTab" | "update:active")[], "change" | "scroll" | "rendered" | "clickTab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change" | "rendered" | "clickTab" | "update:active")[], "scroll" | "change" | "rendered" | "clickTab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: import("vue").PropType<import("./types").TabsType>;
         default: import("./types").TabsType;
@@ -91,12 +91,12 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     "onUpdate:active"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").TabsType;
-    border: boolean;
-    duration: string | number;
-    lazyRender: boolean;
     ellipsis: boolean;
     sticky: boolean;
+    border: boolean;
     active: string | number;
+    duration: string | number;
+    lazyRender: boolean;
     offsetTop: string | number;
     shrink: boolean;
     animated: boolean;

package/es/tag/Tag.d.ts

@@ -110,8 +110,8 @@ declare const _default: import("vue").DefineComponent<{
     mark: boolean;
     type: TagType;
     badge: boolean;
-    show: boolean;
     round: boolean;
+    show: boolean;
     closeable: boolean;
     plain: boolean;
     badgeWidth: number;

package/es/tag/index.d.ts

@@ -72,8 +72,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     mark: boolean;
     type: import("./Tag").TagType;
     badge: boolean;
-    show: boolean;
     round: boolean;
+    show: boolean;
     closeable: boolean;
     plain: boolean;
     badgeWidth: number;

package/es/text-ellipsis/TextEllipsis.d.ts

@@ -4,6 +4,10 @@ export declare const textEllipsisProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -16,7 +20,7 @@ export declare const textEllipsisProps: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -27,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -39,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -48,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    dots: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
@@ -60,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    highlight: {
+    position: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -68,9 +80,10 @@ declare const _default: import("vue").DefineComponent<{
     onClickAction?: ((...args: any[]) => any) | undefined;
 }, {
     content: string;
+    position: string;
     rows: string | number;
+    dots: string;
     expandText: string;
     collapseText: string;
-    highlight: string;
 }, {}>;
 export default _default;