yc-pro-components 0.0.19 → 0.0.20

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.19 */
+/*! yc-pro-components v0.0.20 */
 import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, useAttrs, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, toRefs, useSlots, onUnmounted, resolveDirective, pushScopeId, popScopeId, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow } 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, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop } from 'element-plus';
 
@@ -31354,28 +31354,83 @@ const RePlusPage = YcPlusPageComponent;
 
 const loadMoreDirective = {
   mounted(el, binding) {
-    nextTick(() => {
-      const domClass = ".el-select-dropdown__wrap";
-      const element = el.querySelector(domClass);
-      if (element) {
+    const bindScrollListener = (poperId) => {
+      const poper = document.getElementById(poperId);
+      if (!poper) return;
+      let scrollContainer = null;
+      scrollContainer = poper.querySelector(".el-scrollbar .el-select-dropdown__wrap");
+      if (!scrollContainer) {
+        scrollContainer = poper.querySelector(".el-select-dropdown__wrap");
+      }
+      if (!scrollContainer) {
+        scrollContainer = poper.querySelector('[class*="scrollbar__wrap"]');
+      }
+      if (scrollContainer && !scrollContainer.__vueLoadMoreBound__) {
+        scrollContainer.__vueLoadMoreBound__ = true;
+        let lastTriggerTime = 0;
         const handleScroll = () => {
-          const { scrollTop, scrollHeight, clientHeight } = element;
-          const scrollDistance = scrollHeight - scrollTop <= clientHeight + 10;
-          if (scrollDistance) {
+          if (!scrollContainer) return;
+          const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
+          const THRESHOLD = 100;
+          const scrollDistance = scrollHeight - scrollTop <= clientHeight + THRESHOLD;
+          const now = Date.now();
+          if (scrollDistance && binding.value && now - lastTriggerTime > 1e3) {
+            lastTriggerTime = now;
             binding.value();
           }
         };
-        element.__vueLoadMoreHandler__ = handleScroll;
-        element.addEventListener("scroll", handleScroll);
+        scrollContainer.__vueLoadMoreHandler__ = handleScroll;
+        scrollContainer.addEventListener("scroll", handleScroll);
       }
-    });
+    };
+    const callback = (records) => {
+      records.forEach((record) => {
+        if (record.attributeName === "aria-describedby") {
+          const target = record.target;
+          const newValue = target.getAttribute("aria-describedby");
+          if (newValue) {
+            bindScrollListener(newValue);
+          }
+        }
+      });
+    };
+    const selectTrigger = el.querySelector(".select-trigger") || el.querySelector(".el-select__wrapper") || el.querySelector("input");
+    if (selectTrigger) {
+      const observer = new MutationObserver(callback);
+      observer.observe(selectTrigger, {
+        attributes: true,
+        attributeOldValue: true,
+        attributeFilter: ["aria-describedby"]
+      });
+      el.__vueLoadMoreObserver__ = observer;
+    }
   },
   beforeUnmount(el) {
-    const domClass = ".el-select-dropdown__wrap";
-    const element = el.querySelector(domClass);
-    if (element && element.__vueLoadMoreHandler__) {
-      element.removeEventListener("scroll", element.__vueLoadMoreHandler__);
-      delete element.__vueLoadMoreHandler__;
+    if (el.__vueLoadMoreObserver__) {
+      el.__vueLoadMoreObserver__.disconnect();
+      delete el.__vueLoadMoreObserver__;
+    }
+    const selectTrigger = el.querySelector(".select-trigger") || el.querySelector(".el-select__wrapper") || el.querySelector("input");
+    if (selectTrigger) {
+      const ariaId = selectTrigger.getAttribute("aria-describedby");
+      if (ariaId) {
+        const poper = document.getElementById(ariaId);
+        if (poper) {
+          const scrollContainer = poper.querySelector(
+            ".el-scrollbar .el-select-dropdown__wrap"
+          ) || poper.querySelector(
+            ".el-select-dropdown__wrap"
+          );
+          if (scrollContainer && scrollContainer.__vueLoadMoreHandler__) {
+            scrollContainer.removeEventListener(
+              "scroll",
+              scrollContainer.__vueLoadMoreHandler__
+            );
+            delete scrollContainer.__vueLoadMoreHandler__;
+            delete scrollContainer.__vueLoadMoreBound__;
+          }
+        }
+      }
     }
   }
 };
@@ -31384,6 +31439,8 @@ var loadMoreDirective$1 = loadMoreDirective;
 const ALL_SELECT_VALUE = "__ALL_SELECT__";
 const ALL_SELECT_LABEL = "\u5168\u9009";
 const ALL_UNSELECT_LABEL = "\u5168\u4E0D\u9009";
+const LOADING_VALUE = "__LOADING__";
+const LOADING_LABEL = "\u52A0\u8F7D\u4E2D...";
 var _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "YcSelectV2",
@@ -31441,14 +31498,23 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
       return innerOptions.value.every((opt) => currentValue.includes(opt.value));
     });
     const displayOptions = computed(() => {
-      if (props.allSelect && props.multiple && innerOptions.value.length > 0) {
+      let options = [...innerOptions.value];
+      if (props.allSelect && props.multiple && options.length > 0) {
         const allSelectOption = {
           label: isAllSelected.value ? ALL_UNSELECT_LABEL : ALL_SELECT_LABEL,
           value: ALL_SELECT_VALUE
         };
-        return [allSelectOption, ...innerOptions.value];
+        options = [allSelectOption, ...options];
+      }
+      if (loading.value && hasMore.value) {
+        const loadingOption = {
+          label: LOADING_LABEL,
+          value: LOADING_VALUE,
+          disabled: true
+        };
+        options = [...options, loadingOption];
       }
-      return innerOptions.value;
+      return options;
     });
     const initData = async () => {
       if (props.searchMode === "local" && props.options.length > 0) {
@@ -31746,8 +31812,9 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
                 key: item.value,
                 label: item.label,
                 value: item.value,
-                disabled: item.disabled
-              }, null, 8, ["label", "value", "disabled"]);
+                disabled: item.disabled,
+                class: normalizeClass({ "yc-select-v2-loading": item.value === "__LOADING__" })
+              }, null, 8, ["label", "value", "disabled", "class"]);
             }),
             128
             /* KEYED_FRAGMENT */

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,34 +1,34 @@
-import { PlusCheckCardProps, RenderTypes } from 'packages/yc-components';
 import { ValueType } from './src/index.vue';
+import { PlusCheckCardProps, RenderTypes } 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;
@@ -39,41 +39,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: {};
@@ -83,72 +83,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;
@@ -159,12 +159,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;