@element-plus/nightly 0.0.20260313 → 0.0.20260314

package/lib/components/dropdown/src/dropdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.js","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;0DAwFQ,OAAA,EAvFA,+BAAK,CAAG,KAAA,GAAG,GAAC,EAAI,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA,CAAA,EAAA,wBAyDjC,uBAAA;EAvDX,KAAI;EACH,MAAM,KAAA;EACN,QAAQ,KAAA;EACR,uBAAqB,CAAA,UAAA,MAAiB;EACtC,kBAAgB,KAAA;EAChB,oBAAkB;EAClB,WAAW,KAAA;EACX,gBAAY,CAAG,KAAA,GAAG,EAAC,SAAA,EAAY,KAAA,YAAW;EAC1C,gBAAc,KAAA;EACd,SAAS,KAAA;EACT,gBAAc,KAAA;EACd,qBAAmB,KAAA;EACnB,cAAY,KAAA;EACZ,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,eAAa,KAAA,cAAc,KAAA;EAC3B,sBAAoB,KAAA,qBAAqB,KAAA;EACzC,UAAU,KAAA;EACV,YAAU,GAAK,KAAA,GAAG,UAAU,MAAK;EACjC,YAAY,KAAA;EACZ,aAAW,KAAA;EACZ,MAAA;EACA,mBAAA;EACC,YAAY,KAAA;EACZ,cAAa,KAAA;EACb,QAAM,KAAA;EACN,cAAa,KAAA;;EAEH,gCAeM,sBAAA,yBAAA;GAbb,KAAI;GACH,cAAY,KAAA;GACb,KAAI;GACH,cAAY,KAAA,GAAG,EAAC,OAAA;;mCASO,sBAAA,kCAAA;IANrB,MAAM,KAAA;IACN,kBAAgB,KAAA;IACjB,aAAY;IACX,sBAAuB,KAAA;;oCAEA,qBAAA,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;;;MAIb,KAAA,cAAA;QAAc;6BAQb,sBAAA,0BAAA;GANb,IAAI,KAAA;GACL,KAAI;GACJ,MAAK;GACJ,UAAU,KAAA;;mCAEY,qBAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAIb,KAAA,mCAAA,uBA2BI,4BAAA,EAAA,KAAA,GAAA,EAAA;kCAfJ,sBAAA,0CAAA,EATV,KAAI,uBAAqB,EACjB,KAAA,aAAW;GAClB,MAAM,KAAA;GACN,MAAM,KAAA;GACN,UAAU,KAAA;GACV,UAAU,KAAA;GACV,SAAO,KAAA;;mCAEe,qBAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;2BAeb,0CAAA;GAZT,IAAI,KAAA;GACL,KAAI;KACI,KAAA,aAAW;GACnB,MAAK;GACJ,MAAM,KAAA;GACN,MAAM,KAAA;GACN,OAAO,KAAA,GAAG,EAAC,eAAA;GACX,UAAU,KAAA;GACV,UAAU,KAAA;GACV,cAAY,KAAA,EAAC,6BAAA;;mCAEyC,sBAAA,oBAAA,EAA7C,+BAAO,KAAA,GAAG,EAAC,OAAA,CAAA,EAAA,EAAA;oCAAwB,sBAAA,sBAAA,CAAA,CAAA"}
+{"version":3,"file":"dropdown2.js","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;0DAwFQ,OAAA,EAvFA,+BAAK,CAAG,KAAA,GAAG,GAAC,EAAI,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA,CAAA,EAAA,wBAyDjC,uBAAA;EAvDX,KAAI;EACH,MAAM,KAAA;EACN,QAAQ,KAAA;EACR,uBAAqB,CAAA,UAAA,MAAA;EACrB,kBAAgB,KAAA;EAChB,oBAAkB;EAClB,WAAW,KAAA;EACX,gBAAY,CAAG,KAAA,GAAG,EAAC,SAAA,EAAY,KAAA,YAAW;EAC1C,gBAAc,KAAA;EACd,SAAS,KAAA;EACT,gBAAc,KAAA;EACd,qBAAmB,KAAA;EACnB,cAAY,KAAA;EACZ,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,eAAa,KAAA,cAAc,KAAA;EAC3B,sBAAoB,KAAA,qBAAqB,KAAA;EACzC,UAAU,KAAA;EACV,YAAU,GAAK,KAAA,GAAG,UAAU,MAAK;EACjC,YAAY,KAAA;EACZ,aAAW,KAAA;EACZ,MAAA;EACA,mBAAA;EACC,YAAY,KAAA;EACZ,cAAa,KAAA;EACb,QAAM,KAAA;EACN,cAAa,KAAA;EAAA,uBAAA;EAEH,gCAeM,sBAAA,yBAAA;GAbb,KAAI;GACH,cAAY,KAAA;GACb,KAAI;GACH,cAAY,KAAA,GAAG,EAAC,OAAA;GAAA,EAAA;mCASO,sBAAA,kCAAA;IANrB,MAAM,KAAA;IACN,kBAAgB,KAAA;IACjB,aAAY;IACX,sBAAuB,KAAA;IAAA,EAAA;oCAEA,qBAAA,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;;;MAIb,KAAA,cAAA;QAAc;EAAA,2BAQb,sBAAA,0BAAA;GANb,IAAI,KAAA;GACL,KAAI;GACJ,MAAK;GACJ,UAAU,KAAA;GAAA,EAAA;mCAEY,qBAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAIb,KAAA,mCAAA,uBA2BI,4BAAA,EAAA,KAAA,GAAA,EAAA;EAAA,gCAfJ,sBAAA,0CAAA,EATV,KAAI,uBAAqB,EACjB,KAAA,aAAW;GAClB,MAAM,KAAA;GACN,MAAM,KAAA;GACN,UAAU,KAAA;GACV,UAAU,KAAA;GACV,SAAO,KAAA;GAAA,CAAA,EAAA;mCAEe,qBAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;2BAeb,0CAAA;GAZT,IAAI,KAAA;GACL,KAAI;GAAA,EACI,KAAA,aAAW;GACnB,MAAK;GACJ,MAAM,KAAA;GACN,MAAM,KAAA;GACN,OAAO,KAAA,GAAG,EAAC,eAAA;GACX,UAAU,KAAA;GACV,UAAU,KAAA;GACV,cAAY,KAAA,EAAC,6BAAA;GAAA,CAAA,EAAA;mCAEyC,sBAAA,oBAAA,EAA7C,+BAAO,KAAA,GAAG,EAAC,OAAA,CAAA,EAAA,EAAA;oCAAwB,sBAAA,sBAAA,CAAA,CAAA"}

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

@@ -10,32 +10,16 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<EmptyProps>, {
-  image: string;
-  description: string;
-}>, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<EmptyProps>, {
-  image: string;
-  description: string;
-}>>>, {
+declare const __VLS_base: vue.DefineComponent<EmptyProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
   description: string;
   image: string;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/lib/components/focus-trap/src/focus-trap.vue.d.ts

@@ -3,7 +3,7 @@ import { PropType } from "vue";
 
 //#region ../../packages/components/focus-trap/src/focus-trap.vue.d.ts
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: vue.DefineComponent<{
+declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   loop: BooleanConstructor;
   trapped: BooleanConstructor;
   focusTrapEl: PropType<HTMLElement>;
@@ -11,9 +11,9 @@ declare const __VLS_export: vue.DefineComponent<{
     type: PropType<"container" | "first" | HTMLElement>;
     default: string;
   };
-}, {
+}>, {
   onKeydown: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   loop: BooleanConstructor;
   trapped: BooleanConstructor;
   focusTrapEl: PropType<HTMLElement>;
@@ -21,17 +21,17 @@ declare const __VLS_export: vue.DefineComponent<{
     type: PropType<"container" | "first" | HTMLElement>;
     default: string;
   };
-}>> & {
+}>> & Readonly<{
   onFocusin?: ((...args: any[]) => any) | undefined;
   onFocusout?: ((...args: any[]) => any) | undefined;
   onFocusAfterTrapped?: ((...args: any[]) => any) | undefined;
   onFocusAfterReleased?: ((...args: any[]) => any) | undefined;
   "onFocusout-prevented"?: ((...args: any[]) => any) | undefined;
   "onRelease-requested"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
   loop: boolean;
   trapped: boolean;
   focusStartEl: HTMLElement | "first" | "container";
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default };

package/lib/components/focus-trap/src/utils.d.ts

@@ -1,9 +1,9 @@
 import * as vue from "vue";
 
 //#region ../../packages/components/focus-trap/src/utils.d.ts
-declare const focusReason: vue.Ref<"pointer" | "keyboard" | undefined>;
-declare const lastUserFocusTimestamp: vue.Ref<number>;
-declare const lastAutomatedFocusTimestamp: vue.Ref<number>;
+declare const focusReason: vue.Ref<"pointer" | "keyboard" | undefined, "pointer" | "keyboard" | undefined>;
+declare const lastUserFocusTimestamp: vue.Ref<number, number>;
+declare const lastAutomatedFocusTimestamp: vue.Ref<number, number>;
 type FocusLayer = {
   paused: boolean;
   pause: () => void;

package/lib/components/form/src/form-item.d.ts

@@ -73,14 +73,14 @@ declare const formItemProps: {
   };
   readonly labelPosition: EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
   readonly prop: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => FormItemProp))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => FormItemProp) | (((new (...args: any[]) => string | string[]) | (() => FormItemProp)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly required: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly rules: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>) | ((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>) | (((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => Arrayable<FormItemRule>)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/form/src/form-item.vue.d.ts

@@ -15,12 +15,7 @@ type __VLS_Slots = {} & {
 } & {
   error?: (props: typeof __VLS_23) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<FormItemProps>, {
-  labelPosition: string;
-  showMessage: boolean;
-  required: undefined;
-  inlineMessage: undefined;
-}>, {
+declare const __VLS_base: vue.DefineComponent<FormItemProps, {
   /**
    * @description Form item size.
    */
@@ -28,11 +23,11 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   /**
    * @description Validation message.
    */
-  validateMessage: vue.Ref<string>;
+  validateMessage: vue.Ref<string, string>;
   /**
    * @description Validation state.
    */
-  validateState: vue.Ref<"" | "error" | "success" | "validating">;
+  validateState: vue.Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
   /**
    * @description Validate form item.
    */
@@ -49,33 +44,18 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
    * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.
    */
   setInitialValue: (value: any) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FormItemProps>, {
-  labelPosition: string;
-  showMessage: boolean;
-  required: undefined;
-  inlineMessage: undefined;
-}>>>, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FormItemProps> & Readonly<{}>, {
   required: boolean;
   labelPosition: "left" | "right" | "top" | "";
   inlineMessage: boolean;
   showMessage: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -110,7 +110,7 @@ declare const formProps: {
   readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly hideRequiredAsterisk: BooleanConstructor;
   readonly scrollToError: BooleanConstructor;
-  readonly scrollIntoViewOptions: EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, true, boolean>;
+  readonly scrollIntoViewOptions: EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | (((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions)) | null)[], unknown, unknown, true, boolean>;
   readonly size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
     readonly required: false;

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

@@ -10,15 +10,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<FormProps>, {
-  labelPosition: string;
-  requireAsteriskPosition: string;
-  labelWidth: string;
-  labelSuffix: string;
-  showMessage: boolean;
-  validateOnRuleChange: boolean;
-  scrollIntoViewOptions: boolean;
-}>, {
+declare const __VLS_base: vue.DefineComponent<FormProps, {
   /**
    * @description Validate the whole form. Receives a callback or returns `Promise`.
    */
@@ -51,43 +43,25 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
    * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values.
    */
   setInitialValues: (initModel: Record<string, any>) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FormProps>, {
-  labelPosition: string;
-  requireAsteriskPosition: string;
-  labelWidth: string;
-  labelSuffix: string;
-  showMessage: boolean;
-  validateOnRuleChange: boolean;
-  scrollIntoViewOptions: boolean;
-}>>> & {
+}, string, vue.PublicProps, Readonly<FormProps> & Readonly<{
   onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-}, {
-  scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+}>, {
   labelWidth: string | number;
   labelPosition: "left" | "right" | "top";
   requireAsteriskPosition: "left" | "right";
   labelSuffix: string;
   showMessage: boolean;
   validateOnRuleChange: boolean;
-}, {}>;
+  scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/lib/components/form/src/hooks/use-form-item.d.ts

@@ -21,7 +21,7 @@ declare const useFormItemInputId: (props: Partial<IUseFormItemInputCommonProps>,
   disableIdManagement?: ComputedRef<boolean> | Ref<boolean>;
 }) => {
   isLabeledByFormItem: ComputedRef<boolean>;
-  inputId: Ref<string | undefined>;
+  inputId: Ref<string | undefined, string | undefined>;
 };
 //#endregion
 export { IUseFormItemInputCommonProps, useFormItem, useFormItemInputId };

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

@@ -20,7 +20,7 @@ interface IconProps {
  */
 declare const iconProps: {
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -6,29 +6,15 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<IconProps>, {
-  size: undefined;
-}>, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<IconProps>, {
-  size: undefined;
-}>>>, {
+declare const __VLS_base: vue.DefineComponent<IconProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<IconProps> & Readonly<{}>, {
   size: number | string;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -96,12 +96,12 @@ declare const imageProps: {
   };
   readonly lazy: BooleanConstructor;
   readonly scrollContainer: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly previewSrcList: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+  readonly previewSrcList: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly previewTeleported: BooleanConstructor;
   readonly zIndex: {
     readonly type: vue.PropType<number>;
@@ -118,7 +118,7 @@ declare const imageProps: {
   readonly maxScale: EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
   readonly showProgress: BooleanConstructor;
   readonly crossorigin: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -32,70 +32,38 @@ type __VLS_Slots = {} & {
 } & {
   'viewer-error'?: (props: typeof __VLS_23) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageProps>, {
-  src: string;
-  fit: string;
-  previewSrcList: () => never[];
-  initialIndex: number;
-  infinite: boolean;
-  closeOnPressEscape: boolean;
-  zoomRate: number;
-  scale: number;
-  minScale: number;
-  maxScale: number;
-}>, {
+declare const __VLS_base: vue.DefineComponent<ImageProps, {
   /** @description manually open preview */showPreview: typeof clickHandler;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
   error: (evt: Event) => void;
-  switch: (val: number) => void;
-  show: () => void;
   load: (evt: Event) => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageProps>, {
-  src: string;
-  fit: string;
-  previewSrcList: () => never[];
-  initialIndex: number;
-  infinite: boolean;
-  closeOnPressEscape: boolean;
-  zoomRate: number;
-  scale: number;
-  minScale: number;
-  maxScale: number;
-}>>> & {
+  show: () => void;
+  switch: (val: number) => void;
+}, string, vue.PublicProps, Readonly<ImageProps> & Readonly<{
   onClose?: (() => any) | undefined;
   onError?: ((evt: Event) => any) | undefined;
-  onSwitch?: ((val: number) => any) | undefined;
   onLoad?: ((evt: Event) => any) | undefined;
   onShow?: (() => any) | undefined;
-}, {
-  initialIndex: number;
+  onSwitch?: ((val: number) => any) | undefined;
+}>, {
   infinite: boolean;
+  scale: number;
+  src: string;
+  fit: ImageFitType;
+  initialIndex: number;
   closeOnPressEscape: boolean;
+  previewSrcList: string[];
   zoomRate: number;
-  scale: number;
   minScale: number;
   maxScale: number;
-  fit: ImageFitType;
-  src: string;
-  previewSrcList: string[];
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/lib/components/image-viewer/src/image-viewer.d.ts

@@ -65,7 +65,7 @@ interface ImageViewerProps {
  * @deprecated Removed after 3.0.0, Use `ImageViewerProps` instead.
  */
 declare const imageViewerProps: {
-  readonly urlList: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+  readonly urlList: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly zIndex: {
     readonly type: vue.PropType<number>;
     readonly required: false;
@@ -83,7 +83,7 @@ declare const imageViewerProps: {
   readonly maxScale: EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
   readonly showProgress: BooleanConstructor;
   readonly crossorigin: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageViewerCrossorigin) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageViewerCrossorigin))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageViewerCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageViewerCrossorigin)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/image-viewer/src/image-viewer.vue.d.ts

@@ -30,65 +30,37 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_127) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageViewerProps>, {
-  urlList: () => never[];
-  initialIndex: number;
-  infinite: boolean;
-  closeOnPressEscape: boolean;
-  zoomRate: number;
-  scale: number;
-  minScale: number;
-  maxScale: number;
-}>, {
+declare const __VLS_base: vue.DefineComponent<ImageViewerProps, {
   /**
    * @description manually switch image
    */
   setActiveItem: typeof setActiveItem;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
   error: (evt: Event) => void;
-  switch: (index: number) => void;
   rotate: (deg: number) => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageViewerProps>, {
-  urlList: () => never[];
-  initialIndex: number;
-  infinite: boolean;
-  closeOnPressEscape: boolean;
-  zoomRate: number;
-  scale: number;
-  minScale: number;
-  maxScale: number;
-}>>> & {
+  switch: (index: number) => void;
+}, string, vue.PublicProps, Readonly<ImageViewerProps> & Readonly<{
   onClose?: (() => any) | undefined;
   onError?: ((evt: Event) => any) | undefined;
-  onSwitch?: ((index: number) => any) | undefined;
   onRotate?: ((deg: number) => any) | undefined;
-}, {
-  urlList: string[];
-  initialIndex: number;
+  onSwitch?: ((index: number) => any) | undefined;
+}>, {
   infinite: boolean;
+  scale: number;
+  initialIndex: number;
   closeOnPressEscape: boolean;
   zoomRate: number;
-  scale: number;
   minScale: number;
   maxScale: number;
-}, {}>;
+  urlList: string[];
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/lib/components/index.d.ts

@@ -88,6 +88,11 @@ import { LinkConfigContext, LinkEmits, LinkInstance, LinkProps, LinkPropsPublic,
 import { ElLink } from "./link/index.js";
 import { TableColumnCtx } from "./table/src/table-column/defaults.js";
 import { CellCls, CellStyle, ColumnCls, ColumnStyle, Filter, RenderRowData, Sort, SummaryMethod, Table, TableConfigContext, TableProps, TableRefs, TableTooltipData, TreeNode } from "./table/src/table/defaults.js";
+import { ScrollbarDirection, ScrollbarEmits, ScrollbarInstance, ScrollbarProps, ScrollbarPropsPublic, scrollbarEmits, scrollbarProps } from "./scrollbar/src/scrollbar.js";
+import { ThumbInstance, ThumbProps, ThumbPropsPublic, thumbProps } from "./scrollbar/src/thumb.js";
+import { BAR_MAP, GAP, renderThumbStyle } from "./scrollbar/src/util.js";
+import { ScrollbarContext, scrollbarContextKey } from "./scrollbar/src/constants.js";
+import { ElScrollbar } from "./scrollbar/index.js";
 import { ElTable, ElTableColumn, TableColumnInstance, TableInstance } from "./table/index.js";
 import { ConfigProviderProps, ConfigProviderPropsPublic, ExperimentalFeatures, configProviderProps } from "./config-provider/src/config-provider-props.js";
 import { ConfigProviderInstance, messageConfig } from "./config-provider/src/config-provider.js";
@@ -118,6 +123,8 @@ import { BorderStyle, DividerInstance, DividerProps, DividerPropsPublic, divider
 import { ElDivider } from "./divider/index.js";
 import { DrawerEmits, DrawerInstance, DrawerProps, DrawerPropsPublic, drawerEmits, drawerProps } from "./drawer/src/drawer.js";
 import { ElDrawer } from "./drawer/index.js";
+import { IconInstance, IconProps, IconPropsPublic, iconProps } from "./icon/src/icon.js";
+import { ElIcon } from "./icon/index.js";
 import { FIRST_KEYS, FIRST_LAST_KEYS, IElDropdownInstance, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from "./dropdown/src/dropdown.js";
 import { DropdownInstance } from "./dropdown/src/instance.js";
 import { DROPDOWN_INJECTION_KEY, DROPDOWN_INSTANCE_INJECTION_KEY, ElDropdownInjectionContext } from "./dropdown/src/tokens.js";
@@ -132,8 +139,6 @@ import { formContextKey, formItemContextKey } from "./form/src/constants.js";
 import { useDisabled, useFormDisabled, useFormSize, useSize } from "./form/src/hooks/use-form-common-props.js";
 import { IUseFormItemInputCommonProps, useFormItem, useFormItemInputId } from "./form/src/hooks/use-form-item.js";
 import { ElForm, ElFormItem, FormInstance, FormItemInstance } from "./form/index.js";
-import { IconInstance, IconProps, IconPropsPublic, iconProps } from "./icon/src/icon.js";
-import { ElIcon } from "./icon/index.js";
 import { ImageViewerAction, ImageViewerCrossorigin, ImageViewerEmits, ImageViewerInstance, ImageViewerMode, ImageViewerProps, ImageViewerPropsPublic, imageViewerEmits, imageViewerProps } from "./image-viewer/src/image-viewer.js";
 import { ElImageViewer } from "./image-viewer/index.js";
 import { ImageCrossorigin, ImageEmits, ImageFitType, ImageInstance, ImageProps, ImagePropsPublic, imageEmits, imageProps } from "./image/src/image.js";
@@ -146,8 +151,8 @@ import { ElInputTag } from "./input-tag/index.js";
 import { MenuItemClicked, MenuItemRegistered, MenuProvider, SubMenuProvider } from "./menu/src/types.js";
 import { MenuEmits, MenuProps, MenuPropsPublic, menuEmits, menuProps } from "./menu/src/menu.js";
 import { MenuItemEmits, MenuItemProps, MenuItemPropsPublic, menuItemEmits, menuItemProps } from "./menu/src/menu-item.js";
-import { SubMenuProps, SubMenuPropsPublic, subMenuProps } from "./menu/src/sub-menu.js";
 import { MenuItemGroupProps, MenuItemGroupPropsPublic, menuItemGroupProps } from "./menu/src/menu-item-group.js";
+import { SubMenuProps, SubMenuPropsPublic, subMenuProps } from "./menu/src/sub-menu.js";
 import { MenuInstance, MenuItemGroupInstance, MenuItemInstance, SubMenuInstance } from "./menu/src/instance.js";
 import { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from "./menu/src/tokens.js";
 import { ElMenu, ElMenuItem, ElMenuItemGroup, ElSubMenu } from "./menu/index.js";
@@ -174,11 +179,6 @@ import { ElResult } from "./result/index.js";
 import { RowAlign, RowInstance, RowJustify, RowProps, RowPropsPublic, rowProps } from "./row/src/row.js";
 import { rowContextKey } from "./row/src/constants.js";
 import { ElRow } from "./row/index.js";
-import { ScrollbarDirection, ScrollbarEmits, ScrollbarInstance, ScrollbarProps, ScrollbarPropsPublic, scrollbarEmits, scrollbarProps } from "./scrollbar/src/scrollbar.js";
-import { ThumbInstance, ThumbProps, ThumbPropsPublic, thumbProps } from "./scrollbar/src/thumb.js";
-import { BAR_MAP, GAP, renderThumbStyle } from "./scrollbar/src/util.js";
-import { ScrollbarContext, scrollbarContextKey } from "./scrollbar/src/constants.js";
-import { ElScrollbar } from "./scrollbar/index.js";
 import { FixedSizeList, FixedSizeListInstance } from "./virtual-list/src/components/fixed-size-list.js";
 import { Alignment, Direction, ExposesStates, GetEstimatedTotalSize, GetGridOffset, GetOffset, GetPosition, GetStartIndexForOffset, GetStopIndexForStartIndex, GridCache, GridConstructorProps, GridDefaultSlotParams, GridExposes, GridItemKeyGetter, GridItemRenderedEvtParams, GridScrollOptions, GridStates, InitCacheFunc, InitGridCacheFunc, InitListCacheFunc, Instance, ItemProps, ItemSize, LayoutDirection, ListCache, ListConstructorProps, ListExposes, ListItem, ListItemSizer, PropValidator, RTLOffsetType, ScrollDir, ScrollbarExpose, SharedExposes } from "./virtual-list/src/types.js";
 import { DynamicSizeList, DynamicSizeListInstance } from "./virtual-list/src/components/dynamic-size-list.js";

package/lib/components/infinite-scroll/index.d.ts

@@ -16,6 +16,6 @@ declare const ElInfiniteScroll: SFCWithInstall<vue.ObjectDirective<HTMLElement &
     onScroll: () => void;
     observer?: MutationObserver;
   };
-}, () => void>>;
+}, () => void, string, any>>;
 //#endregion
 export { ElInfiniteScroll, _InfiniteScroll as default };