yc-pro-components 0.0.11 → 0.0.13

package/index.mjs

@@ -1,5 +1,5 @@
-/*! yc-pro-components v0.0.11 */
-import { unref, isRef, ref, isReactive, watch, inject, 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';
+/*! yc-pro-components v0.0.13 */
+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';
 
 const makeInstaller = (components = []) => {
@@ -4767,6 +4767,36 @@ const removeChildrenField = (item) => {
   return data;
 };
 
+const DefaultPageSizeList = [10, 20, 30, 40, 50, 100, 200, 300, 400, 500];
+const DefaultPageInfo = {
+  page: 1,
+  pageSize: 10
+};
+
+const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
+const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
+const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
+const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
+const ValueIsNumberList = ["rate", "input-number", "slider"];
+const ValueIsBooleanList = ["switch"];
+const ValueIsArrayList = [
+  "checkbox",
+  "cascader",
+  "plus-date-picker",
+  "plus-input-tag",
+  "transfer"
+];
+
+const selectValueTypeList = [
+  "select",
+  "radio",
+  "checkbox",
+  "select-v2",
+  "plus-radio"
+];
+
+const DictStoreInjectionKey = Symbol("DictStore");
+
 const throwError = (data) => {
   if (!isArray(data)) {
     console.error("Uncaught TypeError: ", `options expected Array but got ${toRawType(data)}`);
@@ -4793,27 +4823,53 @@ const getOptionsByOptionsMap = (options, props) => {
 const useGetOptions = (props) => {
   const options = ref([]);
   const optionsIsReady = ref(false);
-  if (!props.options) {
+  const injectedDictStore = inject(DictStoreInjectionKey, null);
+  const hasValidOptions = props.options && (!isArray(props.options) || props.options.length > 0);
+  if (hasValidOptions) {
+    handleOptions();
+  } else if (props.autoDict) {
+    handleAutoDict();
+  } else {
     options.value = [];
     optionsIsReady.value = true;
-  } else if (isRef(props.options) || isReactive(props.options) || isArray(props.options)) {
-    watch(
-      () => props.options,
-      (val) => {
-        const value = isRef(val) ? val.value : val;
-        options.value = getOptionsByOptionsMap(value, props);
+  }
+  function handleOptions() {
+    if (!props.options) {
+      options.value = [];
+      optionsIsReady.value = true;
+      return;
+    }
+    if (isRef(props.options) || isReactive(props.options) || isArray(props.options)) {
+      watch(
+        () => props.options,
+        (val) => {
+          const value = isRef(val) ? val.value : val;
+          options.value = getOptionsByOptionsMap(value, props);
+          optionsIsReady.value = true;
+        },
+        {
+          immediate: true,
+          deep: true
+        }
+      );
+    } else if (isFunction(props.options)) {
+      const getValue = props.options;
+      const result = getValue(props);
+      if (isPromise(result)) {
+        result.then((value) => {
+          options.value = getOptionsByOptionsMap(value, props);
+          optionsIsReady.value = true;
+          throwError(options.value);
+        }).catch((err) => {
+          throw err;
+        });
+      } else {
+        options.value = getOptionsByOptionsMap(result, props);
         optionsIsReady.value = true;
-      },
-      {
-        immediate: true,
-        deep: true
       }
-    );
-  } else if (isFunction(props.options)) {
-    const getValue = props.options;
-    const result = getValue(props);
-    if (isPromise(result)) {
-      result.then((value) => {
+    } else if (isPromise(props.options)) {
+      const getValue = props.options;
+      getValue.then((value) => {
         options.value = getOptionsByOptionsMap(value, props);
         optionsIsReady.value = true;
         throwError(options.value);
@@ -4821,21 +4877,82 @@ const useGetOptions = (props) => {
         throw err;
       });
     } else {
-      options.value = getOptionsByOptionsMap(result, props);
       optionsIsReady.value = true;
+      throwError(props.options);
     }
-  } else if (isPromise(props.options)) {
-    const getValue = props.options;
-    getValue.then((value) => {
-      options.value = getOptionsByOptionsMap(value, props);
+  }
+  function handleAutoDict() {
+    if (isFunction(props.autoDict)) {
+      const autoDictFn = props.autoDict;
+      watch(
+        () => {
+          return autoDictFn(props);
+        },
+        (result) => {
+          if (isPromise(result)) {
+            result.then((value) => {
+              options.value = getOptionsByOptionsMap(value, props);
+              optionsIsReady.value = true;
+            }).catch((err) => {
+              console.error("[yc-components] autoDict function error:", err);
+              options.value = [];
+              optionsIsReady.value = true;
+            });
+          } else {
+            options.value = getOptionsByOptionsMap(result, props);
+            optionsIsReady.value = true;
+          }
+        },
+        { immediate: true }
+      );
+    } else if (typeof props.autoDict === "object" && props.autoDict !== null) {
+      const { store, method = "getDictData", transform, dictCode } = props.autoDict;
+      const dictStore = store || injectedDictStore;
+      const fieldOrCode = dictCode || props.prop;
+      if (dictStore && isFunction(dictStore[method])) {
+        watch(
+          () => dictStore[method](fieldOrCode),
+          (val) => {
+            try {
+              const data = transform && isFunction(transform) ? transform(val) : val;
+              options.value = getOptionsByOptionsMap(data, props);
+              optionsIsReady.value = true;
+            } catch (err) {
+              console.error("[yc-components] autoDict transform error:", err);
+              options.value = [];
+              optionsIsReady.value = true;
+            }
+          },
+          { immediate: true }
+        );
+      } else {
+        console.warn(
+          `[yc-components] autoDict: DictStore or method "${method}" not found for field "${fieldOrCode}"`
+        );
+        options.value = [];
+        optionsIsReady.value = true;
+      }
+    } else if (props.autoDict === true) {
+      if (injectedDictStore && isFunction(injectedDictStore.getDictData)) {
+        watch(
+          () => injectedDictStore.getDictData(props.prop),
+          (val) => {
+            options.value = getOptionsByOptionsMap(val, props);
+            optionsIsReady.value = true;
+          },
+          { immediate: true }
+        );
+      } else {
+        console.warn(
+          `[yc-components] autoDict: DictStore not provided via inject for field "${props.prop}". Please use useDictInjection() in parent component.`
+        );
+        options.value = [];
+        optionsIsReady.value = true;
+      }
+    } else {
+      options.value = [];
       optionsIsReady.value = true;
-      throwError(options.value);
-    }).catch((err) => {
-      throw err;
-    });
-  } else {
-    optionsIsReady.value = true;
-    throwError(props.options);
+    }
   }
   return { customOptions: options, customOptionsIsReady: optionsIsReady };
 };
@@ -4934,34 +5051,6 @@ const useLocale = (localeOverrides) => {
   }));
 };
 
-const DefaultPageSizeList = [10, 20, 30, 40, 50, 100, 200, 300, 400, 500];
-const DefaultPageInfo = {
-  page: 1,
-  pageSize: 10
-};
-
-const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
-const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
-const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
-const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
-const ValueIsNumberList = ["rate", "input-number", "slider"];
-const ValueIsBooleanList = ["switch"];
-const ValueIsArrayList = [
-  "checkbox",
-  "cascader",
-  "plus-date-picker",
-  "plus-input-tag",
-  "transfer"
-];
-
-const selectValueTypeList = [
-  "select",
-  "radio",
-  "checkbox",
-  "select-v2",
-  "plus-radio"
-];
-
 function useTable(_pageInfo) {
   const defaultPageInfo = unref(_pageInfo) || DefaultPageInfo;
   const tableData = ref([]);
@@ -8482,6 +8571,20 @@ function useSelectWithPagination(config) {
   };
 }
 
+function useDictInjection(dictStore) {
+  if (!dictStore) {
+    console.warn("[yc-components] useDictInjection: dictStore is required");
+    return;
+  }
+  if (typeof dictStore.getDictData !== "function") {
+    console.error(
+      "[yc-components] useDictInjection: dictStore must implement getDictData method. Please ensure your dictStore implements DictStoreInterface."
+    );
+    return;
+  }
+  provide(DictStoreInjectionKey, dictStore);
+}
+
 const _hoisted_1$q = { class: "plus-dialog-body" };
 var _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
@@ -15779,6 +15882,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
     fieldChildrenSlot: { type: Function, default: void 0 },
     renderErrorMessage: { type: Function, default: void 0 },
     optionsMap: { default: void 0 },
+    autoDict: { type: [Boolean, Function, Object], default: void 0 },
     index: { default: 0 },
     clearable: { type: Boolean, default: true }
   },
@@ -19224,7 +19328,9 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
       lg: 8,
       xl: 6
     }) },
-    needValidate: { type: Boolean, default: false }
+    needValidate: { type: Boolean, default: false },
+    searchIcon: { default: void 0 },
+    resetIcon: { default: void 0 }
   },
   emits: ["update:modelValue", "search", "change", "reset", "collapse"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -19242,6 +19348,14 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
     const unfoldText = computed(
       () => isShowUnfold.value ? props.retractText || t("plus.search.retract") : props.expandText || t("plus.search.expand")
     );
+    const computedSearchIcon = computed(() => {
+      if (props.searchIcon === null) return void 0;
+      return props.searchIcon !== void 0 ? props.searchIcon : search_default;
+    });
+    const computedResetIcon = computed(() => {
+      if (props.resetIcon === null) return void 0;
+      return props.resetIcon !== void 0 ? props.resetIcon : refresh_right_default;
+    });
     const originData = computed(() => {
       const filterData = props.columns.filter((item) => unref(item.hideInSearch) !== true).map((item) => ({ ...item, hideInForm: false })).map((item) => ({ ...item, order: (item == null ? void 0 : item.order) ? unref(item.order) : 0 }));
       return orderBy(filterData, ["order"], ["desc"]);
@@ -19328,7 +19442,7 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
               }, () => [
                 _ctx.hasReset ? (openBlock(), createBlock(unref(ElButton), {
                   key: 0,
-                  icon: unref(refresh_right_default),
+                  icon: computedResetIcon.value,
                   onClick: handleReset
                 }, {
                   default: withCtx(() => [
@@ -19344,7 +19458,7 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
                 createVNode(unref(ElButton), {
                   type: "primary",
                   loading: _ctx.searchLoading,
-                  icon: unref(search_default),
+                  icon: computedSearchIcon.value,
                   onClick: handleSearch.value
                 }, {
                   default: withCtx(() => [
@@ -30990,7 +31104,10 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
           hasUnfold: false,
           rowProps: { gutter: 0 },
           colProps: { span: getSpanByCount(searchableFieldsCount.value) },
-          labelSuffix: ""
+          labelSuffix: "",
+          labelPosition: "right",
+          searchIcon: null,
+          resetIcon: null
         };
         return merge({}, defaultSearchConfig, props.search);
       }
@@ -30998,7 +31115,10 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
         hasUnfold: false,
         rowProps: { gutter: 0 },
         colProps: { span: getSpanByCount(searchableFieldsCount.value) },
-        labelSuffix: ""
+        labelSuffix: "",
+        labelPosition: "right",
+        searchIcon: null,
+        resetIcon: null
       };
     });
     const mergedSearchCardProps = computed(() => {
@@ -31142,7 +31262,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-4486eb75"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-7c1490fd"], ["__file", "index.vue"]]);
 
 const YcPlusPage = YcPlusPageComponent;
 const RePlusPage = YcPlusPageComponent;
@@ -59620,8 +59740,8 @@ const plugins = [
 
 var installer = makeInstaller([...plugins]);
 
-const version = "0.1.30";
+const version = "0.0.13";
 
 const install = installer.install;
 
-export { DEFAULT_CDN_CONFIG, DEFAULT_YC_CONFIG, DatePickerValueIsArrayList, DefaultPageInfo, DefaultPageSizeList, PlusBreadcrumb, PlusCheckCard, PlusCheckCardGroup, PlusDatePicker, PlusDescriptions, PlusDialog, PlusDialogForm, PlusDisplayItem, PlusDrawerForm, PlusForm, PlusFormItem, PlusHeader, PlusInputTag, PlusLayout, PlusPage, PlusPagination, PlusPopover, PlusRadio, PlusSearch, PlusSidebar, PlusSidebarItem, PlusStepsForm, PlusTable, YcAnimateSelector as ReAnimateSelector, YcAuth as ReAuth, YcCard as ReCard, YcCol as ReCol, YcConfigProvider as ReConfigProvider, ReDialog, YcDownloadDialog as ReDownloadDialog, ReDrawer, ReFormContainerHeader, YcLineTree as ReLineTree, ReMoreActions, YcCountTo as ReNormalCountTo, YcPerms as RePerms, RePlusPage, RePlusTree, YcSegmented as ReSegmented, YcSelectV2 as ReSelectV2, YcStatusDialog as ReStatusDialog, YcSvgIcon as ReSvgIcon, YcTabsWithFilter as ReTabsWithFilter, YcText as ReText, YcReboundCountTo as ReboundCountTo, SIZE_MAP, STATUS_CONFIG_MAP, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList, YC_CONFIG_KEY, YcAnimateSelector, YcAnimateSelectorWithInstall, YcAuth, YcAuthWithInstall, YcCard, YcCardWithInstall, YcCol, YcConfigProvider, YcCountTo, YcDialog, YcDownloadDialog, YcDownloadDialogWithInstall, YcDrawer, YcFlicker, YcFormContainerHeader, YcLineTree, YcLineTreeWithInstall, YcMoreActions, YcPerms, YcPermsWithInstall, YcPlusPage, YcPlusTree, YcReboundCountTo, YcReboundCountToWithInstall, YcSegmented, YcSegmentedWithInstall, YcSelectV2, YcStatusDialog, YcSvgIcon, YcTabsWithFilter, YcTabsWithFilterWithInstall, YcText, YcTextWithInstall, addDrawer, animates, closeAllDrawer, closeDrawer, installer as default, drawerStore, findNodeById, findNodeByPath, findNodePosition, insertAsChild, insertAsSibling, insertNodeAtPosition, install, providePlusProConfig, removeNode, reorderNodeChildren, reorderSiblingNodes, selectValueTypeList, updateDrawer, useDialogFormConfig, useDrawerFormConfig, useGetOptions, useLocale, usePlusFormReset, usePlusProConfig, useRenderFlicker, useRenderFlicker as useRenderReFlicker, useSelectWithMapping, useSelectWithPagination, useSortableDrag$1 as useSortableDrag, useTable, useYcAuth, useYcCdn, useYcCdnUrl, useYcComponentConfig, useYcConfig, useYcPerms, useYcShowPageSearch, useYcTranslate, version };
+export { DEFAULT_CDN_CONFIG, DEFAULT_YC_CONFIG, DatePickerValueIsArrayList, DefaultPageInfo, DefaultPageSizeList, DictStoreInjectionKey, PlusBreadcrumb, PlusCheckCard, PlusCheckCardGroup, PlusDatePicker, PlusDescriptions, PlusDialog, PlusDialogForm, PlusDisplayItem, PlusDrawerForm, PlusForm, PlusFormItem, PlusHeader, PlusInputTag, PlusLayout, PlusPage, PlusPagination, PlusPopover, PlusRadio, PlusSearch, PlusSidebar, PlusSidebarItem, PlusStepsForm, PlusTable, YcAnimateSelector as ReAnimateSelector, YcAuth as ReAuth, YcCard as ReCard, YcCol as ReCol, YcConfigProvider as ReConfigProvider, ReDialog, YcDownloadDialog as ReDownloadDialog, ReDrawer, ReFormContainerHeader, YcLineTree as ReLineTree, ReMoreActions, YcCountTo as ReNormalCountTo, YcPerms as RePerms, RePlusPage, RePlusTree, YcSegmented as ReSegmented, YcSelectV2 as ReSelectV2, YcStatusDialog as ReStatusDialog, YcSvgIcon as ReSvgIcon, YcTabsWithFilter as ReTabsWithFilter, YcText as ReText, YcReboundCountTo as ReboundCountTo, SIZE_MAP, STATUS_CONFIG_MAP, TableFormFieldRefInjectionKey, TableFormRefInjectionKey, TableFormRowInfoInjectionKey, ValueIsArrayList, ValueIsBooleanList, ValueIsNumberList, YC_CONFIG_KEY, YcAnimateSelector, YcAnimateSelectorWithInstall, YcAuth, YcAuthWithInstall, YcCard, YcCardWithInstall, YcCol, YcConfigProvider, YcCountTo, YcDialog, YcDownloadDialog, YcDownloadDialogWithInstall, YcDrawer, YcFlicker, YcFormContainerHeader, YcLineTree, YcLineTreeWithInstall, YcMoreActions, YcPerms, YcPermsWithInstall, YcPlusPage, YcPlusTree, YcReboundCountTo, YcReboundCountToWithInstall, YcSegmented, YcSegmentedWithInstall, YcSelectV2, YcStatusDialog, YcSvgIcon, YcTabsWithFilter, YcTabsWithFilterWithInstall, YcText, YcTextWithInstall, addDrawer, animates, closeAllDrawer, closeDrawer, installer as default, drawerStore, findNodeById, findNodeByPath, findNodePosition, insertAsChild, insertAsSibling, insertNodeAtPosition, install, providePlusProConfig, removeNode, reorderNodeChildren, reorderSiblingNodes, selectValueTypeList, updateDrawer, useDialogFormConfig, useDictInjection, useDrawerFormConfig, useGetOptions, useLocale, usePlusFormReset, usePlusProConfig, useRenderFlicker, useRenderFlicker as useRenderReFlicker, useSelectWithMapping, useSelectWithPagination, useSortableDrag$1 as useSortableDrag, useTable, useYcAuth, useYcCdn, useYcCdnUrl, useYcComponentConfig, useYcConfig, useYcPerms, useYcShowPageSearch, useYcTranslate, version };

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;
 }, {}>, {