@element-plus/nightly 0.0.20251228 → 0.0.20251229

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

@@ -2,164 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var lodashUnified = require('lodash-unified');
-var core = require('@vueuse/core');
-var constants = require('./constants.js');
-var trigger = require('./trigger2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-forward-ref/index.js');
-var onlyChild = require('../../slot/src/only-child.js');
-var types = require('../../../utils/types.js');
-var aria = require('../../../utils/dom/aria.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElPopperTrigger",
-    inheritAttrs: false
+const popperTriggerProps = runtime.buildProps({
+  virtualRef: {
+    type: runtime.definePropType(Object)
   },
-  __name: "trigger",
-  props: trigger.popperTriggerProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { role, triggerRef } = vue.inject(constants.POPPER_INJECTION_KEY, void 0);
-    index.useForwardRef(triggerRef);
-    const ariaControls = vue.computed(() => {
-      return ariaHaspopup.value ? props.id : void 0;
-    });
-    const ariaDescribedby = vue.computed(() => {
-      if (role && role.value === "tooltip") {
-        return props.open && props.id ? props.id : void 0;
-      }
-      return void 0;
-    });
-    const ariaHaspopup = vue.computed(() => {
-      if (role && role.value !== "tooltip") {
-        return role.value;
-      }
-      return void 0;
-    });
-    const ariaExpanded = vue.computed(() => {
-      return ariaHaspopup.value ? `${props.open}` : void 0;
-    });
-    let virtualTriggerAriaStopWatch = void 0;
-    const TRIGGER_ELE_EVENTS = [
-      "onMouseenter",
-      "onMouseleave",
-      "onClick",
-      "onKeydown",
-      "onFocus",
-      "onBlur",
-      "onContextmenu"
-    ];
-    vue.onMounted(() => {
-      vue.watch(
-        () => props.virtualRef,
-        (virtualEl) => {
-          if (virtualEl) {
-            triggerRef.value = core.unrefElement(virtualEl);
-          }
-        },
-        {
-          immediate: true
-        }
-      );
-      vue.watch(
-        triggerRef,
-        (el, prevEl) => {
-          virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
-          virtualTriggerAriaStopWatch = void 0;
-          if (types.isElement(prevEl)) {
-            TRIGGER_ELE_EVENTS.forEach((eventName) => {
-              const handler = props[eventName];
-              if (handler) {
-                prevEl.removeEventListener(
-                  eventName.slice(2).toLowerCase(),
-                  handler,
-                  ["onFocus", "onBlur"].includes(eventName)
-                );
-              }
-            });
-          }
-          if (types.isElement(el)) {
-            TRIGGER_ELE_EVENTS.forEach((eventName) => {
-              const handler = props[eventName];
-              if (handler) {
-                el.addEventListener(
-                  eventName.slice(2).toLowerCase(),
-                  handler,
-                  ["onFocus", "onBlur"].includes(eventName)
-                );
-              }
-            });
-            if (aria.isFocusable(el)) {
-              virtualTriggerAriaStopWatch = vue.watch(
-                [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],
-                (watches) => {
-                  [
-                    "aria-controls",
-                    "aria-describedby",
-                    "aria-haspopup",
-                    "aria-expanded"
-                  ].forEach((key, idx) => {
-                    lodashUnified.isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
-                  });
-                },
-                { immediate: true }
-              );
-            }
-          }
-          if (types.isElement(prevEl) && aria.isFocusable(prevEl)) {
-            [
-              "aria-controls",
-              "aria-describedby",
-              "aria-haspopup",
-              "aria-expanded"
-            ].forEach((key) => prevEl.removeAttribute(key));
-          }
-        },
-        {
-          immediate: true
-        }
-      );
-    });
-    vue.onBeforeUnmount(() => {
-      virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
-      virtualTriggerAriaStopWatch = void 0;
-      if (triggerRef.value && types.isElement(triggerRef.value)) {
-        const el = triggerRef.value;
-        TRIGGER_ELE_EVENTS.forEach((eventName) => {
-          const handler = props[eventName];
-          if (handler) {
-            el.removeEventListener(
-              eventName.slice(2).toLowerCase(),
-              handler,
-              ["onFocus", "onBlur"].includes(eventName)
-            );
-          }
-        });
-        triggerRef.value = void 0;
-      }
-    });
-    __expose({
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(vue.unref(onlyChild.OnlyChild), vue.mergeProps({ key: 0 }, _ctx.$attrs, {
-        "aria-controls": ariaControls.value,
-        "aria-describedby": ariaDescribedby.value,
-        "aria-expanded": ariaExpanded.value,
-        "aria-haspopup": ariaHaspopup.value
-      }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"])) : vue.createCommentVNode("v-if", true);
-    };
-  }
+  virtualTriggering: Boolean,
+  onMouseenter: {
+    type: runtime.definePropType(Function)
+  },
+  onMouseleave: {
+    type: runtime.definePropType(Function)
+  },
+  onClick: {
+    type: runtime.definePropType(Function)
+  },
+  onKeydown: {
+    type: runtime.definePropType(Function)
+  },
+  onFocus: {
+    type: runtime.definePropType(Function)
+  },
+  onBlur: {
+    type: runtime.definePropType(Function)
+  },
+  onContextmenu: {
+    type: runtime.definePropType(Function)
+  },
+  id: String,
+  open: Boolean
 });
-var ElPopperTrigger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/trigger.vue"]]);
+const usePopperTriggerProps = popperTriggerProps;
 
-exports["default"] = ElPopperTrigger;
+exports.popperTriggerProps = popperTriggerProps;
+exports.usePopperTriggerProps = usePopperTriggerProps;
 //# sourceMappingURL=trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","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'\nimport { popperTriggerProps } from './trigger'\n\nimport type { WatchStopHandle } from 'vue'\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"],"names":["inject","POPPER_INJECTION_KEY","useForwardRef","computed","onMounted","watch","unrefElement","isElement","isFocusable","isNil","onBeforeUnmount","virtualTriggering","_createBlock","_unref","ElOnlyChild","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"trigger.js","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { Measurable } from './constants'\nimport type Trigger from './trigger.vue'\n\nexport const popperTriggerProps = buildProps({\n  /** @description Indicates the reference element to which the popper is attached */\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  /** @description Indicates whether virtual triggering is enabled */\n  virtualTriggering: Boolean,\n  onMouseenter: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onMouseleave: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onClick: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  onKeydown: {\n    type: definePropType<(e: KeyboardEvent) => void>(Function),\n  },\n  onFocus: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onBlur: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onContextmenu: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerProps = typeof popperTriggerProps\n\nexport type PopperTriggerInstance = InstanceType<typeof Trigger> & unknown\n\n/** @deprecated use `popperTriggerProps` instead, and it will be deprecated in the next major version */\nexport const usePopperTriggerProps = popperTriggerProps\n\n/** @deprecated use `PopperTriggerInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowTrigger = PopperTriggerInstance\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAKO,MAAM,qBAAqBA,kBAAW,CAAA;AAAA,EAE3C,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAA2B,MAAM,CAAA;AAAA,GACzC;AAAA,EAEA,iBAAmB,EAAA,OAAA;AAAA,EACnB,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA0C,QAAQ,CAAA;AAAA,GAC1D;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAA2C,QAAQ,CAAA;AAAA,GAC3D;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAMA,uBAA0C,QAAQ,CAAA;AAAA,GAC1D;AAAA,EACA,EAAI,EAAA,MAAA;AAAA,EACJ,IAAM,EAAA,OAAA;AACR,CAAU,EAAA;AAOH,MAAM,qBAAwB,GAAA;;;;;"}

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

@@ -2,39 +2,164 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var lodashUnified = require('lodash-unified');
+var core = require('@vueuse/core');
+var constants = require('./constants.js');
+var trigger = require('./trigger.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-forward-ref/index.js');
+var onlyChild = require('../../slot/src/only-child.js');
+var types = require('../../../utils/types.js');
+var aria = require('../../../utils/dom/aria.js');
 
-const popperTriggerProps = runtime.buildProps({
-  virtualRef: {
-    type: runtime.definePropType(Object)
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElPopperTrigger",
+    inheritAttrs: false
   },
-  virtualTriggering: Boolean,
-  onMouseenter: {
-    type: runtime.definePropType(Function)
-  },
-  onMouseleave: {
-    type: runtime.definePropType(Function)
-  },
-  onClick: {
-    type: runtime.definePropType(Function)
-  },
-  onKeydown: {
-    type: runtime.definePropType(Function)
-  },
-  onFocus: {
-    type: runtime.definePropType(Function)
-  },
-  onBlur: {
-    type: runtime.definePropType(Function)
-  },
-  onContextmenu: {
-    type: runtime.definePropType(Function)
-  },
-  id: String,
-  open: Boolean
+  __name: "trigger",
+  props: trigger.popperTriggerProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { role, triggerRef } = vue.inject(constants.POPPER_INJECTION_KEY, void 0);
+    index.useForwardRef(triggerRef);
+    const ariaControls = vue.computed(() => {
+      return ariaHaspopup.value ? props.id : void 0;
+    });
+    const ariaDescribedby = vue.computed(() => {
+      if (role && role.value === "tooltip") {
+        return props.open && props.id ? props.id : void 0;
+      }
+      return void 0;
+    });
+    const ariaHaspopup = vue.computed(() => {
+      if (role && role.value !== "tooltip") {
+        return role.value;
+      }
+      return void 0;
+    });
+    const ariaExpanded = vue.computed(() => {
+      return ariaHaspopup.value ? `${props.open}` : void 0;
+    });
+    let virtualTriggerAriaStopWatch = void 0;
+    const TRIGGER_ELE_EVENTS = [
+      "onMouseenter",
+      "onMouseleave",
+      "onClick",
+      "onKeydown",
+      "onFocus",
+      "onBlur",
+      "onContextmenu"
+    ];
+    vue.onMounted(() => {
+      vue.watch(
+        () => props.virtualRef,
+        (virtualEl) => {
+          if (virtualEl) {
+            triggerRef.value = core.unrefElement(virtualEl);
+          }
+        },
+        {
+          immediate: true
+        }
+      );
+      vue.watch(
+        triggerRef,
+        (el, prevEl) => {
+          virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
+          virtualTriggerAriaStopWatch = void 0;
+          if (types.isElement(prevEl)) {
+            TRIGGER_ELE_EVENTS.forEach((eventName) => {
+              const handler = props[eventName];
+              if (handler) {
+                prevEl.removeEventListener(
+                  eventName.slice(2).toLowerCase(),
+                  handler,
+                  ["onFocus", "onBlur"].includes(eventName)
+                );
+              }
+            });
+          }
+          if (types.isElement(el)) {
+            TRIGGER_ELE_EVENTS.forEach((eventName) => {
+              const handler = props[eventName];
+              if (handler) {
+                el.addEventListener(
+                  eventName.slice(2).toLowerCase(),
+                  handler,
+                  ["onFocus", "onBlur"].includes(eventName)
+                );
+              }
+            });
+            if (aria.isFocusable(el)) {
+              virtualTriggerAriaStopWatch = vue.watch(
+                [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],
+                (watches) => {
+                  [
+                    "aria-controls",
+                    "aria-describedby",
+                    "aria-haspopup",
+                    "aria-expanded"
+                  ].forEach((key, idx) => {
+                    lodashUnified.isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
+                  });
+                },
+                { immediate: true }
+              );
+            }
+          }
+          if (types.isElement(prevEl) && aria.isFocusable(prevEl)) {
+            [
+              "aria-controls",
+              "aria-describedby",
+              "aria-haspopup",
+              "aria-expanded"
+            ].forEach((key) => prevEl.removeAttribute(key));
+          }
+        },
+        {
+          immediate: true
+        }
+      );
+    });
+    vue.onBeforeUnmount(() => {
+      virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
+      virtualTriggerAriaStopWatch = void 0;
+      if (triggerRef.value && types.isElement(triggerRef.value)) {
+        const el = triggerRef.value;
+        TRIGGER_ELE_EVENTS.forEach((eventName) => {
+          const handler = props[eventName];
+          if (handler) {
+            el.removeEventListener(
+              eventName.slice(2).toLowerCase(),
+              handler,
+              ["onFocus", "onBlur"].includes(eventName)
+            );
+          }
+        });
+        triggerRef.value = void 0;
+      }
+    });
+    __expose({
+      triggerRef
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(vue.unref(onlyChild.OnlyChild), vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+        "aria-controls": ariaControls.value,
+        "aria-describedby": ariaDescribedby.value,
+        "aria-expanded": ariaExpanded.value,
+        "aria-haspopup": ariaHaspopup.value
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"])) : vue.createCommentVNode("v-if", true);
+    };
+  }
 });
-const usePopperTriggerProps = popperTriggerProps;
+var ElPopperTrigger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/trigger.vue"]]);
 
-exports.popperTriggerProps = popperTriggerProps;
-exports.usePopperTriggerProps = usePopperTriggerProps;
+exports["default"] = ElPopperTrigger;
 //# sourceMappingURL=trigger2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"trigger2.js","sources":["../../../../../../packages/components/popper/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { Measurable } from './constants'\nimport type Trigger from './trigger.vue'\n\nexport const popperTriggerProps = buildProps({\n  /** @description Indicates the reference element to which the popper is attached */\n  virtualRef: {\n    type: definePropType<Measurable>(Object),\n  },\n  /** @description Indicates whether virtual triggering is enabled */\n  virtualTriggering: Boolean,\n  onMouseenter: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onMouseleave: {\n    type: definePropType<(e: MouseEvent) => void>(Function),\n  },\n  onClick: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  onKeydown: {\n    type: definePropType<(e: KeyboardEvent) => void>(Function),\n  },\n  onFocus: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onBlur: {\n    type: definePropType<(e: FocusEvent) => void>(Function),\n  },\n  onContextmenu: {\n    type: definePropType<(e: PointerEvent) => void>(Function),\n  },\n  id: String,\n  open: Boolean,\n} as const)\n\nexport type PopperTriggerProps = typeof popperTriggerProps\n\nexport type PopperTriggerInstance = InstanceType<typeof Trigger> & unknown\n\n/** @deprecated use `popperTriggerProps` instead, and it will be deprecated in the next major version */\nexport const usePopperTriggerProps = popperTriggerProps\n\n/** @deprecated use `PopperTriggerInstance` instead, and it will be deprecated in the next major version */\nexport type ElPopperArrowTrigger = PopperTriggerInstance\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAKO,MAAM,qBAAqBA,kBAAW,CAAA;AAAA,EAE3C,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAA2B,MAAM,CAAA;AAAA,GACzC;AAAA,EAEA,iBAAmB,EAAA,OAAA;AAAA,EACnB,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA0C,QAAQ,CAAA;AAAA,GAC1D;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAA2C,QAAQ,CAAA;AAAA,GAC3D;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAMA,uBAAwC,QAAQ,CAAA;AAAA,GACxD;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAMA,uBAA0C,QAAQ,CAAA;AAAA,GAC1D;AAAA,EACA,EAAI,EAAA,MAAA;AAAA,EACJ,IAAM,EAAA,OAAA;AACR,CAAU,EAAA;AAOH,MAAM,qBAAwB,GAAA;;;;;"}
+{"version":3,"file":"trigger2.js","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'\nimport { popperTriggerProps } from './trigger'\n\nimport type { WatchStopHandle } from 'vue'\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"],"names":["inject","POPPER_INJECTION_KEY","useForwardRef","computed","onMounted","watch","unrefElement","isElement","isFocusable","isNil","onBeforeUnmount","virtualTriggering","_createBlock","_unref","ElOnlyChild","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}

package/lib/components/radio/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var radio$1 = require('./src/radio2.js');
-var radioButton$1 = require('./src/radio-button.js');
+var radioButton$1 = require('./src/radio-button2.js');
 var radioGroup$1 = require('./src/radio-group2.js');
 var radio = require('./src/radio.js');
 var radioGroup = require('./src/radio-group.js');
-var radioButton = require('./src/radio-button2.js');
+var radioButton = require('./src/radio-button.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/radio/src/radio-button.js

@@ -2,86 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var useRadio = require('./use-radio.js');
-var radioButton = require('./radio-button2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var radio = require('./radio.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["value", "name", "disabled"];
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElRadioButton"
-  },
-  __name: "radio-button",
-  props: radioButton.radioButtonProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("radio");
-    const { radioRef, focus, size, disabled, modelValue, radioGroup, actualValue } = useRadio.useRadio(props);
-    const activeStyle = vue.computed(() => {
-      return {
-        backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
-        borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
-        boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
-        color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
-      };
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return vue.openBlock(), vue.createElementBlock(
-        "label",
-        {
-          class: vue.normalizeClass([
-            vue.unref(ns).b("button"),
-            vue.unref(ns).is("active", vue.unref(modelValue) === vue.unref(actualValue)),
-            vue.unref(ns).is("disabled", vue.unref(disabled)),
-            vue.unref(ns).is("focus", vue.unref(focus)),
-            vue.unref(ns).bm("button", vue.unref(size))
-          ])
-        },
-        [
-          vue.withDirectives(vue.createElementVNode("input", {
-            ref_key: "radioRef",
-            ref: radioRef,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
-            class: vue.normalizeClass(vue.unref(ns).be("button", "original-radio")),
-            value: vue.unref(actualValue),
-            type: "radio",
-            name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
-            disabled: vue.unref(disabled),
-            onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
-            onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
-            onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
-            }, ["stop"]))
-          }, null, 42, _hoisted_1), [
-            [vue.vModelRadio, vue.unref(modelValue)]
-          ]),
-          vue.createElementVNode(
-            "span",
-            {
-              class: vue.normalizeClass(vue.unref(ns).be("button", "inner")),
-              style: vue.normalizeStyle(vue.unref(modelValue) === vue.unref(actualValue) ? activeStyle.value : {}),
-              onKeydown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
-              }, ["stop"]))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createTextVNode(
-                  vue.toDisplayString(_ctx.label),
-                  1
-                )
-              ])
-            ],
-            38
-          )
-        ],
-        2
-      );
-    };
-  }
+const radioButtonProps = runtime.buildProps({
+  ...radio.radioPropsBase
 });
-var RadioButton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/radio/src/radio-button.vue"]]);
 
-exports["default"] = RadioButton;
+exports.radioButtonProps = radioButtonProps;
 //# sourceMappingURL=radio-button.js.map

package/lib/components/radio/src/radio-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","sources":["../../../../../../packages/components/radio/src/radio-button.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b('button'),\n      ns.is('active', modelValue === actualValue),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.bm('button', size),\n    ]\"\n  >\n    <input\n      ref=\"radioRef\"\n      v-model=\"modelValue\"\n      :class=\"ns.be('button', 'original-radio')\"\n      :value=\"actualValue\"\n      type=\"radio\"\n      :name=\"name || radioGroup?.name\"\n      :disabled=\"disabled\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n      @click.stop\n    />\n    <span\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"modelValue === actualValue ? activeStyle : {}\"\n      @keydown.stop\n    >\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useRadio } from './use-radio'\nimport { radioButtonProps } from './radio-button'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRadioButton',\n})\n\nconst props = defineProps(radioButtonProps)\n\nconst ns = useNamespace('radio')\nconst { radioRef, focus, size, disabled, modelValue, radioGroup, actualValue } =\n  useRadio(props)\n\nconst activeStyle = computed<CSSProperties>(() => {\n  return {\n    backgroundColor: radioGroup?.fill || '',\n    borderColor: radioGroup?.fill || '',\n    boxShadow: radioGroup?.fill ? `-1px 0 0 0 ${radioGroup.fill}` : '',\n    color: radioGroup?.textColor || '',\n  }\n})\n</script>\n"],"names":["useNamespace","useRadio","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_isRef","name","_withModifiers","_normalizeStyle","_renderSlot","_createTextVNode","label"],"mappings":"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"}
+{"version":3,"file":"radio-button.js","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { radioPropsBase } from './radio'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type RadioButton from './radio-button.vue'\n\nexport const radioButtonProps = buildProps({\n  ...radioPropsBase,\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\nexport type RadioButtonPropsPublic = ExtractPublicPropTypes<\n  typeof radioButtonProps\n>\nexport type RadioButtonInstance = InstanceType<typeof RadioButton> & unknown\n"],"names":["buildProps","radioPropsBase"],"mappings":";;;;;;;AAMO,MAAM,mBAAmBA,kBAAW,CAAA;AAAA,EACzC,GAAGC,oBAAA;AACL,CAAU;;;;"}