element-plus 2.13.6 → 2.13.7

package/lib/components/popper/src/trigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement, isFocusable } from '@element-plus/utils'\nimport { POPPER_INJECTION_KEY } from './constants'\n\nimport type { WatchStopHandle } from 'vue'\nimport type { PopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<PopperTriggerProps>(), {})\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? props.id : undefined\n})\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return props.open && props.id ? props.id : undefined\n  }\n  return undefined\n})\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value\n  }\n  return undefined\n})\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${props.open}` : undefined\n})\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst TRIGGER_ELE_EVENTS = [\n  'onMouseenter',\n  'onMouseleave',\n  'onClick',\n  'onKeydown',\n  'onFocus',\n  'onBlur',\n  'onContextmenu',\n] as const\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.()\n      virtualTriggerAriaStopWatch = undefined\n\n      if (isElement(prevEl)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // @ts-ignore\n            ;(prevEl as HTMLElement).removeEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n      }\n      if (isElement(el)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // It's not worth doing type gymnastics here\n            // @ts-ignore\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n        if (isFocusable(el as HTMLElement)) {\n          virtualTriggerAriaStopWatch = watch(\n            [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n            (watches) => {\n              ;[\n                'aria-controls',\n                'aria-describedby',\n                'aria-haspopup',\n                'aria-expanded',\n              ].forEach((key, idx) => {\n                isNil(watches[idx])\n                  ? el.removeAttribute(key)\n                  : el.setAttribute(key, watches[idx]!)\n              })\n            },\n            { immediate: true }\n          )\n        }\n      }\n      if (isElement(prevEl) && isFocusable(prevEl as HTMLElement)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded',\n        ].forEach((key) => prevEl.removeAttribute(key))\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.()\n  virtualTriggerAriaStopWatch = undefined\n  if (triggerRef.value && isElement(triggerRef.value)) {\n    const el = triggerRef.value as HTMLElement\n    TRIGGER_ELE_EVENTS.forEach((eventName) => {\n      const handler = props[eventName]\n      if (handler) {\n        // @ts-ignore\n        el.removeEventListener(\n          eventName.slice(2).toLowerCase(),\n          handler,\n          ['onFocus', 'onBlur'].includes(eventName)\n        )\n      }\n    })\n    triggerRef.value = undefined\n  }\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAEd,MAAM,EAAE,MAAM,+BAAsB,wCAAsB,OAAU;AAEpE,8BAAc,WAAU;EAExB,MAAM,uCAAkD;AACtD,UAAO,aAAa,QAAQ,MAAM,KAAK;IACxC;EAED,MAAM,0CAAqD;AACzD,OAAI,QAAQ,KAAK,UAAU,UACzB,QAAO,MAAM,QAAQ,MAAM,KAAK,MAAM,KAAK;IAG9C;EAED,MAAM,uCAAkD;AACtD,OAAI,QAAQ,KAAK,UAAU,UACzB,QAAO,KAAK;IAGf;EAED,MAAM,uCAAkD;AACtD,UAAO,aAAa,QAAQ,GAAG,MAAM,SAAS;IAC/C;EAED,IAAI,8BAA2D;EAE/D,MAAM,qBAAqB;GACzB;GACA;GACA;GACA;GACA;GACA;GACA;GACD;AAED,2BAAgB;AACd,wBACQ,MAAM,aACX,cAAc;AACb,QAAI,UACF,YAAW,uCAAqB,UAAwB;MAG5D,EACE,WAAW,MACb,CACF;AAEA,kBACE,aACC,IAAI,WAAW;AACd,mCAA8B;AAC9B,kCAA8B;AAE9B,QAAI,wBAAU,OAAO,CACnB,oBAAmB,SAAS,cAAc;KACxC,MAAM,UAAU,MAAM;AACtB,SAAI,QAED,CAAC,OAAuB,oBACvB,UAAU,MAAM,EAAE,CAAC,aAAa,EAChC,SACA,CAAC,WAAW,SAAS,CAAC,SAAS,UAAS,CAC1C;MAEH;AAEH,QAAI,wBAAU,GAAG,EAAE;AACjB,wBAAmB,SAAS,cAAc;MACxC,MAAM,UAAU,MAAM;AACtB,UAAI,QAGD,CAAC,GAAmB,iBACnB,UAAU,MAAM,EAAE,CAAC,aAAa,EAChC,SACA,CAAC,WAAW,SAAS,CAAC,SAAS,UAAS,CAC1C;OAEH;AACD,SAAI,yBAAY,GAAkB,CAChC,8CACE;MAAC;MAAc;MAAiB;MAAc;MAAa,GAC1D,YAAY;AACV;OACC;OACA;OACA;OACA;OACD,CAAC,SAAS,KAAK,QAAQ;AACtB,iCAAM,QAAQ,KAAI,GACd,GAAG,gBAAgB,IAAG,GACtB,GAAG,aAAa,KAAK,QAAQ,KAAK;QACvC;QAEH,EAAE,WAAW,MAAK,CACpB;;AAGJ,QAAI,wBAAU,OAAO,IAAI,yBAAY,OAAsB,CACxD;KACC;KACA;KACA;KACA;KACD,CAAC,SAAS,QAAQ,OAAO,gBAAgB,IAAI,CAAA;MAGlD,EACE,WAAW,MACb,CACF;IACD;AAED,iCAAsB;AACpB,kCAA8B;AAC9B,iCAA8B;AAC9B,OAAI,WAAW,SAAS,wBAAU,WAAW,MAAM,EAAE;IACnD,MAAM,KAAK,WAAW;AACtB,uBAAmB,SAAS,cAAc;KACxC,MAAM,UAAU,MAAM;AACtB,SAAI,QAEF,IAAG,oBACD,UAAU,MAAM,EAAE,CAAC,aAAa,EAChC,SACA,CAAC,WAAW,SAAS,CAAC,SAAS,UAAS,CAC1C;MAEH;AACD,eAAW,QAAQ;;IAEtB;AAED,WAAa,EAIX,YACD,CAAA;;WA5KU,QAAA,+EAQO,6BAAA,sBAAA,EAAA,KAAA,GAAA,EAPNA,KAAAA,QAAM;IACb,iBAAe,aAAA;IACf,oBAAkB,gBAAA;IAClB,iBAAe,aAAA;IACf,iBAAe,aAAA;;oCAER,qBAAA,KAAA,QAAA,UAAA"}
+{"version":3,"file":"trigger.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement, isFocusable } from '@element-plus/utils'\nimport { POPPER_INJECTION_KEY } from './constants'\n\nimport type { WatchStopHandle } from 'vue'\nimport type { PopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<PopperTriggerProps>()\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? props.id : undefined\n})\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return props.open && props.id ? props.id : undefined\n  }\n  return undefined\n})\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value\n  }\n  return undefined\n})\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${props.open}` : undefined\n})\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst TRIGGER_ELE_EVENTS = [\n  'onMouseenter',\n  'onMouseleave',\n  'onClick',\n  'onKeydown',\n  'onFocus',\n  'onBlur',\n  'onContextmenu',\n] as const\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.()\n      virtualTriggerAriaStopWatch = undefined\n\n      if (isElement(prevEl)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // @ts-ignore\n            ;(prevEl as HTMLElement).removeEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n      }\n      if (isElement(el)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // It's not worth doing type gymnastics here\n            // @ts-ignore\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n        if (isFocusable(el as HTMLElement)) {\n          virtualTriggerAriaStopWatch = watch(\n            [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n            (watches) => {\n              ;[\n                'aria-controls',\n                'aria-describedby',\n                'aria-haspopup',\n                'aria-expanded',\n              ].forEach((key, idx) => {\n                isNil(watches[idx])\n                  ? el.removeAttribute(key)\n                  : el.setAttribute(key, watches[idx]!)\n              })\n            },\n            { immediate: true }\n          )\n        }\n      }\n      if (isElement(prevEl) && isFocusable(prevEl as HTMLElement)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded',\n        ].forEach((key) => prevEl.removeAttribute(key))\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.()\n  virtualTriggerAriaStopWatch = undefined\n  if (triggerRef.value && isElement(triggerRef.value)) {\n    const el = triggerRef.value as HTMLElement\n    TRIGGER_ELE_EVENTS.forEach((eventName) => {\n      const handler = props[eventName]\n      if (handler) {\n        // @ts-ignore\n        el.removeEventListener(\n          eventName.slice(2).toLowerCase(),\n          handler,\n          ['onFocus', 'onBlur'].includes(eventName)\n        )\n      }\n    })\n    triggerRef.value = undefined\n  }\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAEd,MAAM,EAAE,MAAM,+BAAsB,wCAAsB,OAAU;AAEpE,8BAAc,WAAU;EAExB,MAAM,uCAAkD;AACtD,UAAO,aAAa,QAAQ,MAAM,KAAK;IACxC;EAED,MAAM,0CAAqD;AACzD,OAAI,QAAQ,KAAK,UAAU,UACzB,QAAO,MAAM,QAAQ,MAAM,KAAK,MAAM,KAAK;IAG9C;EAED,MAAM,uCAAkD;AACtD,OAAI,QAAQ,KAAK,UAAU,UACzB,QAAO,KAAK;IAGf;EAED,MAAM,uCAAkD;AACtD,UAAO,aAAa,QAAQ,GAAG,MAAM,SAAS;IAC/C;EAED,IAAI,8BAA2D;EAE/D,MAAM,qBAAqB;GACzB;GACA;GACA;GACA;GACA;GACA;GACA;GACD;AAED,2BAAgB;AACd,wBACQ,MAAM,aACX,cAAc;AACb,QAAI,UACF,YAAW,uCAAqB,UAAwB;MAG5D,EACE,WAAW,MACb,CACF;AAEA,kBACE,aACC,IAAI,WAAW;AACd,mCAA8B;AAC9B,kCAA8B;AAE9B,QAAI,wBAAU,OAAO,CACnB,oBAAmB,SAAS,cAAc;KACxC,MAAM,UAAU,MAAM;AACtB,SAAI,QAED,CAAC,OAAuB,oBACvB,UAAU,MAAM,EAAE,CAAC,aAAa,EAChC,SACA,CAAC,WAAW,SAAS,CAAC,SAAS,UAAS,CAC1C;MAEH;AAEH,QAAI,wBAAU,GAAG,EAAE;AACjB,wBAAmB,SAAS,cAAc;MACxC,MAAM,UAAU,MAAM;AACtB,UAAI,QAGD,CAAC,GAAmB,iBACnB,UAAU,MAAM,EAAE,CAAC,aAAa,EAChC,SACA,CAAC,WAAW,SAAS,CAAC,SAAS,UAAS,CAC1C;OAEH;AACD,SAAI,yBAAY,GAAkB,CAChC,8CACE;MAAC;MAAc;MAAiB;MAAc;MAAa,GAC1D,YAAY;AACV;OACC;OACA;OACA;OACA;OACD,CAAC,SAAS,KAAK,QAAQ;AACtB,iCAAM,QAAQ,KAAI,GACd,GAAG,gBAAgB,IAAG,GACtB,GAAG,aAAa,KAAK,QAAQ,KAAK;QACvC;QAEH,EAAE,WAAW,MAAK,CACpB;;AAGJ,QAAI,wBAAU,OAAO,IAAI,yBAAY,OAAsB,CACxD;KACC;KACA;KACA;KACA;KACD,CAAC,SAAS,QAAQ,OAAO,gBAAgB,IAAI,CAAA;MAGlD,EACE,WAAW,MACb,CACF;IACD;AAED,iCAAsB;AACpB,kCAA8B;AAC9B,iCAA8B;AAC9B,OAAI,WAAW,SAAS,wBAAU,WAAW,MAAM,EAAE;IACnD,MAAM,KAAK,WAAW;AACtB,uBAAmB,SAAS,cAAc;KACxC,MAAM,UAAU,MAAM;AACtB,SAAI,QAEF,IAAG,oBACD,UAAU,MAAM,EAAE,CAAC,aAAa,EAChC,SACA,CAAC,WAAW,SAAS,CAAC,SAAS,UAAS,CAC1C;MAEH;AACD,eAAW,QAAQ;;IAEtB;AAED,WAAa,EAIX,YACD,CAAA;;WA5KU,QAAA,+EAQO,6BAAA,sBAAA,EAAA,KAAA,GAAA,EAPNA,KAAAA,QAAM;IACb,iBAAe,aAAA;IACf,oBAAkB,gBAAA;IAClB,iBAAe,aAAA;IACf,iBAAe,aAAA;;oCAER,qBAAA,KAAA,QAAA,UAAA"}

package/lib/components/popper/src/trigger2.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger2.js","names":[],"sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement, isFocusable } from '@element-plus/utils'\nimport { POPPER_INJECTION_KEY } from './constants'\n\nimport type { WatchStopHandle } from 'vue'\nimport type { PopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<PopperTriggerProps>(), {})\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? props.id : undefined\n})\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return props.open && props.id ? props.id : undefined\n  }\n  return undefined\n})\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value\n  }\n  return undefined\n})\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${props.open}` : undefined\n})\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst TRIGGER_ELE_EVENTS = [\n  'onMouseenter',\n  'onMouseleave',\n  'onClick',\n  'onKeydown',\n  'onFocus',\n  'onBlur',\n  'onContextmenu',\n] as const\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.()\n      virtualTriggerAriaStopWatch = undefined\n\n      if (isElement(prevEl)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // @ts-ignore\n            ;(prevEl as HTMLElement).removeEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n      }\n      if (isElement(el)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // It's not worth doing type gymnastics here\n            // @ts-ignore\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n        if (isFocusable(el as HTMLElement)) {\n          virtualTriggerAriaStopWatch = watch(\n            [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n            (watches) => {\n              ;[\n                'aria-controls',\n                'aria-describedby',\n                'aria-haspopup',\n                'aria-expanded',\n              ].forEach((key, idx) => {\n                isNil(watches[idx])\n                  ? el.removeAttribute(key)\n                  : el.setAttribute(key, watches[idx]!)\n              })\n            },\n            { immediate: true }\n          )\n        }\n      }\n      if (isElement(prevEl) && isFocusable(prevEl as HTMLElement)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded',\n        ].forEach((key) => prevEl.removeAttribute(key))\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.()\n  virtualTriggerAriaStopWatch = undefined\n  if (triggerRef.value && isElement(triggerRef.value)) {\n    const el = triggerRef.value as HTMLElement\n    TRIGGER_ELE_EVENTS.forEach((eventName) => {\n      const handler = props[eventName]\n      if (handler) {\n        // @ts-ignore\n        el.removeEventListener(\n          eventName.slice(2).toLowerCase(),\n          handler,\n          ['onFocus', 'onBlur'].includes(eventName)\n        )\n      }\n    })\n    triggerRef.value = undefined\n  }\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"trigger2.js","names":[],"sources":["../../../../../../packages/components/popper/src/trigger.vue"],"sourcesContent":["<template>\n  <el-only-child\n    v-if=\"!virtualTriggering\"\n    v-bind=\"$attrs\"\n    :aria-controls=\"ariaControls\"\n    :aria-describedby=\"ariaDescribedby\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-haspopup=\"ariaHaspopup\"\n  >\n    <slot />\n  </el-only-child>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { unrefElement } from '@vueuse/core'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useForwardRef } from '@element-plus/hooks'\nimport { isElement, isFocusable } from '@element-plus/utils'\nimport { POPPER_INJECTION_KEY } from './constants'\n\nimport type { WatchStopHandle } from 'vue'\nimport type { PopperTriggerProps } from './trigger'\n\ndefineOptions({\n  name: 'ElPopperTrigger',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<PopperTriggerProps>()\n\nconst { role, triggerRef } = inject(POPPER_INJECTION_KEY, undefined)!\n\nuseForwardRef(triggerRef)\n\nconst ariaControls = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? props.id : undefined\n})\n\nconst ariaDescribedby = computed<string | undefined>(() => {\n  if (role && role.value === 'tooltip') {\n    return props.open && props.id ? props.id : undefined\n  }\n  return undefined\n})\n\nconst ariaHaspopup = computed<string | undefined>(() => {\n  if (role && role.value !== 'tooltip') {\n    return role.value\n  }\n  return undefined\n})\n\nconst ariaExpanded = computed<string | undefined>(() => {\n  return ariaHaspopup.value ? `${props.open}` : undefined\n})\n\nlet virtualTriggerAriaStopWatch: WatchStopHandle | undefined = undefined\n\nconst TRIGGER_ELE_EVENTS = [\n  'onMouseenter',\n  'onMouseleave',\n  'onClick',\n  'onKeydown',\n  'onFocus',\n  'onBlur',\n  'onContextmenu',\n] as const\n\nonMounted(() => {\n  watch(\n    () => props.virtualRef,\n    (virtualEl) => {\n      if (virtualEl) {\n        triggerRef.value = unrefElement(virtualEl as HTMLElement)\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    triggerRef,\n    (el, prevEl) => {\n      virtualTriggerAriaStopWatch?.()\n      virtualTriggerAriaStopWatch = undefined\n\n      if (isElement(prevEl)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // @ts-ignore\n            ;(prevEl as HTMLElement).removeEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n      }\n      if (isElement(el)) {\n        TRIGGER_ELE_EVENTS.forEach((eventName) => {\n          const handler = props[eventName]\n          if (handler) {\n            // It's not worth doing type gymnastics here\n            // @ts-ignore\n            ;(el as HTMLElement).addEventListener(\n              eventName.slice(2).toLowerCase(),\n              handler,\n              ['onFocus', 'onBlur'].includes(eventName)\n            )\n          }\n        })\n        if (isFocusable(el as HTMLElement)) {\n          virtualTriggerAriaStopWatch = watch(\n            [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],\n            (watches) => {\n              ;[\n                'aria-controls',\n                'aria-describedby',\n                'aria-haspopup',\n                'aria-expanded',\n              ].forEach((key, idx) => {\n                isNil(watches[idx])\n                  ? el.removeAttribute(key)\n                  : el.setAttribute(key, watches[idx]!)\n              })\n            },\n            { immediate: true }\n          )\n        }\n      }\n      if (isElement(prevEl) && isFocusable(prevEl as HTMLElement)) {\n        ;[\n          'aria-controls',\n          'aria-describedby',\n          'aria-haspopup',\n          'aria-expanded',\n        ].forEach((key) => prevEl.removeAttribute(key))\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  virtualTriggerAriaStopWatch?.()\n  virtualTriggerAriaStopWatch = undefined\n  if (triggerRef.value && isElement(triggerRef.value)) {\n    const el = triggerRef.value as HTMLElement\n    TRIGGER_ELE_EVENTS.forEach((eventName) => {\n      const handler = props[eventName]\n      if (handler) {\n        // @ts-ignore\n        el.removeEventListener(\n          eventName.slice(2).toLowerCase(),\n          handler,\n          ['onFocus', 'onBlur'].includes(eventName)\n        )\n      }\n    })\n    triggerRef.value = undefined\n  }\n})\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"mappings":""}

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

@@ -18,10 +18,10 @@ declare const __VLS_base: vue.DefineComponent<ProgressProps, {}, {}, {}, {}, vue
   strokeLinecap: NonNullable<vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
   width: number;
-  status: "" | "success" | "exception" | "warning";
+  format: ProgressFn;
   percentage: number;
+  status: "" | "success" | "exception" | "warning";
   duration: number;
-  format: ProgressFn;
   showText: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -13,7 +13,7 @@ interface RadioButtonProps extends RadioPropsBase {}
 declare const radioButtonProps: {
   readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | 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;

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

@@ -7,11 +7,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<RadioButtonProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {
-  value: string | number | boolean;
-  label: string | number | boolean;
   disabled: boolean;
   modelValue: string | number | boolean;
   name: string;
+  value: string | number | boolean;
+  label: string | number | boolean;
 }, {}, {}, {}, 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/radio/src/radio-group.d.ts

@@ -70,7 +70,7 @@ declare const radioGroupProps: {
   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;

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

@@ -7,19 +7,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<RadioGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
+  "update:modelValue": (val: string | number | boolean | undefined) => void;
 }, string, vue.PublicProps, Readonly<RadioGroupProps> & Readonly<{
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  type: "radio" | "button";
   fill: string;
   props: radioOptionProp;
+  type: "radio" | "button";
+  id: string;
   disabled: boolean;
-  validateEvent: boolean;
   modelValue: string | number | boolean;
-  id: string;
+  validateEvent: boolean;
   name: string;
   textColor: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -44,7 +44,7 @@ interface RadioProps extends RadioPropsBase {
 declare const radioPropsBase: {
   modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], 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;
@@ -61,7 +61,7 @@ declare const radioProps: {
   readonly border: BooleanConstructor;
   readonly modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | 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;

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

@@ -7,18 +7,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<RadioProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | number | boolean | undefined) => void;
   change: (val: string | number | boolean | undefined) => void;
+  "update:modelValue": (val: string | number | boolean | undefined) => void;
 }, string, vue.PublicProps, Readonly<RadioProps> & Readonly<{
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  value: string | number | boolean;
-  label: string | number | boolean;
   disabled: boolean;
   modelValue: string | number | boolean;
-  border: boolean;
   name: string;
+  value: string | number | boolean;
+  border: boolean;
+  label: string | number | boolean;
 }, {}, {}, {}, 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/rate/src/rate.d.ts

@@ -117,7 +117,7 @@ declare const rateProps: {
   readonly texts: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"], boolean>;
   readonly scoreTemplate: EpPropFinalized<StringConstructor, unknown, unknown, "{value}", 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;

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

@@ -10,15 +10,15 @@ declare const __VLS_export: vue.DefineComponent<RateProps, {
   /** @description set current value */setCurrentValue: typeof setCurrentValue; /** @description reset current value */
   resetCurrentValue: typeof resetCurrentValue;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: number) => void;
   change: (value: number) => void;
+  "update:modelValue": (value: number) => void;
 }, string, vue.PublicProps, Readonly<RateProps> & Readonly<{
   onChange?: ((value: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
+  id: string;
   disabled: boolean;
   modelValue: number;
-  id: string;
   max: number;
   textColor: string;
   lowThreshold: number;

package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   };
   active: BooleanConstructor;
 }>> & Readonly<{
-  onKeydown?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
+  onKeydown?: ((...args: any[]) => any) | undefined;
   onMousedown?: ((...args: any[]) => any) | undefined;
 }>, {
   active: boolean;

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

@@ -33,7 +33,7 @@ declare const rowProps: {
   readonly gutter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly justify: EpPropFinalized<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown, "start", boolean>;
   readonly align: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "bottom" | "top" | "middle", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "top" | "bottom" | "middle", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -29,9 +29,9 @@ declare const __VLS_base: vue.DefineComponent<ScrollbarProps, {
   }) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
 }>, {
+  tabindex: number | string;
   height: number | string;
   maxHeight: number | string;
-  tabindex: number | string;
   tag: keyof HTMLElementTagNameMap | (string & {});
   distance: number;
   wrapStyle: string | false | CSSProperties | StyleValue[] | null;

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
 const require_types = require('../../../utils/types.js');
 const require_error = require('../../../utils/error.js');
 const require_style = require('../../../utils/dom/style.js');
+const require_numbers = require('../../../utils/numbers.js');
 const require_index = require('../../../hooks/use-namespace/index.js');
 const require_scrollbar = require('./scrollbar.js');
 const require_constants = require('./constants.js');
@@ -81,9 +82,9 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 				wrapScrollTop = wrapRef.value.scrollTop;
 				wrapScrollLeft = wrapRef.value.scrollLeft;
 				const arrivedStates = {
-					bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
+					bottom: !require_numbers.isGreaterThan(wrapRef.value.scrollHeight - props.distance, wrapRef.value.clientHeight + wrapScrollTop),
 					top: wrapScrollTop <= props.distance && prevTop !== 0,
-					right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
+					right: !require_numbers.isGreaterThan(wrapRef.value.scrollWidth - props.distance, wrapRef.value.clientWidth + wrapScrollLeft) && prevLeft !== wrapScrollLeft,
 					left: wrapScrollLeft <= props.distance && prevLeft !== 0
 				};
 				emit("scroll", {
@@ -120,6 +121,7 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 		const update = () => {
 			barRef.value?.update();
 			distanceScrollState[direction] = false;
+			if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value);
 		};
 		(0, vue.watch)(() => props.noresize, (noresize) => {
 			if (noresize) {
@@ -135,7 +137,6 @@ var scrollbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 		(0, vue.watch)(() => [props.maxHeight, props.height], () => {
 			if (!props.native) (0, vue.nextTick)(() => {
 				update();
-				if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value);
 			});
 		});
 		(0, vue.provide)(require_constants.scrollbarContextKey, (0, vue.reactive)({

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n        if (wrapRef.value) {\n          barRef.value?.handleScroll(wrapRef.value)\n        }\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"scrollbar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/scrollbar/src/scrollbar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar2.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n        if (wrapRef.value) {\n          barRef.value?.handleScroll(wrapRef.value)\n        }\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"scrollbar2.js","names":[],"sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport {\n  addUnit,\n  debugWarn,\n  isGreaterThan,\n  isNumber,\n  isObject,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits } from './scrollbar'\n\nimport type { ScrollbarDirection, ScrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<ScrollbarProps>(), {\n  distance: 0,\n  height: '',\n  maxHeight: '',\n  wrapStyle: '',\n  wrapClass: '',\n  viewStyle: '',\n  viewClass: '',\n  tag: 'div',\n  minSize: 20,\n  tabindex: undefined,\n})\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom: !isGreaterThan(\n        wrapRef.value.scrollHeight - props.distance,\n        wrapRef.value.clientHeight + wrapScrollTop\n      ),\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        !isGreaterThan(\n          wrapRef.value.scrollWidth - props.distance,\n          wrapRef.value.clientWidth + wrapScrollLeft\n        ) && prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n  if (wrapRef.value) barRef.value?.handleScroll(wrapRef.value)\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"mappings":""}

package/lib/components/segmented/index.d.ts

@@ -6,8 +6,8 @@ import * as vue from "vue";
 
 //#region ../../packages/components/segmented/index.d.ts
 declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
-  emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
   attrs: any;
+  emit: ((event: "change", val: any) => void) & ((event: "update:modelValue", val: any) => void);
   slots: {
     default?: (props: {
       item: T;
@@ -38,7 +38,7 @@ declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable
       item: T;
     }) => any;
   };
-  emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
+  emit: ((event: "change", val: any) => void) & ((event: "update:modelValue", val: any) => void);
 }>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
 }> & {

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

@@ -68,7 +68,7 @@ declare const segmentedProps: {
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;
   block: BooleanConstructor;
   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;

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

@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends Option = Option>(__VLS_props: NonNullable
       item: T;
     }) => any;
   };
-  emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
+  emit: ((event: "change", val: any) => void) & ((event: "update:modelValue", val: any) => void);
 }>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
 }> & {

package/lib/components/segmented/src/segmented.vue_vue_type_script_setup_true_lang.js

@@ -25,62 +25,7 @@ const _hoisted_2 = [
 var segmented_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	name: "ElSegmented",
 	__name: "segmented",
-	props: {
-		direction: {
-			type: String,
-			required: false,
-			default: "horizontal"
-		},
-		options: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		modelValue: {
-			type: [
-				String,
-				Number,
-				Boolean
-			],
-			required: false,
-			default: void 0
-		},
-		props: {
-			type: Object,
-			required: false,
-			default: () => require_segmented.defaultProps
-		},
-		block: {
-			type: Boolean,
-			required: false
-		},
-		size: {
-			type: null,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		validateEvent: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		ariaLabel: {
-			type: String,
-			required: false
-		}
-	},
+	props: require_segmented.segmentedProps,
 	emits: require_segmented.segmentedEmits,
 	setup(__props, { emit: __emit }) {
 		const props = __props;

package/lib/components/segmented/src/segmented.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/segmented/src/segmented.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"options.length\"\n    :id=\"inputId\"\n    ref=\"segmentedRef\"\n    :class=\"segmentedCls\"\n    role=\"radiogroup\"\n    :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'segmented' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n  >\n    <div :class=\"[ns.e('group'), ns.m(direction)]\">\n      <div :style=\"selectedStyle\" :class=\"selectedCls\" />\n      <label\n        v-for=\"(item, index) in options\"\n        :key=\"index\"\n        :class=\"getItemCls(item)\"\n      >\n        <input\n          :class=\"ns.e('item-input')\"\n          type=\"radio\"\n          :name=\"name\"\n          :disabled=\"getDisabled(item)\"\n          :checked=\"getSelected(item)\"\n          @change=\"handleChange($event, item)\"\n        />\n        <div :class=\"ns.e('item-label')\">\n          <slot :item=\"item\">{{ getLabel(item) }}</slot>\n        </div>\n      </label>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends Option = Option\">\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useActiveElement, useResizeObserver } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { debugWarn, isObject } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { defaultProps, segmentedEmits } from './segmented'\n\nimport type { Option } from './types'\nimport type { SegmentedProps } from './segmented'\n\ndefineOptions({\n  name: 'ElSegmented',\n})\n\nconst props = withDefaults(defineProps<SegmentedProps<T>>(), {\n  direction: 'horizontal',\n  options: () => [],\n  props: () => defaultProps,\n  validateEvent: true,\n  modelValue: undefined,\n  disabled: undefined,\n})\nconst emit = defineEmits(segmentedEmits)\n\nconst ns = useNamespace('segmented')\nconst segmentedId = useId()\nconst segmentedSize = useFormSize()\nconst _disabled = useFormDisabled()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst segmentedRef = ref<HTMLElement | null>(null)\nconst activeElement = useActiveElement()\n\nconst state = reactive({\n  isInit: false,\n  width: 0,\n  height: 0,\n  translateX: 0,\n  translateY: 0,\n  focusVisible: false,\n})\n\nconst handleChange = (evt: Event, item: T) => {\n  const value = getValue(item)\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  ;(evt.target as HTMLInputElement).checked = value === props.modelValue\n}\n\nconst aliasProps = computed(() => ({ ...defaultProps, ...props.props }))\n\nconst getValue = (item: T) => {\n  return isObject(item) ? item[aliasProps.value.value] : item\n}\n\nconst getLabel = (item: T) => {\n  return isObject(item) ? item[aliasProps.value.label] : item\n}\n\nconst getDisabled = (item: T | undefined) => {\n  return !!(\n    _disabled.value ||\n    (isObject(item) ? item[aliasProps.value.disabled] : false)\n  )\n}\n\nconst getSelected = (item: T) => {\n  return props.modelValue === getValue(item)\n}\n\nconst getOption = (value: any) => {\n  return props.options.find((item) => getValue(item) === value)\n}\n\nconst getItemCls = (item: T) => {\n  return [\n    ns.e('item'),\n    ns.is('selected', getSelected(item)),\n    ns.is('disabled', getDisabled(item)),\n  ]\n}\n\nconst updateSelect = () => {\n  if (!segmentedRef.value) return\n  const selectedItem = segmentedRef.value.querySelector(\n    '.is-selected'\n  ) as HTMLElement\n  const selectedItemInput = segmentedRef.value.querySelector(\n    '.is-selected input'\n  ) as HTMLElement\n  if (!selectedItem || !selectedItemInput) {\n    state.width = 0\n    state.height = 0\n    state.translateX = 0\n    state.translateY = 0\n    state.focusVisible = false\n    return\n  }\n  state.isInit = true\n  if (props.direction === 'vertical') {\n    state.height = selectedItem.offsetHeight\n    state.translateY = selectedItem.offsetTop\n  } else {\n    state.width = selectedItem.offsetWidth\n    state.translateX = selectedItem.offsetLeft\n  }\n  try {\n    // This will failed in test\n    state.focusVisible = selectedItemInput.matches(':focus-visible')\n  } catch {}\n}\n\nconst segmentedCls = computed(() => [\n  ns.b(),\n  ns.m(segmentedSize.value),\n  ns.is('block', props.block),\n])\n\nconst selectedStyle = computed(() => ({\n  width: props.direction === 'vertical' ? '100%' : `${state.width}px`,\n  height: props.direction === 'vertical' ? `${state.height}px` : '100%',\n  transform:\n    props.direction === 'vertical'\n      ? `translateY(${state.translateY}px)`\n      : `translateX(${state.translateX}px)`,\n  display: state.isInit ? 'block' : 'none',\n}))\n\nconst selectedCls = computed(() => [\n  ns.e('item-selected'),\n  ns.is('disabled', getDisabled(getOption(props.modelValue))),\n  ns.is('focus-visible', state.focusVisible),\n])\n\nconst name = computed(() => {\n  return props.name || segmentedId.value\n})\n\nuseResizeObserver(segmentedRef, updateSelect)\n\nwatch(activeElement, updateSelect)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    updateSelect()\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  },\n  {\n    flush: 'post',\n  }\n)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"segmented.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../../packages/components/segmented/src/segmented.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"options.length\"\n    :id=\"inputId\"\n    ref=\"segmentedRef\"\n    :class=\"segmentedCls\"\n    role=\"radiogroup\"\n    :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'segmented' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n  >\n    <div :class=\"[ns.e('group'), ns.m(direction)]\">\n      <div :style=\"selectedStyle\" :class=\"selectedCls\" />\n      <label\n        v-for=\"(item, index) in options\"\n        :key=\"index\"\n        :class=\"getItemCls(item)\"\n      >\n        <input\n          :class=\"ns.e('item-input')\"\n          type=\"radio\"\n          :name=\"name\"\n          :disabled=\"getDisabled(item)\"\n          :checked=\"getSelected(item)\"\n          @change=\"handleChange($event, item)\"\n        />\n        <div :class=\"ns.e('item-label')\">\n          <slot :item=\"item\">{{ getLabel(item) }}</slot>\n        </div>\n      </label>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends Option = Option\">\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useActiveElement, useResizeObserver } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { debugWarn, isObject } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { defaultProps, segmentedEmits } from './segmented'\n\nimport type { Option } from './types'\nimport type { SegmentedProps } from './segmented'\n\ndefineOptions({\n  name: 'ElSegmented',\n})\n\nconst props = withDefaults(defineProps<SegmentedProps<T>>(), {\n  direction: 'horizontal',\n  options: () => [],\n  props: () => defaultProps,\n  validateEvent: true,\n  modelValue: undefined,\n  disabled: undefined,\n})\nconst emit = defineEmits(segmentedEmits)\n\nconst ns = useNamespace('segmented')\nconst segmentedId = useId()\nconst segmentedSize = useFormSize()\nconst _disabled = useFormDisabled()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst segmentedRef = ref<HTMLElement | null>(null)\nconst activeElement = useActiveElement()\n\nconst state = reactive({\n  isInit: false,\n  width: 0,\n  height: 0,\n  translateX: 0,\n  translateY: 0,\n  focusVisible: false,\n})\n\nconst handleChange = (evt: Event, item: T) => {\n  const value = getValue(item)\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  ;(evt.target as HTMLInputElement).checked = value === props.modelValue\n}\n\nconst aliasProps = computed(() => ({ ...defaultProps, ...props.props }))\n\nconst getValue = (item: T) => {\n  return isObject(item) ? item[aliasProps.value.value] : item\n}\n\nconst getLabel = (item: T) => {\n  return isObject(item) ? item[aliasProps.value.label] : item\n}\n\nconst getDisabled = (item: T | undefined) => {\n  return !!(\n    _disabled.value ||\n    (isObject(item) ? item[aliasProps.value.disabled] : false)\n  )\n}\n\nconst getSelected = (item: T) => {\n  return props.modelValue === getValue(item)\n}\n\nconst getOption = (value: any) => {\n  return props.options.find((item) => getValue(item) === value)\n}\n\nconst getItemCls = (item: T) => {\n  return [\n    ns.e('item'),\n    ns.is('selected', getSelected(item)),\n    ns.is('disabled', getDisabled(item)),\n  ]\n}\n\nconst updateSelect = () => {\n  if (!segmentedRef.value) return\n  const selectedItem = segmentedRef.value.querySelector(\n    '.is-selected'\n  ) as HTMLElement\n  const selectedItemInput = segmentedRef.value.querySelector(\n    '.is-selected input'\n  ) as HTMLElement\n  if (!selectedItem || !selectedItemInput) {\n    state.width = 0\n    state.height = 0\n    state.translateX = 0\n    state.translateY = 0\n    state.focusVisible = false\n    return\n  }\n  state.isInit = true\n  if (props.direction === 'vertical') {\n    state.height = selectedItem.offsetHeight\n    state.translateY = selectedItem.offsetTop\n  } else {\n    state.width = selectedItem.offsetWidth\n    state.translateX = selectedItem.offsetLeft\n  }\n  try {\n    // This will failed in test\n    state.focusVisible = selectedItemInput.matches(':focus-visible')\n  } catch {}\n}\n\nconst segmentedCls = computed(() => [\n  ns.b(),\n  ns.m(segmentedSize.value),\n  ns.is('block', props.block),\n])\n\nconst selectedStyle = computed(() => ({\n  width: props.direction === 'vertical' ? '100%' : `${state.width}px`,\n  height: props.direction === 'vertical' ? `${state.height}px` : '100%',\n  transform:\n    props.direction === 'vertical'\n      ? `translateY(${state.translateY}px)`\n      : `translateX(${state.translateX}px)`,\n  display: state.isInit ? 'block' : 'none',\n}))\n\nconst selectedCls = computed(() => [\n  ns.e('item-selected'),\n  ns.is('disabled', getDisabled(getOption(props.modelValue))),\n  ns.is('focus-visible', state.focusVisible),\n])\n\nconst name = computed(() => {\n  return props.name || segmentedId.value\n})\n\nuseResizeObserver(segmentedRef, updateSelect)\n\nwatch(activeElement, updateSelect)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    updateSelect()\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  },\n  {\n    flush: 'post',\n  }\n)\n</script>\n"],"mappings":"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"}

package/lib/components/select/src/option.d.ts

@@ -5,7 +5,7 @@ import * as vue from "vue";
 //#region ../../packages/components/select/src/option.d.ts
 declare const optionProps: {
   value: {
-    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/select/src/option.vue.d.ts

@@ -7,7 +7,7 @@ import * as vue from "vue";
 declare const _default: typeof __VLS_export;
 declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   value: {
-    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -54,11 +54,12 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     hover: boolean;
   };
   hoverItem: () => void;
+  handleMousedown: (event: MouseEvent) => void;
   updateOption: (query: string) => void;
   selectOptionClick: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   value: {
-    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/select/src/option.vue_vue_type_script_lang.js

@@ -1,4 +1,5 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_aria = require('../../../utils/dom/aria.js');
 const require_index = require('../../../hooks/use-namespace/index.js');
 const require_index$1 = require('../../../hooks/use-id/index.js');
 const require_option = require('./option.js');
@@ -43,6 +44,15 @@ var option_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		function selectOptionClick() {
 			if (!isDisabled.value) select.handleOptionSelect(vm);
 		}
+		const handleMousedown = (event) => {
+			let target = event.target;
+			const currentTarget = event.currentTarget;
+			while (target && target !== currentTarget) {
+				if (require_aria.isFocusable(target)) return;
+				target = target.parentElement;
+			}
+			event.preventDefault();
+		};
 		return {
 			ns,
 			id,
@@ -55,6 +65,7 @@ var option_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 			hover,
 			states,
 			hoverItem,
+			handleMousedown,
 			updateOption,
 			selectOptionClick
 		};