yc-design-vue 2.1.2 → 2.1.3

package/lib/_shared/utils/dom.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../node_modules/@vueuse/core/index.js"),r=require("../constants/index.js"),n=require("./is.js"),o=(()=>{try{return!("undefined"!=typeof window&&void 0!==document)}catch(e){return!0}})(),i=(e,t)=>{if(!o)return(t??document).querySelector(e)??void 0};exports.debounce=(e,t,r=!1)=>{let n=null,o=!1;return function(...i){const l=this;n&&clearTimeout(n),r&&!o&&(e.apply(l,i),o=!0),n=setTimeout(()=>{r||e.apply(l,i),o=!1},t)}},exports.findFirstScrollableParent=e=>{if(!e)return;let t=e.parentElement;for(;t;){const e=getComputedStyle(t),r=e.overflowY||e.overflow,n=["auto","scroll"].includes(r),o=t.scrollHeight>t.clientHeight;if(n&&o)return t;t=t.parentElement}},exports.getBreakpointValue=(e,t,r)=>{if(!n.isObject(t))return t;const o=["xs","sm","md","lg","xl","xxl"],i=o.indexOf(e);for(let l=i;l>=0;l--){const e=o[l];if(!n.isUndefined(t[e]))return t[e]}for(let l=i+1;l<o.length;l++){const e=o[l];if(!n.isUndefined(t[e]))return t[e]}return r},exports.getDomText=e=>{var r;return(null==(r=t.unrefElement(e))?void 0:r.innerText)||""},exports.getElement=(e,t)=>{if(n.isString(e)){const r="#"===e[0]?`[id='${e.slice(1)}']`:e;return i(r,t)}return e},exports.isHorizontallyScrollable=function(e){const t=getComputedStyle(e),r="scroll"===t.overflowX||"auto"===t.overflowX;if(!("none"!==t.display&&"hidden"!==t.visibility))return!1;const n=e.scrollWidth>e.clientWidth;return r&&n},exports.isServerRendering=o,exports.isVerticallyScrollable=function(e){const t=getComputedStyle(e),r="scroll"===t.overflowY||"auto"===t.overflowY;if(!("none"!==t.display&&"hidden"!==t.visibility))return!1;const n=e.scrollHeight>e.clientHeight;return r&&n},exports.mediaQueryHandler=(n,o=r.MEDICA_QUERY_QUERUES)=>{const i=[],l={},s=[];Object.keys(o).forEach((e,r)=>{i.push(e),l[e]=r,s.push(t.useMediaQuery(o[e]))}),e.watch(s,e=>{const t=e.lastIndexOf(!0);n(i[t],l,t)},{immediate:!0})},exports.querySelector=i,exports.sleep=e=>new Promise(t=>{setTimeout(()=>{t("")},e)}),exports.throttle=(e,t)=>{let r=0,n=null;return function(...o){const i=Date.now(),l=t-(i-r);n&&(clearTimeout(n),n=null),l<=0?(e.apply(this,o),r=i):n=setTimeout(()=>{e.apply(this,o),r=Date.now(),n=null},l)}},exports.throttleByRaf=e=>{let t=0;const r=(...r)=>{t&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{e(...r),t=0})};return r.cancel=()=>{cancelAnimationFrame(t),t=0},r},exports.valueToPx=e=>n.isNumber(e)||n.isString(e)&&/^-?\d+(\.\d+)?$/.test(e)?e+"px":e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../constants/index.js"),r=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const n=require("./is.js"),o=(()=>{try{return!("undefined"!=typeof window&&void 0!==document)}catch(e){return!0}})(),i=(e,t)=>{if(!o)return(t??document).querySelector(e)??void 0};exports.debounce=(e,t,r=!1)=>{let n=null,o=!1;return function(...i){const s=this;n&&clearTimeout(n),r&&!o&&(e.apply(s,i),o=!0),n=setTimeout(()=>{r||e.apply(s,i),o=!1},t)}},exports.findFirstScrollableParent=e=>{if(!e)return;let t=e.parentElement;for(;t;){const e=getComputedStyle(t),r=e.overflowY||e.overflow,n=["auto","scroll"].includes(r),o=t.scrollHeight>t.clientHeight;if(n&&o)return t;t=t.parentElement}},exports.getBreakpointValue=(e,t,r)=>{if(!n.isObject(t))return t;const o=["xs","sm","md","lg","xl","xxl"],i=o.indexOf(e);for(let s=i;s>=0;s--){const e=o[s];if(!n.isUndefined(t[e]))return t[e]}for(let s=i+1;s<o.length;s++){const e=o[s];if(!n.isUndefined(t[e]))return t[e]}return r},exports.getDomText=e=>{var t;return(null==(t=r.unrefElement(e))?void 0:t.innerText)||""},exports.getElement=(e,t)=>{if(n.isString(e)){const r="#"===e[0]?`[id='${e.slice(1)}']`:e;return i(r,t)}return e},exports.isHorizontallyScrollable=function(e){const t=getComputedStyle(e),r="scroll"===t.overflowX||"auto"===t.overflowX;if(!("none"!==t.display&&"hidden"!==t.visibility))return!1;const n=e.scrollWidth>e.clientWidth;return r&&n},exports.isServerRendering=o,exports.isVerticallyScrollable=function(e){const t=getComputedStyle(e),r="scroll"===t.overflowY||"auto"===t.overflowY;if(!("none"!==t.display&&"hidden"!==t.visibility))return!1;const n=e.scrollHeight>e.clientHeight;return r&&n},exports.mediaQueryHandler=(n,o=t.MEDICA_QUERY_QUERUES)=>{const i=[],s={},l=[];Object.keys(o).forEach((e,t)=>{i.push(e),s[e]=t,l.push(r.useMediaQuery(o[e]))}),e.watch(l,e=>{const t=e.lastIndexOf(!0);n(i[t],s,t)},{immediate:!0})},exports.querySelector=i,exports.sleep=e=>new Promise(t=>{setTimeout(()=>{t("")},e)}),exports.throttle=(e,t)=>{let r=0,n=null;return function(...o){const i=Date.now(),s=t-(i-r);n&&(clearTimeout(n),n=null),s<=0?(e.apply(this,o),r=i):n=setTimeout(()=>{e.apply(this,o),r=Date.now(),n=null},s)}},exports.throttleByRaf=e=>{let t=0;const r=(...r)=>{t&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{e(...r),t=0})};return r.cancel=()=>{cancelAnimationFrame(t),t=0},r},exports.valueToPx=e=>n.isNumber(e)||n.isString(e)&&/^-?\d+(\.\d+)?$/.test(e)?e+"px":e;

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

@@ -0,0 +1,12 @@
+export { isServerRendering, querySelector, getElement, getDomText, getBreakpointValue, mediaQueryHandler, findFirstScrollableParent, sleep, throttleByRaf, debounce, throttle, valueToPx, isHorizontallyScrollable, isVerticallyScrollable, } from './dom';
+export { unrefElement, createReusableTemplate, useEventListener, useResizeObserver, useDraggable, useElementBounding, useElementSize, useMediaQuery, useMutationObserver, useClipboard, onClickOutside, useTimeoutFn, onKeyStroke, useVirtualList, useScroll, useDropZone, useFileDialog, nanoid, BTween, dayjs, duration, toObject, isSameOrAfter, isSameOrBefore, } from './dependencies';
+export { parseColor, GradientColorCalculator } from './color';
+export type { UnitType, ColorInput } from './dependencies';
+export { CONFIG_PROVIDER_PROVIDE_KEY, getGlobalConfig } from './global-config';
+export type { ConfigProviderProvide } from './global-config';
+export { useControlValue } from './hooks';
+export { isElement, isNull, isUndefined, isNaN, isNumber, isString, isBoolean, isRegExp, isDate, isFunction, isArray, isObject, } from './is';
+export { addI18nMessages, getLocale, useLocale, useI18n } from './locale';
+export { isValidTimeRange, generateMonthCalendar, formatSeconds, formatDate, } from './time';
+export type { CalendarCellData } from './time';
+export { getSlotFunction, isVifNode, findFirstLegitChild, findComponentsFromVnodes, } from './vue-utils';

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

@@ -1,4 +1,4 @@
-import { default as dayjs } from 'dayjs';
+import { dayjs } from './dependencies';
 export declare const isValidTimeRange: (beginDate: string, endDate: string, format: string) => boolean;
 export interface CalendarCellData {
     day: number;

package/lib/_shared/utils/time.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/dayjs/dayjs.min.js");require("../../node_modules/dayjs/locale/en.js");const t=require("../../node_modules/dayjs/plugin/duration.js"),a=require("../../node_modules/dayjs/plugin/toObject.js"),d=require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),o=require("../../node_modules/dayjs/plugin/isSameOrBefore.js");e.default.extend(d.default),e.default.extend(o.default),e.default.extend(a.default),e.default.extend(t.default);exports.formatDate=(t,a)=>e.default(t).format(a),exports.formatSeconds=(t,a,d="milliseconds")=>e.default.duration(t,d).format(a),exports.generateMonthCalendar=(t,a)=>{const d=e.default(`${t}-${a}-01`),o=d.day(),r=[],s=[];for(let e=0;e<42;e++){const t=e-o,l=d.add(t,"day"),n=l.month()+1===a;s.push({day:l.date(),month:l.month(),year:l.year(),fullDate:l.format("{ 0 }/MM/DD"),isCurrentMonth:n}),7===s.length&&(r.push([...s]),s.splice(0))}return r},exports.isValidTimeRange=(t,a,d)=>{const o=e.default(t,d).locale("en",{weekStart:1}),r=e.default(a,d).locale("en",{weekStart:1});return o.isBefore(r)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("../../node_modules/b-tween/dist/b-tween.es.js");const e=require("../../node_modules/dayjs/dayjs.min.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../../node_modules/dayjs/plugin/duration.js"),d=require("../../node_modules/dayjs/plugin/toObject.js"),o=require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),r=require("../../node_modules/dayjs/plugin/isSameOrBefore.js");require("../../node_modules/dayjs/locale/en.js"),e.default.extend(o.default),e.default.extend(r.default),e.default.extend(d.default),e.default.extend(t.default);exports.formatDate=(t,d)=>e.default(t).format(d),exports.formatSeconds=(t,d,o="milliseconds")=>e.default.duration(t,o).format(d),exports.generateMonthCalendar=(t,d)=>{const o=e.default(`${t}-${d}-01`),r=o.day(),a=[],s=[];for(let e=0;e<42;e++){const t=e-r,n=o.add(t,"day"),l=n.month()+1===d;s.push({day:n.date(),month:n.month(),year:n.year(),fullDate:n.format("{ 0 }/MM/DD"),isCurrentMonth:l}),7===s.length&&(a.push([...s]),s.splice(0))}return a},exports.isValidTimeRange=(t,d,o)=>{const r=e.default(t,o).locale("en",{weekStart:1}),a=e.default(d,o).locale("en",{weekStart:1});return r.isBefore(a)};

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

@@ -4,4 +4,3 @@ export declare const getSlotFunction: (param: RenderContent | undefined) => impo
 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) => RecordType[];
-export { unrefElement, createReusableTemplate, useEventListener, useResizeObserver, useDraggable, useElementBounding, useElementSize, useMediaQuery, useMutationObserver, useClipboard, onClickOutside, useTimeoutFn, onKeyStroke, useVirtualList, useScroll, useDropZone, useFileDialog, } from '@vueuse/core';

package/lib/index.d.ts

@@ -207,8 +207,8 @@ declare const YcDesignVue: {
     ButtonGroup: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Button').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             size: import('./_shared/type').Size;
-            type: import('./Button').ButtonType;
             disabled: boolean;
+            type: import('./Button').ButtonType;
             shape: import('./_shared/type').Shape;
             status: import('./_shared/type').Status;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -220,8 +220,8 @@ declare const YcDesignVue: {
             Defaults: {};
         }, Readonly<import('./Button').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
             size: import('./_shared/type').Size;
-            type: import('./Button').ButtonType;
             disabled: boolean;
+            type: import('./Button').ButtonType;
             shape: import('./_shared/type').Shape;
             status: import('./_shared/type').Status;
         }>;
@@ -230,8 +230,8 @@ declare const YcDesignVue: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Button').ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         size: import('./_shared/type').Size;
-        type: import('./Button').ButtonType;
         disabled: boolean;
+        type: import('./Button').ButtonType;
         shape: import('./_shared/type').Shape;
         status: import('./_shared/type').Status;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -241,9 +241,9 @@ declare const YcDesignVue: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Breadcrumb').BreadcrumbItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             separator: import('./Breadcrumb').BreadcrumbSeparator;
             path: string;
-            showSeparator: boolean;
             droplist: import('./Breadcrumb').BreadcrumbRoute[];
             dropdownProps: import('./Dropdown').DropdownProps;
+            showSeparator: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -254,9 +254,9 @@ declare const YcDesignVue: {
         }, Readonly<import('./Breadcrumb').BreadcrumbItemProps> & Readonly<{}>, {}, {}, {}, {}, {
             separator: import('./Breadcrumb').BreadcrumbSeparator;
             path: string;
-            showSeparator: boolean;
             droplist: import('./Breadcrumb').BreadcrumbRoute[];
             dropdownProps: import('./Dropdown').DropdownProps;
+            showSeparator: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -264,9 +264,9 @@ declare const YcDesignVue: {
     } & import('vue').ComponentOptionsBase<Readonly<import('./Breadcrumb').BreadcrumbItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         separator: import('./Breadcrumb').BreadcrumbSeparator;
         path: string;
-        showSeparator: boolean;
         droplist: import('./Breadcrumb').BreadcrumbRoute[];
         dropdownProps: import('./Dropdown').DropdownProps;
+        showSeparator: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: any;
     });
@@ -383,8 +383,8 @@ declare const YcDesignVue: {
     });
     CollapseItem: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Collapse').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            header: string;
             disabled: boolean;
+            header: string;
             path: import('./Collapse').CollapseValue;
             showExpandIcon: boolean;
             destroyOnHide: boolean;
@@ -396,8 +396,8 @@ declare const YcDesignVue: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Collapse').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            header: string;
             disabled: boolean;
+            header: string;
             path: import('./Collapse').CollapseValue;
             showExpandIcon: boolean;
             destroyOnHide: boolean;
@@ -406,8 +406,8 @@ declare const YcDesignVue: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Collapse').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        header: string;
         disabled: boolean;
+        header: string;
         path: import('./Collapse').CollapseValue;
         showExpandIcon: boolean;
         destroyOnHide: boolean;
@@ -420,9 +420,9 @@ declare const YcDesignVue: {
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             finish: () => any;
         }, import('vue').PublicProps, {
-            title: string;
             value: number;
             start: boolean;
+            title: string;
             easeing: string;
             format: string;
             valueStyle: import('vue').CSSProperties;
@@ -437,9 +437,9 @@ declare const YcDesignVue: {
         }, Readonly<import('./Statistic').CountdownProps> & Readonly<{
             onFinish?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
-            title: string;
             value: number;
             start: boolean;
+            title: string;
             easeing: string;
             format: string;
             valueStyle: import('vue').CSSProperties;
@@ -453,9 +453,9 @@ declare const YcDesignVue: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         finish: () => any;
     }, string, {
-        title: string;
         value: number;
         start: boolean;
+        title: string;
         easeing: string;
         format: string;
         valueStyle: import('vue').CSSProperties;
@@ -465,8 +465,8 @@ declare const YcDesignVue: {
     });
     DescriptionsItem: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Descriptions').DescriptionsItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            span: number;
             label: string;
+            span: number;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -475,36 +475,36 @@ declare const YcDesignVue: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Descriptions').DescriptionsItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            span: number;
             label: string;
+            span: number;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Descriptions').DescriptionsItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        span: number;
         label: string;
+        span: number;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Descriptions').DescriptionsItemSlots> & import('./Descriptions').DescriptionsItemSlots;
     });
     DropdownButton: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Dropdown').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            onSelect?: ((value: import('./Dropdown').DoptionValue) => any) | undefined;
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+            onSelect?: ((value: import('./Dropdown').DoptionValue) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             click: (ev: MouseEvent) => any;
-            select: (value: import('./Dropdown').DoptionValue) => any;
             "popup-visible-change": (value: boolean) => any;
+            select: (value: import('./Dropdown').DoptionValue) => any;
         }, import('vue').PublicProps, {
-            size: import('./_shared/type').Size;
-            type: import('./Button').ButtonType;
-            popupContainer: import('./_shared/type').PopupContainer;
             trigger: import('./Trigger').TriggerType;
+            size: import('./_shared/type').Size;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: Extract<import('./_shared/type').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+            popupContainer: import('./_shared/type').PopupContainer;
+            type: import('./Button').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('./Button').ButtonProps;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -516,17 +516,17 @@ declare const YcDesignVue: {
             Defaults: {};
         }, Readonly<import('./Dropdown').DropdownButtonProps> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
-            onSelect?: ((value: import('./Dropdown').DoptionValue) => any) | undefined;
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+            onSelect?: ((value: import('./Dropdown').DoptionValue) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: import('./_shared/type').Size;
-            type: import('./Button').ButtonType;
-            popupContainer: import('./_shared/type').PopupContainer;
             trigger: import('./Trigger').TriggerType;
+            size: import('./_shared/type').Size;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
             position: Extract<import('./_shared/type').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+            popupContainer: import('./_shared/type').PopupContainer;
+            type: import('./Button').ButtonType;
             hideOnSelect: boolean;
             buttonProps: import('./Button').ButtonProps;
         }>;
@@ -535,21 +535,21 @@ declare const YcDesignVue: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Dropdown').DropdownButtonProps> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
-        onSelect?: ((value: import('./Dropdown').DoptionValue) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+        onSelect?: ((value: import('./Dropdown').DoptionValue) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (ev: MouseEvent) => any;
-        select: (value: import('./Dropdown').DoptionValue) => any;
         "popup-visible-change": (value: boolean) => any;
+        select: (value: import('./Dropdown').DoptionValue) => any;
     }, string, {
-        size: import('./_shared/type').Size;
-        type: import('./Button').ButtonType;
-        popupContainer: import('./_shared/type').PopupContainer;
         trigger: import('./Trigger').TriggerType;
+        size: import('./_shared/type').Size;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
         position: Extract<import('./_shared/type').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
+        popupContainer: import('./_shared/type').PopupContainer;
+        type: import('./Button').ButtonType;
         hideOnSelect: boolean;
         buttonProps: import('./Button').ButtonProps;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -765,8 +765,6 @@ declare const YcDesignVue: {
                     show: () => any;
                     hide: () => any;
                 }, string, {
-                    popupContainer: import('./_shared/type').PopupContainer;
-                    renderToBody: boolean;
                     trigger: import('./Trigger').TriggerType;
                     mouseEnterDelay: number;
                     popupVisible: boolean;
@@ -794,6 +792,8 @@ declare const YcDesignVue: {
                     duration: number;
                     autoFitPopupWidth: boolean;
                     autoFitPopupMinWidth: boolean;
+                    popupContainer: import('./_shared/type').PopupContainer;
+                    renderToBody: boolean;
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
@@ -819,8 +819,6 @@ declare const YcDesignVue: {
                 $nextTick: typeof import('vue').nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                popupContainer: import('./_shared/type').PopupContainer;
-                renderToBody: boolean;
                 trigger: import('./Trigger').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -848,6 +846,8 @@ declare const YcDesignVue: {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
+                popupContainer: import('./_shared/type').PopupContainer;
+                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -857,7 +857,7 @@ declare const YcDesignVue: {
                 "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                 onShow?: (() => any) | undefined;
                 onHide?: (() => any) | undefined;
-            }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+            }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
                 hide(): void;
                 show(): void;
                 updatePosition(x: number, y: number): void;
@@ -1023,9 +1023,9 @@ declare const YcDesignVue: {
     });
     GridRow: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Grid').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            div: boolean;
             wrap: boolean;
             justify: import('./Grid').GridRowJustify;
+            div: boolean;
             align: import('./Grid').GridRowAlign;
             gutter: import('./Grid').GridRowGutter | [import('./Grid').GridRowGutter, import('./Grid').GridRowGutter];
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -1036,9 +1036,9 @@ declare const YcDesignVue: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Grid').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, {
-            div: boolean;
             wrap: boolean;
             justify: import('./Grid').GridRowJustify;
+            div: boolean;
             align: import('./Grid').GridRowAlign;
             gutter: import('./Grid').GridRowGutter | [import('./Grid').GridRowGutter, import('./Grid').GridRowGutter];
         }>;
@@ -1046,9 +1046,9 @@ declare const YcDesignVue: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Grid').GridRowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        div: boolean;
         wrap: boolean;
         justify: import('./Grid').GridRowJustify;
+        div: boolean;
         align: import('./Grid').GridRowAlign;
         gutter: import('./Grid').GridRowGutter | [import('./Grid').GridRowGutter, import('./Grid').GridRowGutter];
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -1135,8 +1135,8 @@ declare const YcDesignVue: {
             contextmenu: (ev: MouseEvent) => any;
             dblclick: (ev: MouseEvent) => any;
         }, import('vue').PublicProps, {
-            name: string;
             disabled: boolean;
+            name: string;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1149,8 +1149,8 @@ declare const YcDesignVue: {
             onContextmenu?: ((ev: MouseEvent) => any) | undefined;
             onDblclick?: ((ev: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            name: string;
             disabled: boolean;
+            name: string;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1164,8 +1164,8 @@ declare const YcDesignVue: {
         contextmenu: (ev: MouseEvent) => any;
         dblclick: (ev: MouseEvent) => any;
     }, string, {
-        name: string;
         disabled: boolean;
+        name: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./Image').ImagePreviewActionSlots> & import('./Image').ImagePreviewActionSlots;
     });
@@ -1313,12 +1313,12 @@ declare const YcDesignVue: {
             breakpoint: (collapsed: boolean) => any;
         }, import('vue').PublicProps, {
             width: number;
-            theme: import('./_shared/type').Theme;
+            breakpoint: import('./_shared/type').BreakpointName;
             collapsed: boolean;
             defaultCollapsed: boolean;
-            collapsedWidth: number;
-            breakpoint: import('./_shared/type').BreakpointName;
+            theme: import('./_shared/type').Theme;
             collapsible: boolean;
+            collapsedWidth: number;
             reverseArrow: boolean;
             hideTrigger: boolean;
             resizeDirections: import('./_shared/type').Position[];
@@ -1335,12 +1335,12 @@ declare const YcDesignVue: {
             onBreakpoint?: ((collapsed: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
             width: number;
-            theme: import('./_shared/type').Theme;
+            breakpoint: import('./_shared/type').BreakpointName;
             collapsed: boolean;
             defaultCollapsed: boolean;
-            collapsedWidth: number;
-            breakpoint: import('./_shared/type').BreakpointName;
+            theme: import('./_shared/type').Theme;
             collapsible: boolean;
+            collapsedWidth: number;
             reverseArrow: boolean;
             hideTrigger: boolean;
             resizeDirections: import('./_shared/type').Position[];
@@ -1358,12 +1358,12 @@ declare const YcDesignVue: {
         breakpoint: (collapsed: boolean) => any;
     }, string, {
         width: number;
-        theme: import('./_shared/type').Theme;
+        breakpoint: import('./_shared/type').BreakpointName;
         collapsed: boolean;
         defaultCollapsed: boolean;
-        collapsedWidth: number;
-        breakpoint: import('./_shared/type').BreakpointName;
+        theme: import('./_shared/type').Theme;
         collapsible: boolean;
+        collapsedWidth: number;
         reverseArrow: boolean;
         hideTrigger: boolean;
         resizeDirections: import('./_shared/type').Position[];
@@ -1464,9 +1464,9 @@ declare const YcDesignVue: {
     });
     Option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Select').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            label: string;
             disabled: boolean;
             value: import('./Select').SelectOptionValue;
+            label: string;
             isFallbackOption: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             contentRef: HTMLDivElement;
@@ -1478,18 +1478,18 @@ declare const YcDesignVue: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Select').OptionProps> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string;
             disabled: boolean;
             value: import('./Select').SelectOptionValue;
+            label: string;
             isFallbackOption: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Select').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        label: string;
         disabled: boolean;
         value: import('./Select').SelectOptionValue;
+        label: string;
         isFallbackOption: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: any;
@@ -1518,8 +1518,8 @@ declare const YcDesignVue: {
             "update:modelValue": (value: import('./Radio').RadioValue) => any;
         }, import('vue').PublicProps, {
             size: import('./_shared/type').Size;
-            type: import('./Radio').RadioType;
             disabled: boolean;
+            type: import('./Radio').RadioType;
             modelValue: import('./Radio').RadioValue;
             defaultValue: import('./Radio').RadioValue;
             options: import('./Radio').RadioOption[];
@@ -1536,8 +1536,8 @@ declare const YcDesignVue: {
             "onUpdate:modelValue"?: ((value: import('./Radio').RadioValue) => any) | undefined;
         }>, {}, {}, {}, {}, {
             size: import('./_shared/type').Size;
-            type: import('./Radio').RadioType;
             disabled: boolean;
+            type: import('./Radio').RadioType;
             modelValue: import('./Radio').RadioValue;
             defaultValue: import('./Radio').RadioValue;
             options: import('./Radio').RadioOption[];
@@ -1554,8 +1554,8 @@ declare const YcDesignVue: {
         "update:modelValue": (value: import('./Radio').RadioValue) => any;
     }, string, {
         size: import('./_shared/type').Size;
-        type: import('./Radio').RadioType;
         disabled: boolean;
+        type: import('./Radio').RadioType;
         modelValue: import('./Radio').RadioValue;
         defaultValue: import('./Radio').RadioValue;
         options: import('./Radio').RadioOption[];
@@ -1575,8 +1575,8 @@ declare const YcDesignVue: {
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     Step: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Steps').StepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            title: string;
             disabled: boolean;
+            title: string;
             description: string;
             status: import('./Steps').StepStatus;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -1587,8 +1587,8 @@ declare const YcDesignVue: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Steps').StepProps> & Readonly<{}>, {}, {}, {}, {}, {
-            title: string;
             disabled: boolean;
+            title: string;
             description: string;
             status: import('./Steps').StepStatus;
         }>;
@@ -1596,8 +1596,8 @@ declare const YcDesignVue: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Steps').StepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        title: string;
         disabled: boolean;
+        title: string;
         description: string;
         status: import('./Steps').StepStatus;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -1638,8 +1638,8 @@ declare const YcDesignVue: {
     });
     TabPane: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Tabs').TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            title: string;
             disabled: boolean;
+            title: string;
             path: import('./Tabs').TabKey;
             closable: boolean;
             destoryOnHide: boolean;
@@ -1651,8 +1651,8 @@ declare const YcDesignVue: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Tabs').TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, {
-            title: string;
             disabled: boolean;
+            title: string;
             path: import('./Tabs').TabKey;
             closable: boolean;
             destoryOnHide: boolean;
@@ -1661,8 +1661,8 @@ declare const YcDesignVue: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Tabs').TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        title: string;
         disabled: boolean;
+        title: string;
         path: import('./Tabs').TabKey;
         closable: boolean;
         destoryOnHide: boolean;
@@ -1671,8 +1671,8 @@ declare const YcDesignVue: {
     });
     TimelineItem: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Timeline').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            label: string;
             position: import('./_shared/type').Position;
+            label: string;
             dotColor: string;
             dotType: import('./Timeline').TimelineDotType;
             lineType: import('./Timeline').TimelineLineType;
@@ -1686,8 +1686,8 @@ declare const YcDesignVue: {
             M: {};
             Defaults: {};
         }, Readonly<import('./Timeline').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string;
             position: import('./_shared/type').Position;
+            label: string;
             dotColor: string;
             dotType: import('./Timeline').TimelineDotType;
             lineType: import('./Timeline').TimelineLineType;
@@ -1698,8 +1698,8 @@ declare const YcDesignVue: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./Timeline').TimelineItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        label: string;
         position: import('./_shared/type').Position;
+        label: string;
         dotColor: string;
         dotType: import('./Timeline').TimelineDotType;
         lineType: import('./Timeline').TimelineLineType;