@element-plus/nightly 0.0.20261021 → 0.0.20261022

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

@@ -9,5 +9,13 @@ declare const getStyle: (element: HTMLElement, styleName: keyof CSSProperties) =
 declare const setStyle: (element: HTMLElement, styleName: CSSProperties | keyof CSSProperties, value?: string | number) => void;
 declare const removeStyle: (element: HTMLElement, style: CSSProperties | keyof CSSProperties) => void;
 declare function addUnit(value?: string | number, defaultUnit?: string): string | undefined;
+/** Converts a percentage string to a ratio, e.g. '50%' to 0.5. */
+declare function percentToRatio(value: string): number;
+/** Parses the numeric value of a pixel string, e.g. '100px' to 100. */
+declare function parsePx(value: string): number;
+/** Checks for a '%' suffix without validating the numeric value. */
+declare function isPercent(value: string | number | undefined): value is string;
+/** Checks for a 'px' suffix without validating the numeric value. */
+declare function isPx(value: string | number | undefined): value is string;
 //#endregion
-export { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle };
+export { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle };

package/es/utils/dom/style.mjs

@@ -52,7 +52,23 @@ function addUnit(value, defaultUnit = "px") {
 	else if (isString(value)) return value;
 	debugWarn(SCOPE, "binding value must be a string or number");
 }
+/** Converts a percentage string to a ratio, e.g. '50%' to 0.5. */
+function percentToRatio(value) {
+	return Number(value.slice(0, -1)) / 100;
+}
+/** Parses the numeric value of a pixel string, e.g. '100px' to 100. */
+function parsePx(value) {
+	return Number(value.slice(0, -2));
+}
+/** Checks for a '%' suffix without validating the numeric value. */
+function isPercent(value) {
+	return isString(value) && value.endsWith("%");
+}
+/** Checks for a 'px' suffix without validating the numeric value. */
+function isPx(value) {
+	return isString(value) && value.endsWith("px");
+}
 //#endregion
-export { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle };
+export { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle };
 
 //# sourceMappingURL=style.mjs.map

package/es/utils/dom/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../../../packages/utils/dom/style.ts"],"sourcesContent":["import { isNumber, isObject, isString, isStringNumber } from '../types'\nimport { isClient } from '../browser'\nimport { camelize } from '../strings'\nimport { entriesOf, keysOf } from '../objects'\nimport { debugWarn } from '../error'\nimport { isShadowRoot } from './aria'\n\nimport type { CSSProperties } from 'vue'\n\nconst SCOPE = 'utils/dom/style'\n\nexport const classNameToArray = (cls = '') =>\n  cls.split(' ').filter((item) => !!item.trim())\n\nexport const hasClass = (el: Element, cls: string): boolean => {\n  if (!el || !cls) return false\n  if (cls.includes(' ')) throw new Error('className should not contain space.')\n  return el.classList.contains(cls)\n}\n\nexport const addClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.add(...classNameToArray(cls))\n}\n\nexport const removeClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.remove(...classNameToArray(cls))\n}\n\nexport const getStyle = (\n  element: HTMLElement,\n  styleName: keyof CSSProperties\n): string => {\n  if (!isClient || !element || !styleName || isShadowRoot(element)) return ''\n\n  let key = camelize(styleName)\n  if (key === 'float') key = 'cssFloat'\n  try {\n    const style = (element.style as any)[key]\n    if (style) return style\n    const computed: any = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[key] : ''\n  } catch {\n    return (element.style as any)[key]\n  }\n}\n\nexport const setStyle = (\n  element: HTMLElement,\n  styleName: CSSProperties | keyof CSSProperties,\n  value?: string | number\n) => {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    entriesOf(styleName).forEach(([prop, value]) =>\n      setStyle(element, prop, value)\n    )\n  } else {\n    const key: any = camelize(styleName)\n    element.style[key] = value as any\n  }\n}\n\nexport const removeStyle = (\n  element: HTMLElement,\n  style: CSSProperties | keyof CSSProperties\n) => {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    keysOf(style).forEach((prop) => removeStyle(element, prop))\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport function addUnit(value?: string | number, defaultUnit = 'px') {\n  if (!value && value !== 0) return ''\n  if (isNumber(value) || isStringNumber(value)) {\n    return `${value}${defaultUnit}`\n  } else if (isString(value)) {\n    return value\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n}\n"],"mappings":";;;;;;;AASA,MAAM,QAAQ;AAEd,MAAa,oBAAoB,MAAM,OACrC,IAAI,MAAM,GAAG,CAAC,CAAC,QAAQ,SAAS,CAAC,CAAC,KAAK,KAAK,CAAC;AAE/C,MAAa,YAAY,IAAa,QAAyB;CAC7D,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO;CACxB,IAAI,IAAI,SAAS,GAAG,GAAG,MAAM,IAAI,MAAM,qCAAqC;CAC5E,OAAO,GAAG,UAAU,SAAS,GAAG;AAClC;AAEA,MAAa,YAAY,IAAa,QAAgB;CACpD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,IAAI,GAAG,iBAAiB,GAAG,CAAC;AAC3C;AAEA,MAAa,eAAe,IAAa,QAAgB;CACvD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,OAAO,GAAG,iBAAiB,GAAG,CAAC;AAC9C;AAEA,MAAa,YACX,SACA,cACW;CACX,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,aAAa,OAAO,GAAG,OAAO;CAEzE,IAAI,MAAM,SAAS,SAAS;CAC5B,IAAI,QAAQ,SAAS,MAAM;CAC3B,IAAI;EACF,MAAM,QAAS,QAAQ,MAAc;EACrC,IAAI,OAAO,OAAO;EAClB,MAAM,WAAgB,SAAS,aAAa,iBAAiB,SAAS,EAAE;EACxE,OAAO,WAAW,SAAS,OAAO;CACpC,QAAQ;EACN,OAAQ,QAAQ,MAAc;CAChC;AACF;AAEA,MAAa,YACX,SACA,WACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,WAAW;CAE5B,IAAI,SAAS,SAAS,GACpB,UAAU,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,WACnC,SAAS,SAAS,MAAM,KAAK,CAC/B;MACK;EACL,MAAM,MAAW,SAAS,SAAS;EACnC,QAAQ,MAAM,OAAO;CACvB;AACF;AAEA,MAAa,eACX,SACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,OAAO;CAExB,IAAI,SAAS,KAAK,GAChB,OAAO,KAAK,CAAC,CAAC,SAAS,SAAS,YAAY,SAAS,IAAI,CAAC;MAE1D,SAAS,SAAS,OAAO,EAAE;AAE/B;AAEA,SAAgB,QAAQ,OAAyB,cAAc,MAAM;CACnE,IAAI,CAAC,SAAS,UAAU,GAAG,OAAO;CAClC,IAAI,SAAS,KAAK,KAAK,eAAe,KAAK,GACzC,OAAO,GAAG,QAAQ;MACb,IAAI,SAAS,KAAK,GACvB,OAAO;CAET,UAAU,OAAO,0CAA0C;AAC7D"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../../packages/utils/dom/style.ts"],"sourcesContent":["import { isNumber, isObject, isString, isStringNumber } from '../types'\nimport { isClient } from '../browser'\nimport { camelize } from '../strings'\nimport { entriesOf, keysOf } from '../objects'\nimport { debugWarn } from '../error'\nimport { isShadowRoot } from './aria'\n\nimport type { CSSProperties } from 'vue'\n\nconst SCOPE = 'utils/dom/style'\n\nexport const classNameToArray = (cls = '') =>\n  cls.split(' ').filter((item) => !!item.trim())\n\nexport const hasClass = (el: Element, cls: string): boolean => {\n  if (!el || !cls) return false\n  if (cls.includes(' ')) throw new Error('className should not contain space.')\n  return el.classList.contains(cls)\n}\n\nexport const addClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.add(...classNameToArray(cls))\n}\n\nexport const removeClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.remove(...classNameToArray(cls))\n}\n\nexport const getStyle = (\n  element: HTMLElement,\n  styleName: keyof CSSProperties\n): string => {\n  if (!isClient || !element || !styleName || isShadowRoot(element)) return ''\n\n  let key = camelize(styleName)\n  if (key === 'float') key = 'cssFloat'\n  try {\n    const style = (element.style as any)[key]\n    if (style) return style\n    const computed: any = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[key] : ''\n  } catch {\n    return (element.style as any)[key]\n  }\n}\n\nexport const setStyle = (\n  element: HTMLElement,\n  styleName: CSSProperties | keyof CSSProperties,\n  value?: string | number\n) => {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    entriesOf(styleName).forEach(([prop, value]) =>\n      setStyle(element, prop, value)\n    )\n  } else {\n    const key: any = camelize(styleName)\n    element.style[key] = value as any\n  }\n}\n\nexport const removeStyle = (\n  element: HTMLElement,\n  style: CSSProperties | keyof CSSProperties\n) => {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    keysOf(style).forEach((prop) => removeStyle(element, prop))\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport function addUnit(value?: string | number, defaultUnit = 'px') {\n  if (!value && value !== 0) return ''\n  if (isNumber(value) || isStringNumber(value)) {\n    return `${value}${defaultUnit}`\n  } else if (isString(value)) {\n    return value\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n}\n\n/** Converts a percentage string to a ratio, e.g. '50%' to 0.5. */\nexport function percentToRatio(value: string) {\n  return Number(value.slice(0, -1)) / 100\n}\n\n/** Parses the numeric value of a pixel string, e.g. '100px' to 100. */\nexport function parsePx(value: string) {\n  return Number(value.slice(0, -2))\n}\n\n/** Checks for a '%' suffix without validating the numeric value. */\nexport function isPercent(value: string | number | undefined): value is string {\n  return isString(value) && value.endsWith('%')\n}\n\n/** Checks for a 'px' suffix without validating the numeric value. */\nexport function isPx(value: string | number | undefined): value is string {\n  return isString(value) && value.endsWith('px')\n}\n"],"mappings":";;;;;;;AASA,MAAM,QAAQ;AAEd,MAAa,oBAAoB,MAAM,OACrC,IAAI,MAAM,GAAG,CAAC,CAAC,QAAQ,SAAS,CAAC,CAAC,KAAK,KAAK,CAAC;AAE/C,MAAa,YAAY,IAAa,QAAyB;CAC7D,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO;CACxB,IAAI,IAAI,SAAS,GAAG,GAAG,MAAM,IAAI,MAAM,qCAAqC;CAC5E,OAAO,GAAG,UAAU,SAAS,GAAG;AAClC;AAEA,MAAa,YAAY,IAAa,QAAgB;CACpD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,IAAI,GAAG,iBAAiB,GAAG,CAAC;AAC3C;AAEA,MAAa,eAAe,IAAa,QAAgB;CACvD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,OAAO,GAAG,iBAAiB,GAAG,CAAC;AAC9C;AAEA,MAAa,YACX,SACA,cACW;CACX,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,aAAa,OAAO,GAAG,OAAO;CAEzE,IAAI,MAAM,SAAS,SAAS;CAC5B,IAAI,QAAQ,SAAS,MAAM;CAC3B,IAAI;EACF,MAAM,QAAS,QAAQ,MAAc;EACrC,IAAI,OAAO,OAAO;EAClB,MAAM,WAAgB,SAAS,aAAa,iBAAiB,SAAS,EAAE;EACxE,OAAO,WAAW,SAAS,OAAO;CACpC,QAAQ;EACN,OAAQ,QAAQ,MAAc;CAChC;AACF;AAEA,MAAa,YACX,SACA,WACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,WAAW;CAE5B,IAAI,SAAS,SAAS,GACpB,UAAU,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,WACnC,SAAS,SAAS,MAAM,KAAK,CAC/B;MACK;EACL,MAAM,MAAW,SAAS,SAAS;EACnC,QAAQ,MAAM,OAAO;CACvB;AACF;AAEA,MAAa,eACX,SACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,OAAO;CAExB,IAAI,SAAS,KAAK,GAChB,OAAO,KAAK,CAAC,CAAC,SAAS,SAAS,YAAY,SAAS,IAAI,CAAC;MAE1D,SAAS,SAAS,OAAO,EAAE;AAE/B;AAEA,SAAgB,QAAQ,OAAyB,cAAc,MAAM;CACnE,IAAI,CAAC,SAAS,UAAU,GAAG,OAAO;CAClC,IAAI,SAAS,KAAK,KAAK,eAAe,KAAK,GACzC,OAAO,GAAG,QAAQ;MACb,IAAI,SAAS,KAAK,GACvB,OAAO;CAET,UAAU,OAAO,0CAA0C;AAC7D;;AAGA,SAAgB,eAAe,OAAe;CAC5C,OAAO,OAAO,MAAM,MAAM,GAAG,EAAE,CAAC,IAAI;AACtC;;AAGA,SAAgB,QAAQ,OAAe;CACrC,OAAO,OAAO,MAAM,MAAM,GAAG,EAAE,CAAC;AAClC;;AAGA,SAAgB,UAAU,OAAqD;CAC7E,OAAO,SAAS,KAAK,KAAK,MAAM,SAAS,GAAG;AAC9C;;AAGA,SAAgB,KAAK,OAAqD;CACxE,OAAO,SAAS,KAAK,KAAK,MAAM,SAAS,IAAI;AAC/C"}

package/es/utils/index.d.ts

@@ -2,7 +2,7 @@ import { focusElement, focusNode, getSibling, isFocusable, isLeaf, isShadowRoot,
 import { composeEventHandlers, getEventCode, getEventKey, whenMouse } from "./dom/event.js";
 import { getClientXY, getOffsetTop, getOffsetTopDistance, isInContainer } from "./dom/position.js";
 import { animateScrollTo, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, isScroll, scrollIntoView } from "./dom/scroll.js";
-import { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle } from "./dom/style.js";
+import { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle } from "./dom/style.js";
 import { getElement } from "./dom/element.js";
 import { changeGlobalNodesTarget, createGlobalNode, removeGlobalNode } from "./vue/global-node.js";
 import { CloseComponents, IconComponent, IconPropType, TypeComponents, TypeComponentsMap, ValidateComponentsMap, iconPropType } from "./vue/icon.js";
@@ -29,4 +29,4 @@ import { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, FieldPath,
 import { throttleByRaf } from "./throttleByRaf.js";
 import { easeInOutCubic } from "./easings.js";
 import { isGreaterThan } from "./numbers.js";
-export { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, CloseComponents, EmitFn, EpProp, EpPropConvert, EpPropFinalized, EpPropInput, EpPropInputDefault, EpPropMergeType, ExtractPropType, FieldPath, FlattenVNodes, HTMLElementCustomized, IconComponent, IconPropType, IfEpProp, IfNativePropType, IfNever, IfUnknown, Mutable, NOOP, NativePropType, Nullable, ObjectFit, PatchFlags, RawSlots, ResolvePropType, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultsSetter, TypeComponents, TypeComponentsMap, UnknownToNever, VNodeChildAtom, ValidateComponentsMap, Writable, WritableArray, ZIndexType, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };
+export { AlignItems, Arrayable, Awaitable, CSSProperties, ClassValue, CloseComponents, EmitFn, EpProp, EpPropConvert, EpPropFinalized, EpPropInput, EpPropInputDefault, EpPropMergeType, ExtractPropType, FieldPath, FlattenVNodes, HTMLElementCustomized, IconComponent, IconPropType, IfEpProp, IfNativePropType, IfNever, IfUnknown, Mutable, NOOP, NativePropType, Nullable, ObjectFit, PatchFlags, RawSlots, ResolvePropType, SFCInstallWithContext, SFCWithInstall, SFCWithPropsDefaultsSetter, TypeComponents, TypeComponentsMap, UnknownToNever, VNodeChildAtom, ValidateComponentsMap, Writable, WritableArray, ZIndexType, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPercent, isPlainObject, isPromise, isPropAbsent, isPx, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, parsePx, percentToRatio, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };

package/es/utils/index.mjs

@@ -8,7 +8,7 @@ import { cAF, rAF } from "./raf.mjs";
 import { camelize, capitalize, escapeStringRegexp, hyphenate, kebabCase } from "./strings.mjs";
 import { entriesOf, getProp, hasOwn, keysOf } from "./objects.mjs";
 import { debugWarn, throwError } from "./error.mjs";
-import { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle } from "./dom/style.mjs";
+import { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle } from "./dom/style.mjs";
 import { animateScrollTo, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, isScroll, scrollIntoView } from "./dom/scroll.mjs";
 import { getElement } from "./dom/element.mjs";
 import { changeGlobalNodesTarget, createGlobalNode, removeGlobalNode } from "./vue/global-node.mjs";
@@ -26,4 +26,4 @@ import { generateId, getRandomInt } from "./rand.mjs";
 import { mutable } from "./typescript.mjs";
 import { throttleByRaf } from "./throttleByRaf.mjs";
 import { isGreaterThan } from "./numbers.mjs";
-export { CloseComponents, NOOP, PatchFlags, TypeComponents, TypeComponentsMap, ValidateComponentsMap, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPlainObject, isPromise, isPropAbsent, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };
+export { CloseComponents, NOOP, PatchFlags, TypeComponents, TypeComponentsMap, ValidateComponentsMap, addClass, addUnit, animateScrollTo, buildProp, buildProps, cAF, camelize, capitalize, castArray, changeGlobalNodesTarget, classNameToArray, composeEventHandlers, composeRefs, createGlobalNode, debugWarn, definePropType, easeInOutCubic, ensureArray, entriesOf, epPropKey, escapeStringRegexp, extractFirst, flattedChildren, focusElement, focusNode, generateId, getClientXY, getComponentSize, getElement, getEventCode, getEventKey, getFirstValidNode, getNormalizedProps, getOffsetTop, getOffsetTopDistance, getProp, getRandomInt, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, hasOwn, hyphenate, iconPropType, isAndroid, isArray, isBoolean, isClient, isComment, isDate, isElement, isEmpty, isEpProp, isFirefox, isFocusable, isFragment, isFunction, isGreaterThan, isIOS, isInContainer, isKorean, isLeaf, isNumber, isObject, isPercent, isPlainObject, isPromise, isPropAbsent, isPx, isScroll, isShadowRoot, isString, isStringNumber, isSymbol, isTemplate, isText, isUndefined, isValidComponentSize, isValidDatePickType, isValidElementNode, isVisible, isWindow, kebabCase, keysOf, mutable, obtainAllFocusableElements, parsePx, percentToRatio, rAF, removeClass, removeGlobalNode, removeStyle, renderBlock, renderIf, scrollIntoView, setStyle, throttleByRaf, throwError, toRawType, triggerEvent, unique, whenMouse, withInstall, withInstallDirective, withInstallFunction, withNoopInstall, withPropsDefaultsSetter };

package/es/utils/vue/size.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSize } from "../../constants/size.js";
 
 //#region ../../packages/utils/vue/size.d.ts
-declare const getComponentSize: (size?: ComponentSize) => 40 | 24 | 32;
+declare const getComponentSize: (size?: ComponentSize) => 40 | 32 | 24;
 //#endregion
 export { getComponentSize };

package/es/utils/vue/vnode.d.ts

@@ -33,12 +33,12 @@ declare function isTemplate(node: unknown): node is VNode;
  */
 declare function isValidElementNode(node: VNode): boolean;
 declare function isValidElementNode(node: unknown): node is VNode;
-declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNode<_$vue.RendererNode, _$vue.RendererElement, {
-  [key: string]: any;
-}> | _$vue.VNodeArrayChildren | {
+declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | _$vue.VNodeArrayChildren | {
   [name: string]: unknown;
   $stable?: boolean;
-} | null | undefined;
+} | VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}> | null | undefined;
 declare function renderIf(condition: boolean, ...args: Parameters<typeof createBlock>): VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
 }>;

package/es/version.d.ts

@@ -1,4 +1,4 @@
 //#region ../../packages/element-plus/version.d.ts
-declare const version = "0.0.20261021";
+declare const version = "0.0.20261022";
 //#endregion
 export { version };

package/es/version.mjs

@@ -1,5 +1,5 @@
 //#region ../../packages/element-plus/version.ts
-const version = "0.0.20261021";
+const version = "0.0.20261022";
 //#endregion
 export { version };
 

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20261021'\n"],"mappings":";AAAA,MAAa,UAAU"}
+{"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20261022'\n"],"mappings":";AAAA,MAAa,UAAU"}

package/lib/components/affix/src/affix.vue.d.ts

@@ -11,23 +11,23 @@ declare const __VLS_base: _$vue.DefineComponent<AffixProps, {
   /** @description update affix status */update: () => void; /** @description update rootRect info */
   updateRoot: () => Promise<void>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  change: (fixed: boolean) => void;
   scroll: (args_0: {
     scrollTop: number;
     fixed: boolean;
   }) => void;
-  change: (fixed: boolean) => void;
 }, string, _$vue.PublicProps, Readonly<AffixProps> & Readonly<{
+  onChange?: ((fixed: boolean) => any) | undefined;
   onScroll?: ((args_0: {
     scrollTop: number;
     fixed: boolean;
   }) => any) | undefined;
-  onChange?: ((fixed: boolean) => any) | undefined;
 }>, {
-  position: "top" | "bottom";
   zIndex: _$csstype.Property.ZIndex;
-  offset: number;
   appendTo: string | HTMLElement;
   target: string;
+  offset: number;
+  position: "top" | "bottom";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/alert/src/alert.d.ts

@@ -44,12 +44,12 @@ interface AlertProps {
 declare const alertProps: {
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "error" | "info", unknown, "info", boolean>;
   readonly closable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly closeText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly showIcon: BooleanConstructor;
   readonly center: BooleanConstructor;
-  readonly effect: EpPropFinalized<StringConstructor, "dark" | "light", unknown, "light", boolean>;
+  readonly effect: EpPropFinalized<StringConstructor, "light" | "dark", unknown, "light", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `AlertProps` instead.

package/lib/components/alert/src/alert.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<AlertProps, {}, {}, {}, {}, _$vu
 }, string, _$vue.PublicProps, Readonly<AlertProps> & Readonly<{
   onClose?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  type: "error" | "primary" | "success" | "warning" | "info";
-  effect: "dark" | "light";
+  type: "primary" | "success" | "warning" | "error" | "info";
   title: string;
-  closable: boolean;
   description: string;
+  closable: boolean;
   closeText: string;
+  effect: "light" | "dark";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/anchor/src/anchor.d.ts

@@ -43,7 +43,7 @@ interface AnchorProps {
  */
 declare const anchorProps: {
   container: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | Window | HTMLElement) | (() => string | Window | HTMLElement | null) | (((new (...args: any[]) => string | Window | HTMLElement) | (() => string | Window | HTMLElement | null)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement | Window) | (() => string | HTMLElement | Window | null) | (((new (...args: any[]) => string | HTMLElement | Window) | (() => string | HTMLElement | Window | null)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/anchor/src/anchor.vue.d.ts

@@ -9,18 +9,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<AnchorProps, {
   scrollTo: (href?: string) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (e: MouseEvent, href?: string | undefined) => void;
   change: (href: string) => void;
+  click: (e: MouseEvent, href?: string | undefined) => void;
 }, string, _$vue.PublicProps, Readonly<AnchorProps> & Readonly<{
-  onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
   onChange?: ((href: string) => any) | undefined;
+  onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
 }>, {
   type: "default" | "underline";
+  offset: number;
   direction: "horizontal" | "vertical";
   marker: boolean;
-  offset: number;
-  bound: number;
   duration: number;
+  bound: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/autocomplete/src/autocomplete.d.ts

@@ -91,7 +91,7 @@ declare const autocompleteProps: {
   readonly valueKey: EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
   readonly modelValue: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown, "bottom-start", boolean>;
   readonly fetchSuggestions: EpPropFinalized<(new (...args: any[]) => ((queryString: string, cb: AutocompleteFetchSuggestionsCallback<AutocompleteDataItem>) => Awaitable<void | AutocompleteData<AutocompleteDataItem>>) | AutocompleteData<AutocompleteDataItem>) | (() => AutocompleteFetchSuggestions<AutocompleteDataItem>) | (((new (...args: any[]) => ((queryString: string, cb: AutocompleteFetchSuggestionsCallback<AutocompleteDataItem>) => Awaitable<void | AutocompleteData<AutocompleteDataItem>>) | AutocompleteData<AutocompleteDataItem>) | (() => AutocompleteFetchSuggestions<AutocompleteDataItem>)) | null)[], unknown, unknown, () => void, boolean>;
   readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
@@ -110,12 +110,12 @@ declare const autocompleteProps: {
   readonly highlightFirstItem: BooleanConstructor;
   readonly fitInputWidth: BooleanConstructor;
   readonly loopNavigation: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "text" | "search" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "none" | "text" | "search" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "text" | "search" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "none" | "text" | "search" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  readonly inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   readonly name: StringConstructor;
   readonly ariaLabel: StringConstructor;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -136,7 +136,7 @@ declare const autocompleteProps: {
   };
   readonly type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | (((new (...args: any[]) => string) | (() => InputType)) | null)[], unknown, unknown, "text", boolean>;
   readonly resize: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "horizontal" | "vertical" | "none" | "both", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "none" | "horizontal" | "vertical" | "both", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/autocomplete/src/autocomplete.vue.d.ts

@@ -7,12 +7,12 @@ import { Ref } from "vue";
 //#region ../../packages/components/autocomplete/src/autocomplete.vue.d.ts
 declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteProps<T> & {
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
-    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onChange?: ((value: string | number) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onInput?: ((value: string | number) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -52,7 +52,7 @@ declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataIt
   } & {
     footer?: (props: {}) => any;
   };
-  emit: ((event: "clear") => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string | number) => void) & ((event: "update:modelValue", value: string | number) => void) & ((event: "select", item: Record<string, any>) => void) & ((event: "input", value: string | number) => void);
+  emit: ((event: "update:modelValue", value: string | number) => void) & ((event: "clear") => void) & ((event: "change", value: string | number) => void) & ((event: "input", value: string | number) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", item: Record<string, any>) => void);
 }>) => _$vue.VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/lib/components/avatar/src/avatar-group-props.d.ts

@@ -11,7 +11,7 @@ declare const avatarGroupProps: {
    * @description control the size of avatars in this avatar-group
    */
   readonly size: {
-    readonly type: _$vue.PropType<number | "" | "default" | "large" | "small" | undefined>;
+    readonly type: _$vue.PropType<number | "" | "default" | "small" | "large" | undefined>;
     readonly values: readonly ["", "default", "small", "large"];
     readonly validator: (val: unknown) => val is number;
   };

package/lib/components/avatar/src/avatar-group.d.ts

@@ -8,7 +8,7 @@ import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
 //#region ../../packages/components/avatar/src/avatar-group.d.ts
 declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly size: {
-    readonly type: _$vue.PropType<number | "" | "default" | "large" | "small" | undefined>;
+    readonly type: _$vue.PropType<number | "" | "default" | "small" | "large" | undefined>;
     readonly values: readonly ["", "default", "small", "large"];
     readonly validator: (val: unknown) => val is number;
   };
@@ -43,7 +43,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly size: {
-    readonly type: _$vue.PropType<number | "" | "default" | "large" | "small" | undefined>;
+    readonly type: _$vue.PropType<number | "" | "default" | "small" | "large" | undefined>;
     readonly values: readonly ["", "default", "small", "large"];
     readonly validator: (val: unknown) => val is number;
   };
@@ -77,10 +77,10 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly default: undefined;
   };
 }>> & Readonly<{}>, {
-  readonly placement: Placement;
   readonly effect: PopperEffect;
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
+  readonly placement: Placement;
   readonly collapseAvatars: boolean;
   readonly collapseAvatarsTooltip: boolean;
   readonly maxCollapseAvatars: number;

package/lib/components/avatar/src/avatar.d.ts

@@ -42,7 +42,7 @@ interface AvatarProps {
  */
 declare const avatarProps: {
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "large" | "small", number>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -62,7 +62,7 @@ declare const avatarProps: {
   readonly src: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly alt: StringConstructor;
   readonly srcSet: StringConstructor;
-  readonly fit: EpPropFinalized<(new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined) | (((new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
+  readonly fit: EpPropFinalized<(new (...args: any[]) => "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "fill" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined) | (((new (...args: any[]) => "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "fill" | "contain" | "cover" | "scale-down") | (() => _$csstype.Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `AvatarProps` instead.

package/lib/components/backtop/src/backtop.vue.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {}, {}, {}, {}, _$
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   right: number;
+  target: string;
   bottom: number;
   visibilityHeight: number;
-  target: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/badge/src/badge.d.ts

@@ -54,7 +54,7 @@ declare const badgeProps: {
   readonly max: EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
   readonly isDot: BooleanConstructor;
   readonly hidden: BooleanConstructor;
-  readonly type: EpPropFinalized<StringConstructor, "danger" | "primary" | "success" | "warning" | "info", unknown, "danger", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
   readonly showZero: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly color: StringConstructor;
   readonly badgeStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;

package/lib/components/badge/src/badge.vue.d.ts

@@ -15,7 +15,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<BadgeProps, {
   /** @description badge content */content: _$vue.ComputedRef<string>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-  type: "danger" | "primary" | "success" | "warning" | "info";
+  type: "primary" | "success" | "warning" | "info" | "danger";
   offset: [number, number];
   value: string | number;
   max: number;

package/lib/components/button/src/button-group.d.ts

@@ -26,7 +26,7 @@ declare const buttonGroupProps: {
    * @description control the size of buttons in this button-group
    */
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -34,7 +34,7 @@ declare const buttonGroupProps: {
   /**
    * @description control the type of buttons in this button-group
    */
-  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "text" | "danger" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger", unknown, "", boolean>;
   /**
    * @description display direction
    */

package/lib/components/button/src/button-group.vue.d.ts

@@ -7,7 +7,7 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  type: "" | "default" | "text" | "danger" | "primary" | "success" | "warning" | "info";
+  type: "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger";
   direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/button/src/button.d.ts

@@ -92,13 +92,13 @@ interface ButtonProps {
  */
 declare const buttonProps: {
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "text" | "danger" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger", unknown, "", boolean>;
   readonly icon: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
     readonly required: false;

package/lib/components/button/src/button.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ButtonProps, {
   /** @description button html element */ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>; /** @description button size */
-  size: _$vue.ComputedRef<"" | "default" | "large" | "small">; /** @description button type */
-  type: _$vue.ComputedRef<"default" | "" | "text" | "danger" | "primary" | "success" | "warning" | "info">; /** @description button disabled */
+  size: _$vue.ComputedRef<"" | "default" | "small" | "large">; /** @description button type */
+  type: _$vue.ComputedRef<"default" | "" | "primary" | "success" | "warning" | "info" | "text" | "danger">; /** @description button disabled */
   disabled: _$vue.ComputedRef<boolean>; /** @description whether adding space */
   shouldAddSpace: _$vue.ComputedRef<boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -22,16 +22,16 @@ declare const __VLS_base: _$vue.DefineComponent<ButtonProps, {
 }, string, _$vue.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  type: "" | "default" | "text" | "danger" | "primary" | "success" | "warning" | "info";
+  type: "" | "default" | "primary" | "success" | "warning" | "info" | "text" | "danger";
+  disabled: boolean;
   text: boolean;
   round: boolean;
   dashed: boolean;
-  disabled: boolean;
-  tag: string | _$vue.Component;
   nativeType: "button" | "reset" | "submit";
   loadingIcon: IconPropType;
   plain: boolean;
   autoInsertSpace: boolean;
+  tag: string | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/button/src/use-button.d.ts

@@ -5,8 +5,8 @@ import { SetupContext } from "vue";
 //#region ../../packages/components/button/src/use-button.d.ts
 declare const useButton: (props: ButtonProps, emit: SetupContext<ButtonEmits>["emit"]) => {
   _disabled: _$vue.ComputedRef<boolean>;
-  _size: _$vue.ComputedRef<"" | "default" | "large" | "small">;
-  _type: _$vue.ComputedRef<"default" | "" | "text" | "danger" | "primary" | "success" | "warning" | "info">;
+  _size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  _type: _$vue.ComputedRef<"default" | "" | "primary" | "success" | "warning" | "info" | "text" | "danger">;
   _ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
   _props: _$vue.ComputedRef<{
     ariaDisabled: boolean | undefined;

package/lib/components/card/src/card.vue.d.ts

@@ -13,11 +13,11 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<CardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   header: string;
   footer: string;
   bodyStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
-  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   shadow: "always" | "never" | "hover";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/carousel/src/carousel.d.ts

@@ -62,7 +62,7 @@ interface CarouselProps {
 declare const carouselProps: {
   readonly initialIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly height: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly trigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly autoplay: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly interval: EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
   readonly indicatorPosition: EpPropFinalized<StringConstructor, "" | "none" | "outside", unknown, "", boolean>;

package/lib/components/carousel/src/carousel.vue.d.ts

@@ -18,11 +18,11 @@ declare const __VLS_base: _$vue.DefineComponent<CarouselProps, {
 }>, {
   type: "" | "card";
   height: string;
-  direction: "horizontal" | "vertical";
   loop: boolean;
-  initialIndex: number;
-  trigger: "click" | "hover";
+  trigger: "hover" | "click";
+  direction: "horizontal" | "vertical";
   arrow: "always" | "never" | "hover";
+  initialIndex: number;
   autoplay: boolean;
   interval: number;
   indicatorPosition: "" | "none" | "outside";

package/lib/components/cascader/src/cascader.d.ts

@@ -139,7 +139,7 @@ declare const cascaderProps: {
   emptyValues: ArrayConstructor;
   valueOnClear: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -179,7 +179,7 @@ declare const cascaderProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => true, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
@@ -187,14 +187,14 @@ declare const cascaderProps: {
   effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, string, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "danger" | "primary" | "success" | "warning" | "info", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;