yc-design-vue 1.0.8 → 1.1.0

package/es/_shared/icons/IconSearch.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSearch",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSearch.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconSearch.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSearch",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSeparator.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSeparator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSeparator.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSeparator.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconSeparator.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSeparator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconZoomIn.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconZoomIn.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconZoomIn",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconZoomIn.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconZoomIn",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconZoomIn.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconZoomOut.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconZoomOut.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconZoomOut",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconZoomOut.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconZoomOut",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconZoomOut.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/utils/dom.d.ts

@@ -1,5 +1,4 @@
 import { Ref } from 'vue';
-import { EllipsisConfig } from '../../Typography/type';
 import { BreakpointName, ResponsiveValue } from '../../Grid';
 export declare const isServerRendering: boolean;
 export declare const querySelector: (selectors: string, container?: Document | HTMLElement) => HTMLElement | undefined;
@@ -8,21 +7,11 @@ export declare const getDomText: (dom: Ref<HTMLElement | undefined>) => string;
 export declare const getBreakpointValue: (breakpoint: BreakpointName, value: string | number | ResponsiveValue, defaultValue?: number | string) => number | string | undefined;
 export declare const mediaQueryHandler: (onBreakpoint: (breakpoint: BreakpointName, order: Record<string, number>, index: number) => void, queries?: Record<string, string>) => void;
 export declare const findFirstScrollableParent: (element?: HTMLElement) => HTMLElement | undefined;
-/**
- * 计算文本是否需要省略并返回处理后的文本
- * @param originElement 原始DOM元素，用于获取样式
- * @param ellipsisConfig 省略配置
- * @param operations 操作按钮的DOM元素或元素数组
- * @param fullText 完整文本
- * @returns 返回处理后的文本和是否省略的标志
- */
-export declare const calculateEllipsis: (originElement: HTMLElement, ellipsisConfig: EllipsisConfig | undefined, operations: (HTMLElement | HTMLElement[] | null) | undefined, fullText: string) => {
-    tooltip?: {
-        type?: "tooltip" | "popover" | undefined;
-        props?: Record<string, any> | undefined;
-        title: string;
-    } | undefined;
-    text: string;
-    ellipsis: boolean;
-    isClamped: boolean;
+export declare const sleep: (ms: number) => Promise<unknown>;
+export declare const throttleByRaf: (cb: (...args: any[]) => void) => {
+    (...args: any[]): void;
+    cancel(): void;
 };
+export declare const debounce: (func: (...args: any) => void, delay: number, immediate?: boolean) => (this: any, ...args: any) => void;
+export declare const throttle: (fn: (...args: any) => void, delay: number) => (this: any, ...args: any) => void;
+export declare const valueToPx: (value: string | number | undefined) => string;

package/es/_shared/utils/dom.js

@@ -1,6 +1,7 @@
 import { watch } from "vue";
+import { MEDICA_QUERY_QUERUES } from "../constants/index.js";
 import { unrefElement, useMediaQuery } from "../../node_modules/@vueuse/core/index.js";
-import { isString, isObject, isUndefined } from "./is.js";
+import { isNumber, isString, isObject, isUndefined } from "./is.js";
 const isServerRendering = (() => {
   try {
     return !(typeof window !== "undefined" && document !== void 0);
@@ -25,16 +26,6 @@ const getDomText = (dom) => {
   var _a;
   return ((_a = unrefElement(dom)) == null ? void 0 : _a.innerText) || "";
 };
-const getMedicaQueryQuerues = () => {
-  return {
-    xs: "(min-width: 0)",
-    sm: "(min-width: 576px)",
-    md: "(min-width: 768px)",
-    lg: "(min-width: 992px)",
-    xl: "(min-width: 1200px)",
-    xxl: "(min-width: 1600px)"
-  };
-};
 const getBreakpointValue = (breakpoint, value, defaultValue) => {
   if (!isObject(value)) {
     return value;
@@ -53,7 +44,7 @@ const getBreakpointValue = (breakpoint, value, defaultValue) => {
   }
   return defaultValue;
 };
-const mediaQueryHandler = (onBreakpoint, queries = getMedicaQueryQuerues()) => {
+const mediaQueryHandler = (onBreakpoint, queries = MEDICA_QUERY_QUERUES) => {
   const breakpoints = [];
   const order = {};
   const matches = [];
@@ -89,12 +80,88 @@ const findFirstScrollableParent = (element) => {
     currentElement = currentElement.parentElement;
   }
 };
+const sleep = (ms) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve("");
+    }, ms);
+  });
+};
+const throttleByRaf = (cb) => {
+  let timer = 0;
+  const throttle2 = (...args) => {
+    if (timer) {
+      window.cancelAnimationFrame(timer);
+    }
+    timer = window.requestAnimationFrame(() => {
+      cb(...args);
+      timer = 0;
+    });
+  };
+  throttle2.cancel = () => {
+    window.cancelAnimationFrame(timer);
+    timer = 0;
+  };
+  return throttle2;
+};
+const debounce = (func, delay, immediate = false) => {
+  let timer = null;
+  let isInvoked = false;
+  return function(...args) {
+    const context = this;
+    if (timer) clearTimeout(timer);
+    if (immediate && !isInvoked) {
+      func.apply(context, args);
+      isInvoked = true;
+    }
+    timer = setTimeout(() => {
+      if (!immediate) {
+        func.apply(context, args);
+      }
+      isInvoked = false;
+    }, delay);
+  };
+};
+const throttle = (fn, delay) => {
+  let lastTime = 0;
+  let timeoutId = null;
+  return function(...args) {
+    const now = Date.now();
+    const remaining = delay - (now - lastTime);
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+    if (remaining <= 0) {
+      fn.apply(this, args);
+      lastTime = now;
+    } else {
+      timeoutId = setTimeout(() => {
+        fn.apply(this, args);
+        lastTime = Date.now();
+        timeoutId = null;
+      }, remaining);
+    }
+  };
+};
+const valueToPx = (value) => {
+  const numberReg = /^-?\d+(\.\d+)?$/;
+  if (isNumber(value) || isString(value) && numberReg.test(value)) {
+    return value + "px";
+  }
+  return value;
+};
 export {
+  debounce,
   findFirstScrollableParent,
   getBreakpointValue,
   getDomText,
   getElement,
   isServerRendering,
   mediaQueryHandler,
-  querySelector
+  querySelector,
+  sleep,
+  throttle,
+  throttleByRaf,
+  valueToPx
 };

package/es/_shared/utils/index.d.ts

@@ -1,6 +1,5 @@
 export * from './color';
 export * from './dom';
-export * from './fn';
 export * from './is';
 export * from './time';
 export * from './vue-utils';

package/es/_shared/utils/time.d.ts

@@ -1,39 +1,4 @@
 import { default as dayjs } from 'dayjs';
-type options = {
-    value: string;
-    disabled: boolean;
-}[];
-export declare function generateTimeOptions(config: {
-    format: string;
-    disabledHours?: () => number[];
-    disabledMinutes?: (selectedHour?: number) => number[];
-    disabledSeconds?: (selectedHour?: number, selectedMinute?: number) => number[];
-    hideDisabledOptions?: boolean;
-    step?: {
-        hour?: number;
-        minute?: number;
-        second?: number;
-    };
-    selectedHour?: string;
-    selectedMinute?: string;
-}): {
-    hours: options;
-    minutes: options;
-    seconds: options;
-    meridiems: options;
-};
-export declare function parseTimeStrByFormat(timeStr: string, format: string): {
-    hours: string;
-    minutes: string;
-    seconds: string;
-    meridiems: string | undefined;
-};
-export declare function timeObjToStr(timeObj: {
-    hours?: string;
-    minutes?: string;
-    seconds?: string;
-    meridiems?: string | undefined;
-}, format: string): string;
 export declare const isValidTimeRange: (beginDate: string, endDate: string, format: string) => boolean;
 export interface CalendarCellData {
     day: number;
@@ -42,7 +7,6 @@ export interface CalendarCellData {
     isCurrentMonth: boolean;
     fullDate: string;
 }
-export declare function generateMonthCalendar(year: number, month: number): CalendarCellData[][];
+export declare const generateMonthCalendar: (year: number, month: number) => CalendarCellData[][];
 export declare const formatSeconds: (time: number, format: string, type?: dayjs.UnitType) => string;
 export declare const formatDate: (value: string | number | Date, format: string) => string;
-export {};

package/es/_shared/utils/time.js

@@ -13,7 +13,7 @@ const isValidTimeRange = (beginDate, endDate, format) => {
   const end = dayjs(endDate, format).locale("en", { weekStart: 1 });
   return begin.isBefore(end);
 };
-function generateMonthCalendar(year, month) {
+const generateMonthCalendar = (year, month) => {
   const firstDayOfMonth = dayjs(`${year}-${month}-01`);
   const firstDayOfWeek = firstDayOfMonth.day();
   const daysFromPrevMonth = firstDayOfWeek;
@@ -37,7 +37,7 @@ function generateMonthCalendar(year, month) {
     }
   }
   return calendar;
-}
+};
 const formatSeconds = (time, format, type = "milliseconds") => {
   return dayjs.duration(time, type).format(format);
 };

package/es/_shared/utils/vue-utils.d.ts

@@ -1,6 +1,6 @@
-import { RenderContent, ObjectData } from '../type';
 import { VNode } from 'vue';
+import { ObjectData, RenderContent } from '../type';
 export declare const getSlotFunction: (param: RenderContent | undefined) => import('vue').RenderFunction | (() => string | ObjectData[]) | undefined;
-export declare function isVifNode(vnode: VNode | undefined | null): boolean;
-export declare function findFirstLegitChild(node: VNode[] | undefined): VNode | null;
-export declare function findComponentsFromVnodes(vnodes: VNode[], name: string): ObjectData[];
+export declare const isVifNode: (vnode: VNode | undefined | null) => boolean;
+export declare const findFirstLegitChild: (node: VNode[] | undefined) => VNode | null;
+export declare const findComponentsFromVnodes: (vnodes: VNode[], name: string) => ObjectData[];

package/es/_shared/utils/vue-utils.js

@@ -6,7 +6,7 @@ const getSlotFunction = (param) => {
   }
   return void 0;
 };
-function wrapTextContent(s) {
+const wrapTextContent = (s) => {
   return h(
     "span",
     {
@@ -16,8 +16,8 @@ function wrapTextContent(s) {
     },
     s
   );
-}
-function findFirstLegitChild(node) {
+};
+const findFirstLegitChild = (node) => {
   if (!node) return null;
   const children = node;
   for (const child of children) {
@@ -37,8 +37,8 @@ function findFirstLegitChild(node) {
     return wrapTextContent(child);
   }
   return null;
-}
-function findComponentsFromVnodes(vnodes, name) {
+};
+const findComponentsFromVnodes = (vnodes, name) => {
   const result = [];
   const traverse = (nodes) => {
     var _a, _b;
@@ -66,7 +66,7 @@ function findComponentsFromVnodes(vnodes, name) {
   };
   traverse(vnodes);
   return result;
-}
+};
 export {
   findComponentsFromVnodes,
   findFirstLegitChild,

package/es/index.d.ts

@@ -339,11 +339,11 @@ declare const _default: {
             "update:modelValue": (value: import('./Checkbox').CheckboxValue[]) => any;
         }, import('vue').PublicProps, {
             disabled: boolean;
-            direction: import('./_shared/type').Direction;
             modelValue: import('./Checkbox').CheckboxValue[];
             defaultValue: import('./Checkbox').CheckboxValue[];
             options: (import('./Checkbox').CheckboxOption | import('./Checkbox').CheckboxValue)[];
             max: number;
+            direction: import('./_shared/type').Direction;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -356,11 +356,11 @@ declare const _default: {
             "onUpdate:modelValue"?: ((value: import('./Checkbox').CheckboxValue[]) => any) | undefined;
         }>, {}, {}, {}, {}, {
             disabled: boolean;
-            direction: import('./_shared/type').Direction;
             modelValue: import('./Checkbox').CheckboxValue[];
             defaultValue: import('./Checkbox').CheckboxValue[];
             options: (import('./Checkbox').CheckboxOption | import('./Checkbox').CheckboxValue)[];
             max: number;
+            direction: import('./_shared/type').Direction;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -373,11 +373,11 @@ declare const _default: {
         "update:modelValue": (value: import('./Checkbox').CheckboxValue[]) => any;
     }, string, {
         disabled: boolean;
-        direction: import('./_shared/type').Direction;
         modelValue: import('./Checkbox').CheckboxValue[];
         defaultValue: import('./Checkbox').CheckboxValue[];
         options: (import('./Checkbox').CheckboxOption | import('./Checkbox').CheckboxValue)[];
         max: number;
+        direction: import('./_shared/type').Direction;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Checkbox').CheckboxGroupSlots> & import('./Checkbox').CheckboxGroupSlots;
     });
@@ -423,8 +423,8 @@ declare const _default: {
             value: number;
             start: boolean;
             title: string;
-            format: string;
             easeing: string;
+            format: string;
             valueStyle: import('vue').CSSProperties;
             now: number;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -440,8 +440,8 @@ declare const _default: {
             value: number;
             start: boolean;
             title: string;
-            format: string;
             easeing: string;
+            format: string;
             valueStyle: import('vue').CSSProperties;
             now: number;
         }>;
@@ -456,8 +456,8 @@ declare const _default: {
         value: number;
         start: boolean;
         title: string;
-        format: string;
         easeing: string;
+        format: string;
         valueStyle: import('vue').CSSProperties;
         now: number;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -1064,9 +1064,9 @@ declare const _default: {
         }, import('vue').PublicProps, {
             popupContainer: import('./_shared/type').PopupContainer;
             visible: boolean;
-            src: string;
             defaultVisible: boolean;
             closable: boolean;
+            src: string;
             maskClosable: boolean;
             escToClose: boolean;
             actionsLayout: string[];
@@ -1089,9 +1089,9 @@ declare const _default: {
         }>, {}, {}, {}, {}, {
             popupContainer: import('./_shared/type').PopupContainer;
             visible: boolean;
-            src: string;
             defaultVisible: boolean;
             closable: boolean;
+            src: string;
             maskClosable: boolean;
             escToClose: boolean;
             actionsLayout: string[];
@@ -1112,9 +1112,9 @@ declare const _default: {
     }, string, {
         popupContainer: import('./_shared/type').PopupContainer;
         visible: boolean;
-        src: string;
         defaultVisible: boolean;
         closable: boolean;
+        src: string;
         maskClosable: boolean;
         escToClose: boolean;
         actionsLayout: string[];
@@ -1520,10 +1520,10 @@ declare const _default: {
             size: import('./_shared/type').Size;
             disabled: boolean;
             type: import('./Radio').RadioType;
-            direction: import('./_shared/type').Direction;
             modelValue: import('./Radio').RadioValue;
             defaultValue: import('./Radio').RadioValue;
             options: import('./Radio').RadioOption[];
+            direction: import('./_shared/type').Direction;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1538,10 +1538,10 @@ declare const _default: {
             size: import('./_shared/type').Size;
             disabled: boolean;
             type: import('./Radio').RadioType;
-            direction: import('./_shared/type').Direction;
             modelValue: import('./Radio').RadioValue;
             defaultValue: import('./Radio').RadioValue;
             options: import('./Radio').RadioOption[];
+            direction: import('./_shared/type').Direction;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1556,16 +1556,16 @@ declare const _default: {
         size: import('./_shared/type').Size;
         disabled: boolean;
         type: import('./Radio').RadioType;
-        direction: import('./_shared/type').Direction;
         modelValue: import('./Radio').RadioValue;
         defaultValue: import('./Radio').RadioValue;
         options: import('./Radio').RadioOption[];
+        direction: import('./_shared/type').Direction;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Radio').RadioGroupSlots> & import('./Radio').RadioGroupSlots;
     });
     SkeletonLine: import('vue').DefineComponent<import('./Skeleton').SkeletonLineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Skeleton').SkeletonLineProps> & Readonly<{}>, {
-        rows: number;
         lineHeight: number;
+        rows: number;
         widths: number[];
         lineSpacing: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;