yc-pro-components 0.0.78 → 0.0.79

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.78 */
+/*! yc-pro-components v0.0.79 */
 import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, useAttrs, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, pushScopeId, popScopeId, toRefs, useSlots, onUnmounted, resolveDirective, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow, createStaticVNode, hasInjectionContext, markRaw, effectScope, toRaw } from 'vue';
 import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, TableV2FixedDir, ElAutoResizer, ElTableV2, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop, ElUpload } from 'element-plus';
 
@@ -8811,6 +8811,125 @@ function useTableDragScroll(wrapperRef, tableRef, options = {}) {
   };
 }
 
+const DEFAULT_TOOLTIP = "\u5DE6\u53F3\u6EDA\u52A8\uFF1A\u6309\u4F4FShift\u952E\u6EDA\u52A8\u6ED1\u8F6E";
+const DEFAULT_HORIZONTAL_BAR_SELECTOR = ".el-scrollbar__bar.is-horizontal";
+const TOOLTIP_TARGET_CLASS = "plus-table__scrollbar-tooltip-target";
+function useTableScrollbarTooltip(tableRef, options = {}) {
+  var _a, _b;
+  const horizontalBarSelector = (_a = options.horizontalBarSelector) != null ? _a : DEFAULT_HORIZONTAL_BAR_SELECTOR;
+  const triggerRef = shallowRef(null);
+  const tooltipContent = ref((_b = options.content) != null ? _b : DEFAULT_TOOLTIP);
+  const tooltipVisible = ref(false);
+  let observer = null;
+  let currentTarget = null;
+  let onEnter = null;
+  let onLeave = null;
+  const isEnabled = () => {
+    const enabled = options.enabled;
+    if (enabled === void 0) return true;
+    if (typeof enabled === "boolean") return enabled;
+    return enabled.value;
+  };
+  const cleanupListeners = () => {
+    if (currentTarget && onEnter && onLeave) {
+      currentTarget.removeEventListener("mouseenter", onEnter);
+      currentTarget.removeEventListener("mouseleave", onLeave);
+      currentTarget.classList.remove(TOOLTIP_TARGET_CLASS);
+    }
+    currentTarget = null;
+    onEnter = null;
+    onLeave = null;
+    tooltipVisible.value = false;
+  };
+  const findHorizontalBar = (tableEl) => {
+    const bodyWrapper = tableEl.querySelector(".el-table__body-wrapper");
+    const barInBody = bodyWrapper == null ? void 0 : bodyWrapper.querySelector(horizontalBarSelector);
+    if (barInBody) return barInBody;
+    const bars = tableEl.querySelectorAll(horizontalBarSelector);
+    if (!bars.length) return null;
+    return bars[bars.length - 1];
+  };
+  const bindTarget = (bar) => {
+    if (currentTarget === bar) return;
+    cleanupListeners();
+    currentTarget = bar;
+    bar.classList.add(TOOLTIP_TARGET_CLASS);
+    onEnter = () => {
+      tooltipVisible.value = true;
+    };
+    onLeave = () => {
+      tooltipVisible.value = false;
+    };
+    bar.addEventListener("mouseenter", onEnter);
+    bar.addEventListener("mouseleave", onLeave);
+    triggerRef.value = bar;
+  };
+  const refresh = () => {
+    var _a2, _b2;
+    tooltipContent.value = (_a2 = options.content) != null ? _a2 : DEFAULT_TOOLTIP;
+    if (!isEnabled()) {
+      cleanupListeners();
+      triggerRef.value = null;
+      return;
+    }
+    const tableEl = (_b2 = tableRef.value) == null ? void 0 : _b2.$el;
+    if (!tableEl) {
+      cleanupListeners();
+      triggerRef.value = null;
+      return;
+    }
+    const horizontalBar = findHorizontalBar(tableEl);
+    if (!horizontalBar) {
+      cleanupListeners();
+      triggerRef.value = null;
+      return;
+    }
+    bindTarget(horizontalBar);
+  };
+  const setupObserver = (tableEl) => {
+    observer == null ? void 0 : observer.disconnect();
+    observer = new MutationObserver(() => {
+      refresh();
+    });
+    observer.observe(tableEl, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+  };
+  watch(
+    () => {
+      var _a2;
+      return (_a2 = tableRef.value) == null ? void 0 : _a2.$el;
+    },
+    (tableEl) => {
+      observer == null ? void 0 : observer.disconnect();
+      observer = null;
+      if (!tableEl) {
+        cleanupListeners();
+        triggerRef.value = null;
+        return;
+      }
+      nextTick(refresh);
+      setupObserver(tableEl);
+    },
+    { immediate: true, flush: "post" }
+  );
+  onBeforeUnmount(() => {
+    observer == null ? void 0 : observer.disconnect();
+    observer = null;
+    cleanupListeners();
+    triggerRef.value = null;
+  });
+  return {
+    triggerRef,
+    tooltipContent,
+    tooltipVisible,
+    refresh
+  };
+}
+
 const _hoisted_1$v = { class: "plus-dialog-body" };
 var _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{
@@ -19108,6 +19227,11 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
     const columnsIsChange = ref(false);
     const filterColumns = ref([]);
     const tableInstance = shallowRef(null);
+    const {
+      triggerRef: scrollbarTooltipTrigger,
+      tooltipContent: scrollbarTooltipContent,
+      tooltipVisible: scrollbarTooltipVisible
+    } = useTableScrollbarTooltip(tableInstance);
     const tableWrapperInstance = ref(null);
     const paginationInstance = ref(null);
     const state = reactive({
@@ -19478,13 +19602,24 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
           }, 16, ["data", "height", "header-cell-style", "size", "row-key"])), [
             [unref(vLoading), _ctx.loadingStatus]
           ]),
+          unref(scrollbarTooltipTrigger) ? (openBlock(), createBlock(unref(ElTooltip), {
+            key: 1,
+            visible: unref(scrollbarTooltipVisible),
+            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(scrollbarTooltipVisible) ? scrollbarTooltipVisible.value = $event : null),
+            "virtual-triggering": "",
+            "virtual-ref": unref(scrollbarTooltipTrigger),
+            content: unref(scrollbarTooltipContent),
+            placement: "top",
+            "show-after": 0,
+            "hide-after": 0
+          }, null, 8, ["visible", "virtual-ref", "content"])) : createCommentVNode("v-if", true),
           createCommentVNode(" \u5206\u9875 "),
           _ctx.pagination ? (openBlock(), createBlock(unref(PlusPagination), mergeProps({
-            key: 1,
+            key: 2,
             ref_key: "paginationInstance",
             ref: paginationInstance,
             modelValue: unref(subPageInfo),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(subPageInfo) ? subPageInfo.value = $event : null)
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(subPageInfo) ? subPageInfo.value = $event : null)
           }, _ctx.pagination, { onChange: handlePaginationChange }), createSlots({
             _: 2
             /* DYNAMIC */
@@ -64529,7 +64664,7 @@ function createDictStore(config) {
   });
 }
 
-const version = "0.0.78";
+const version = "0.0.79";
 
 const install = installer.install;
 

package/lib/components/check-card/index.d.ts

@@ -4,30 +4,30 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export type { PlusCheckCardProps } from './src/index.vue';
 export declare const PlusCheckCard: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: string;
-        };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        avatar: {
-            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-            default: undefined;
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        avatar: {
+            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+            default: undefined;
+        };
         extra: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         description: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
@@ -37,38 +37,38 @@ export declare const PlusCheckCard: {
             default: () => {};
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onChange?: ((checked: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "update:modelValue": (checked: boolean) => void;
         change: (checked: boolean) => void;
         extra: () => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: string;
-        };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        avatar: {
-            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-            default: undefined;
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        avatar: {
+            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+            default: undefined;
+        };
         extra: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         description: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
@@ -78,16 +78,16 @@ export declare const PlusCheckCard: {
             default: () => {};
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onChange?: ((checked: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {
-        size: "" | "default" | "small" | "large";
-        modelValue: boolean;
         title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         disabled: boolean;
+        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+        size: "" | "default" | "small" | "large";
+        modelValue: boolean;
         description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         avatarProps: RecordType;
     }, true, {}, {}, {
@@ -98,30 +98,30 @@ export declare const PlusCheckCard: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: string;
-        };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        avatar: {
-            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-            default: undefined;
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        avatar: {
+            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+            default: undefined;
+        };
         extra: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         description: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
@@ -131,16 +131,16 @@ export declare const PlusCheckCard: {
             default: () => {};
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onChange?: ((checked: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {}, {}, {}, {}, {
-        size: "" | "default" | "small" | "large";
-        modelValue: boolean;
         title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         disabled: boolean;
+        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+        size: "" | "default" | "small" | "large";
+        modelValue: boolean;
         description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         avatarProps: RecordType;
     }>;
@@ -148,30 +148,30 @@ export declare const PlusCheckCard: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    size: {
-        type: PropType<"" | "default" | "small" | "large">;
-        default: string;
-    };
-    modelValue: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     title: {
         type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
         default: undefined;
     };
-    avatar: {
-        type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-        default: undefined;
-    };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    avatar: {
+        type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+        default: undefined;
+    };
     extra: {
         type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
         default: undefined;
     };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     description: {
         type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
         default: undefined;
@@ -181,20 +181,20 @@ export declare const PlusCheckCard: {
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onChange?: ((checked: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onExtra?: (() => any) | undefined;
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (checked: boolean) => void;
     change: (checked: boolean) => void;
     extra: () => void;
 }, string, {
-    size: "" | "default" | "small" | "large";
-    modelValue: boolean;
     title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-    avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     disabled: boolean;
+    avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+    size: "" | "default" | "small" | "large";
+    modelValue: boolean;
     description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     avatarProps: RecordType;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {

package/lib/components/check-card/src/index.vue.d.ts

@@ -43,16 +43,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     extra: undefined;
     disabled: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onChange?: ((checked: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onExtra?: (() => any) | undefined;
 }, {
-    size: "" | "default" | "small" | "large";
-    modelValue: boolean;
     title: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-    avatar: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     disabled: boolean;
+    avatar: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     extra: (data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
+    size: "" | "default" | "small" | "large";
+    modelValue: boolean;
     description: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     avatarProps: RecordType;
 }, {}>, {

package/lib/components/check-card-group/index.d.ts

@@ -1,35 +1,35 @@
 import { RenderTypes } from 'yc-pro-components';
-import { PlusCheckCardProps } from 'packages/yc-components';
 import { ValueType } from './src/index.vue';
+import { PlusCheckCardProps } from 'packages/yc-components';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
 export type { PlusCheckCardGroupProps } from './src/index.vue';
 export declare const PlusCheckCardGroup: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: undefined;
-        };
-        modelValue: {
-            type: PropType<ValueType>;
-            default: () => never[];
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
         options: {
             type: PropType<( PlusCheckCardProps & {
                 value: string | number;
             })[]>;
             default: () => never[];
         };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
         multiple: {
             type: PropType<boolean>;
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onExtra?: ((item: PlusCheckCardProps & {
             value: string | number;
         }) => any) | undefined;
@@ -40,41 +40,41 @@ export declare const PlusCheckCardGroup: {
             value: string | number;
         }) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: undefined;
-        };
-        modelValue: {
-            type: PropType<ValueType>;
-            default: () => never[];
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
         options: {
             type: PropType<( PlusCheckCardProps & {
                 value: string | number;
             })[]>;
             default: () => never[];
         };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
         multiple: {
             type: PropType<boolean>;
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onExtra?: ((item: PlusCheckCardProps & {
             value: string | number;
         }) => any) | undefined;
     }, {
-        size: "" | "default" | "small" | "large";
-        modelValue: ValueType;
         disabled: boolean;
+        size: "" | "default" | "small" | "large";
         options: ( PlusCheckCardProps & {
             value: string | number;
         })[];
+        modelValue: ValueType;
         multiple: boolean;
     }, true, {}, {}, {
         P: {};
@@ -84,72 +84,72 @@ export declare const PlusCheckCardGroup: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"" | "default" | "small" | "large">;
-            default: undefined;
-        };
-        modelValue: {
-            type: PropType<ValueType>;
-            default: () => never[];
-        };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: PropType<"" | "default" | "small" | "large">;
+            default: undefined;
+        };
         options: {
             type: PropType<( PlusCheckCardProps & {
                 value: string | number;
             })[]>;
             default: () => never[];
         };
+        modelValue: {
+            type: PropType<ValueType>;
+            default: () => never[];
+        };
         multiple: {
             type: PropType<boolean>;
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onExtra?: ((item: PlusCheckCardProps & {
             value: string | number;
         }) => any) | undefined;
     }, {}, {}, {}, {}, {
-        size: "" | "default" | "small" | "large";
-        modelValue: ValueType;
         disabled: boolean;
+        size: "" | "default" | "small" | "large";
         options: ( PlusCheckCardProps & {
             value: string | number;
         })[];
+        modelValue: ValueType;
         multiple: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    size: {
-        type: PropType<"" | "default" | "small" | "large">;
-        default: undefined;
-    };
-    modelValue: {
-        type: PropType<ValueType>;
-        default: () => never[];
-    };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        default: undefined;
+    };
     options: {
         type: PropType<( PlusCheckCardProps & {
             value: string | number;
         })[]>;
         default: () => never[];
     };
+    modelValue: {
+        type: PropType<ValueType>;
+        default: () => never[];
+    };
     multiple: {
         type: PropType<boolean>;
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onChange?: ((checked: ValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onExtra?: ((item: PlusCheckCardProps & {
         value: string | number;
     }) => any) | undefined;
@@ -160,12 +160,12 @@ export declare const PlusCheckCardGroup: {
         value: string | number;
     }) => void;
 }, string, {
-    size: "" | "default" | "small" | "large";
-    modelValue: ValueType;
     disabled: boolean;
+    size: "" | "default" | "small" | "large";
     options: ( PlusCheckCardProps & {
         value: string | number;
     })[];
+    modelValue: ValueType;
     multiple: boolean;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {

package/lib/components/check-card-group/src/index.vue.d.ts

@@ -45,18 +45,18 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     disabled: boolean;
     multiple: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onChange?: ((checked: ValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onExtra?: ((item: PlusCheckCardProps & {
         value: string | number;
     }) => any) | undefined;
 }, {
-    size: "" | "default" | "small" | "large";
-    modelValue: ValueType;
     disabled: boolean;
+    size: "" | "default" | "small" | "large";
     options: (PlusCheckCardProps & {
         value: string | number;
     })[];
+    modelValue: ValueType;
     multiple: boolean;
 }, {}>, Partial<Record<string, (_: {
     avatar: string | undefined;