@expcat/tigercat-vue 1.2.16 → 1.2.23

package/dist/{chunk-4OOR4524.js → chunk-ZNGRSXFK.js}

@@ -1,4 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Menu.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+
+// src/components/Menu.ts
 
 
 
@@ -43,6 +48,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -126,6 +132,10 @@ var Menu = _vue.defineComponent.call(void 0, {
       type: Number,
       default: 24
     },
+    popupPortal: {
+      type: Boolean,
+      default: false
+    },
     className: {
       type: String,
       default: void 0
@@ -165,6 +175,9 @@ var Menu = _vue.defineComponent.call(void 0, {
   ],
   setup(props, { slots, emit, attrs }) {
     const menuEl = _vue.ref.call(void 0, null);
+    const resolvedMode = _vue.computed.call(void 0, 
+      () => props.collapsed && props.mode === "inline" ? "vertical" : props.mode
+    );
     const internalSelectedKeys = _vue.ref.call(void 0, props.defaultSelectedKeys);
     const internalOpenKeys = _vue.ref.call(void 0, props.defaultOpenKeys);
     const internalSearchValue = _vue.ref.call(void 0, props.defaultSearchValue);
@@ -201,7 +214,7 @@ var Menu = _vue.defineComponent.call(void 0, {
     };
     const menuClasses = _vue.computed.call(void 0, () => {
       return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getMenuClasses.call(void 0, props.mode, props.theme, props.collapsed),
+        _tigercatcore.getMenuClasses.call(void 0, resolvedMode.value, props.theme, props.collapsed),
         props.className,
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
@@ -217,15 +230,17 @@ var Menu = _vue.defineComponent.call(void 0, {
       const { class: _class, style: _style, ...rest } = attrs;
       return rest;
     });
-    const modeRef = _vue.computed.call(void 0, () => props.mode);
+    const modeRef = _vue.computed.call(void 0, () => resolvedMode.value);
     const themeRef = _vue.computed.call(void 0, () => props.theme);
     const collapsedRef = _vue.computed.call(void 0, () => props.collapsed);
     const inlineIndentRef = _vue.computed.call(void 0, () => props.inlineIndent);
+    const popupPortalRef = _vue.computed.call(void 0, () => props.popupPortal);
     _vue.provide.call(void 0, MenuContextKey, {
       mode: modeRef,
       theme: themeRef,
       collapsed: collapsedRef,
       inlineIndent: inlineIndentRef,
+      popupPortal: popupPortalRef,
       selectedKeys: currentSelectedKeys,
       openKeys: currentOpenKeys,
       handleSelect,
@@ -298,7 +313,8 @@ var Menu = _vue.defineComponent.call(void 0, {
           style: menuStyle.value,
           role: "menu",
           "data-tiger-menu-root": "true",
-          "data-tiger-menu-mode": props.mode,
+          "data-tiger-menu-mode": resolvedMode.value,
+          "data-tiger-menu-requested-mode": props.mode,
           ...passthroughAttrs.value
         },
         [...searchChild, ...dataChildren, ...slotChildren, ...emptyChild]
@@ -493,6 +509,10 @@ var MenuItemGroup = _vue.defineComponent.call(void 0, {
       type: Number,
       default: 0
     },
+    collapsed: {
+      type: Boolean,
+      default: void 0
+    },
     className: {
       type: String,
       default: void 0
@@ -519,8 +539,13 @@ var MenuItemGroup = _vue.defineComponent.call(void 0, {
         const isTarget = name === "TigerMenuItem" || name === "TigerSubMenu";
         if (!isTarget) return node;
         const existingProps = _nullishCoalesce(node.props, () => ( {}));
-        if (existingProps.level != null) return node;
-        return _vue.cloneVNode.call(void 0, node, { level });
+        if (existingProps.level != null && existingProps.collapsed != null) return node;
+        const nextProps = {};
+        if (existingProps.level == null) nextProps.level = level;
+        if (props.collapsed !== void 0 && existingProps.collapsed == null) {
+          nextProps.collapsed = props.collapsed;
+        }
+        return _vue.cloneVNode.call(void 0, node, nextProps);
       });
     };
     return () => {
@@ -619,8 +644,11 @@ var SubMenu = _vue.defineComponent.call(void 0, {
     });
     const isHovered = _vue.ref.call(void 0, false);
     const isOpenByKeyboard = _vue.ref.call(void 0, false);
+    const titleEl = _vue.ref.call(void 0, null);
+    const popupEl = _vue.ref.call(void 0, null);
     const submenuContentEl = _vue.ref.call(void 0, null);
     let heightTransitionController = null;
+    let popupCloseTimer = null;
     const effectiveCollapsed = _vue.computed.call(void 0, () => {
       return _nullishCoalesce(props.collapsed, () => ( (menuContext ? menuContext.collapsed.value : false)));
     });
@@ -629,15 +657,30 @@ var SubMenu = _vue.defineComponent.call(void 0, {
       if (menuContext.mode.value === "horizontal") return true;
       return menuContext.mode.value === "vertical" && effectiveCollapsed.value;
     });
+    const popupPortal = _vue.computed.call(void 0, () => Boolean(isPopup.value && _optionalChain([menuContext, 'optionalAccess', _7 => _7.popupPortal, 'access', _8 => _8.value])));
     const isExpanded = _vue.computed.call(void 0, () => {
-      if (_optionalChain([menuContext, 'optionalAccess', _7 => _7.mode, 'access', _8 => _8.value]) === "horizontal" || isPopup.value) {
+      if (_optionalChain([menuContext, 'optionalAccess', _9 => _9.mode, 'access', _10 => _10.value]) === "horizontal" || isPopup.value) {
         return isHovered.value || isOpenByKeyboard.value;
       }
       return isOpen.value;
     });
     const hasRenderedInline = _vue.ref.call(void 0, !isPopup.value && isExpanded.value);
+    const popupPlacement = _vue.computed.call(void 0, 
+      () => _optionalChain([menuContext, 'optionalAccess', _11 => _11.mode, 'access', _12 => _12.value]) === "horizontal" && props.level === 0 ? "bottom-start" : "right-start"
+    );
+    const {
+      x: popupX,
+      y: popupY,
+      placement: currentPopupPlacement
+    } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
+      referenceRef: titleEl,
+      floatingRef: popupEl,
+      enabled: _vue.computed.call(void 0, () => popupPortal.value && isExpanded.value),
+      placement: popupPlacement.value,
+      offset: 4
+    });
     const disposeHeightTransition = () => {
-      _optionalChain([heightTransitionController, 'optionalAccess', _9 => _9.dispose, 'call', _10 => _10()]);
+      _optionalChain([heightTransitionController, 'optionalAccess', _13 => _13.dispose, 'call', _14 => _14()]);
       heightTransitionController = null;
     };
     const syncHeightTransition = async () => {
@@ -668,7 +711,10 @@ var SubMenu = _vue.defineComponent.call(void 0, {
     _vue.watch.call(void 0, hasRenderedInline, () => {
       void syncHeightTransition();
     });
-    _vue.onBeforeUnmount.call(void 0, disposeHeightTransition);
+    _vue.onBeforeUnmount.call(void 0, () => {
+      disposeHeightTransition();
+      if (popupCloseTimer) clearTimeout(popupCloseTimer);
+    });
     const titleClasses = _vue.computed.call(void 0, () => {
       if (!menuContext) return "";
       return _tigercatcore.classNames.call(void 0, 
@@ -707,14 +753,14 @@ var SubMenu = _vue.defineComponent.call(void 0, {
     };
     const focusFirstChild = async () => {
       await _vue.nextTick.call(void 0, );
-      const titleEl = document.activeElement;
-      if (titleEl) _tigercatcore.focusFirstChildItem.call(void 0, titleEl);
+      const titleEl2 = document.activeElement;
+      if (titleEl2) _tigercatcore.focusFirstChildItem.call(void 0, titleEl2);
     };
     const handleTitleKeyDown = async (event) => {
       if (!menuContext || props.disabled) return;
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = _optionalChain([rootMenu, 'optionalAccess', _11 => _11.dataset, 'access', _12 => _12.tigerMenuRoot]) === "true";
+      const isRoot = _optionalChain([rootMenu, 'optionalAccess', _15 => _15.dataset, 'access', _16 => _16.tigerMenuRoot]) === "true";
       const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
       const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
       const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
@@ -777,14 +823,25 @@ var SubMenu = _vue.defineComponent.call(void 0, {
       }
     };
     const handleMouseEnter = () => {
-      if (_optionalChain([menuContext, 'optionalAccess', _13 => _13.mode, 'access', _14 => _14.value]) === "horizontal" || isPopup.value) {
+      if (popupCloseTimer) {
+        clearTimeout(popupCloseTimer);
+        popupCloseTimer = null;
+      }
+      if (_optionalChain([menuContext, 'optionalAccess', _17 => _17.mode, 'access', _18 => _18.value]) === "horizontal" || isPopup.value) {
         isHovered.value = true;
       }
     };
     const handleMouseLeave = () => {
-      if (_optionalChain([menuContext, 'optionalAccess', _15 => _15.mode, 'access', _16 => _16.value]) === "horizontal" || isPopup.value) {
-        isHovered.value = false;
-        isOpenByKeyboard.value = false;
+      if (_optionalChain([menuContext, 'optionalAccess', _19 => _19.mode, 'access', _20 => _20.value]) === "horizontal" || isPopup.value) {
+        const close = () => {
+          isHovered.value = false;
+          isOpenByKeyboard.value = false;
+        };
+        if (popupPortal.value) {
+          popupCloseTimer = setTimeout(close, 120);
+          return;
+        }
+        close();
       }
     };
     const indentStyle = _vue.computed.call(void 0, () => {
@@ -806,6 +863,9 @@ var SubMenu = _vue.defineComponent.call(void 0, {
         const nextProps = {
           level: _nullishCoalesce(existingProps.level, () => ( nextLevel))
         };
+        if (existingProps.collapsed == null && isPopup.value) {
+          nextProps.collapsed = false;
+        }
         return _vue.cloneVNode.call(void 0, node, nextProps);
       });
     };
@@ -838,6 +898,7 @@ var SubMenu = _vue.defineComponent.call(void 0, {
         "button",
         {
           type: "button",
+          ref: titleEl,
           class: titleClasses.value,
           style: titleStyle.value,
           onClick: handleTitleClick,
@@ -853,19 +914,35 @@ var SubMenu = _vue.defineComponent.call(void 0, {
         },
         titleChildren
       );
-      const contentNode = isPopup.value ? _vue.h.call(void 0, 
-        "ul",
-        {
-          class: contentClasses.value,
-          style: {
-            display: isExpanded.value ? "block" : "none",
-            ...popupZIndex.value
+      const popupContentNode = () => {
+        const popupStyle = popupPortal.value ? {
+          display: isExpanded.value ? "block" : "none",
+          position: "absolute",
+          left: `${popupX.value}px`,
+          top: `${popupY.value}px`,
+          transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, currentPopupPlacement.value),
+          ...popupZIndex.value
+        } : {
+          display: isExpanded.value ? "block" : "none",
+          ...popupZIndex.value
+        };
+        const node = _vue.h.call(void 0, 
+          "ul",
+          {
+            ref: popupPortal.value ? popupEl : void 0,
+            class: contentClasses.value,
+            style: popupStyle,
+            role: "menu",
+            "aria-hidden": isExpanded.value ? void 0 : "true",
+            onMouseenter: popupPortal.value ? handleMouseEnter : void 0,
+            onMouseleave: popupPortal.value ? handleMouseLeave : void 0,
+            "data-tiger-submenu-popup": ""
           },
-          role: "menu",
-          "aria-hidden": isExpanded.value ? void 0 : "true"
-        },
-        withChildLevel(_optionalChain([slots, 'access', _17 => _17.default, 'optionalCall', _18 => _18()]))
-      ) : hasRenderedInline.value ? _vue.h.call(void 0, 
+          withChildLevel(_optionalChain([slots, 'access', _21 => _21.default, 'optionalCall', _22 => _22()]))
+        );
+        return popupPortal.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, node) : node;
+      };
+      const contentNode = isPopup.value ? popupContentNode() : hasRenderedInline.value ? _vue.h.call(void 0, 
         "div",
         {
           ref: submenuContentEl,
@@ -882,14 +959,14 @@ var SubMenu = _vue.defineComponent.call(void 0, {
               class: contentClasses.value,
               role: "menu"
             },
-            withChildLevel(_optionalChain([slots, 'access', _19 => _19.default, 'optionalCall', _20 => _20()]))
+            withChildLevel(_optionalChain([slots, 'access', _23 => _23.default, 'optionalCall', _24 => _24()]))
           )
         ]
       ) : null;
       return _vue.h.call(void 0, 
         "li",
         {
-          class: isPopup.value ? "relative" : "",
+          class: isPopup.value && !popupPortal.value ? "relative" : "",
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave,
           role: "none"

package/dist/components/ActivityFeed.d.mts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    loadingText: string;
+    emptyText: string;
+    className: string;
+    style: Record<string, string | number>;
+    loading: boolean;
+    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
-    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
-    loading: boolean;
-    loadingText: string;
-    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
-    className: string;
-    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.d.ts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    loadingText: string;
+    emptyText: string;
+    className: string;
+    style: Record<string, string | number>;
+    loading: boolean;
+    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
-    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
-    loading: boolean;
-    loadingText: string;
-    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
-    className: string;
-    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/Alert.d.mts

@@ -204,13 +204,13 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+    type: AlertType;
+    closeAriaLabel: string;
     size: AlertSize;
     className: string;
     style: Record<string, string | number>;
-    type: AlertType;
     title: string;
     closable: boolean;
-    closeAriaLabel: string;
     showIcon: boolean;
     description: string;
     duration: number;

package/dist/components/Alert.d.ts

@@ -204,13 +204,13 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
+    type: AlertType;
+    closeAriaLabel: string;
     size: AlertSize;
     className: string;
     style: Record<string, string | number>;
-    type: AlertType;
     title: string;
     closable: boolean;
-    closeAriaLabel: string;
     showIcon: boolean;
     description: string;
     duration: number;

package/dist/components/Anchor.d.mts

@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
+    direction: AnchorDirection;
     className: string;
     style: Record<string, unknown>;
-    direction: AnchorDirection;
     offsetTop: number;
     targetOffset: number;
     bounds: number;

package/dist/components/Anchor.d.ts

@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
+    direction: AnchorDirection;
     className: string;
     style: Record<string, unknown>;
-    direction: AnchorDirection;
     offsetTop: number;
     targetOffset: number;
     bounds: number;

package/dist/components/AreaChart.d.mts

@@ -403,11 +403,11 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
     strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;

package/dist/components/AreaChart.d.ts

@@ -403,11 +403,11 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
     strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;

package/dist/components/AutoComplete.d.mts

@@ -46,7 +46,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "search" | "update:modelValue")[], "change" | "select" | "search" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "change" | "update:modelValue")[], "search" | "select" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number>;
         default: string;
@@ -88,8 +88,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/AutoComplete.d.ts

@@ -46,7 +46,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "search" | "update:modelValue")[], "change" | "select" | "search" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "change" | "update:modelValue")[], "search" | "select" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number>;
         default: string;
@@ -88,8 +88,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/Avatar.d.mts

@@ -151,9 +151,9 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
     size: AvatarSize;
     className: string;
     style: Record<string, string | number>;
+    text: string;
     src: string;
     alt: string;
-    text: string;
     shape: AvatarShape;
     bgColor: string;
     textColor: string;

package/dist/components/Avatar.d.ts

@@ -151,9 +151,9 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
     size: AvatarSize;
     className: string;
     style: Record<string, string | number>;
+    text: string;
     src: string;
     alt: string;
-    text: string;
     shape: AvatarShape;
     bgColor: string;
     textColor: string;

package/dist/components/Badge.d.mts

@@ -92,14 +92,14 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    type: BadgeType;
     size: BadgeSize;
     className: string;
     style: Record<string, string | number>;
-    type: BadgeType;
     variant: BadgeVariant;
-    position: BadgePosition;
-    content: string | number;
     max: number;
+    content: string | number;
+    position: BadgePosition;
     showZero: boolean;
     standalone: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Badge.d.ts

@@ -92,14 +92,14 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    type: BadgeType;
     size: BadgeSize;
     className: string;
     style: Record<string, string | number>;
-    type: BadgeType;
     variant: BadgeVariant;
-    position: BadgePosition;
-    content: string | number;
     max: number;
+    content: string | number;
+    position: BadgePosition;
     showZero: boolean;
     standalone: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/BarChart.d.mts

@@ -364,11 +364,11 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onBar-click"?: ((...args: any[]) => any) | undefined;
     "onBar-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
     selectable: boolean;
     xTicks: number;
     yTicks: number;

package/dist/components/BarChart.d.ts

@@ -364,11 +364,11 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onBar-click"?: ((...args: any[]) => any) | undefined;
     "onBar-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    hoverable: boolean;
     width: number;
     height: number;
     padding: ChartPadding;
     gradient: boolean;
+    hoverable: boolean;
     selectable: boolean;
     xTicks: number;
     yTicks: number;

package/dist/components/Breadcrumb.d.mts

@@ -136,12 +136,12 @@ declare const BreadcrumbItem: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, unknown>;
-    href: string;
-    target: "_blank" | "_self" | "_parent" | "_top";
     icon: string | VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
     separator: string;
+    href: string;
+    target: "_blank" | "_self" | "_parent" | "_top";
     current: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{

package/dist/components/Breadcrumb.d.ts

@@ -136,12 +136,12 @@ declare const BreadcrumbItem: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: Record<string, unknown>;
-    href: string;
-    target: "_blank" | "_self" | "_parent" | "_top";
     icon: string | VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
     separator: string;
+    href: string;
+    target: "_blank" | "_self" | "_parent" | "_top";
     current: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{

package/dist/components/Button.d.mts

@@ -132,13 +132,13 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: ButtonSize;
-    loading: boolean;
     className: string;
     style: Record<string, unknown>;
-    variant: ButtonVariant;
-    danger: boolean;
     disabled: boolean;
+    loading: boolean;
     block: boolean;
+    danger: boolean;
+    variant: ButtonVariant;
     iconPosition: ButtonIconPosition;
     htmlType: ButtonHtmlType;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Button.d.ts

@@ -132,13 +132,13 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: ButtonSize;
-    loading: boolean;
     className: string;
     style: Record<string, unknown>;
-    variant: ButtonVariant;
-    danger: boolean;
     disabled: boolean;
+    loading: boolean;
     block: boolean;
+    danger: boolean;
+    variant: ButtonVariant;
     iconPosition: ButtonIconPosition;
     htmlType: ButtonHtmlType;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/ButtonGroup.d.mts

@@ -34,9 +34,9 @@ declare const ButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    vertical: boolean;
     size: ButtonSize;
     className: string;
-    vertical: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { BUTTON_GROUP_INJECTION_KEY, ButtonGroup, type ButtonGroupContext, type VueButtonGroupProps, ButtonGroup as default };

package/dist/components/ButtonGroup.d.ts

@@ -34,9 +34,9 @@ declare const ButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    vertical: boolean;
     size: ButtonSize;
     className: string;
-    vertical: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { BUTTON_GROUP_INJECTION_KEY, ButtonGroup, type ButtonGroupContext, type VueButtonGroupProps, ButtonGroup as default };

package/dist/components/Calendar.d.mts

@@ -60,8 +60,8 @@ declare const Calendar: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     mode: CalendarMode;
-    fullscreen: boolean;
     modelValue: Date;
+    fullscreen: boolean;
     disabledDate: (date: Date) => boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;