@element-plus/nightly 0.0.20260101 → 0.0.20260103

package/es/components/tooltip/src/trigger.mjs

@@ -1,109 +1,20 @@
-import { defineComponent, inject, ref, toRef, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot, nextTick } from 'vue';
-import '../../popper/index.mjs';
-import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
-import { useTooltipTriggerProps } from './trigger2.mjs';
-import { whenTrigger } from './utils.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import ElPopperTrigger from '../../popper/src/trigger2.mjs';
-import { composeEventHandlers, getEventCode } from '../../../utils/dom/event.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { focusElement } from '../../../utils/dom/aria.mjs';
+import { popperTriggerProps } from '../../popper/src/trigger.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { EVENT_CODE } from '../../../constants/aria.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElTooltipTrigger"
+const useTooltipTriggerProps = buildProps({
+  ...popperTriggerProps,
+  disabled: Boolean,
+  trigger: {
+    type: definePropType([String, Array]),
+    default: "hover"
   },
-  __name: "trigger",
-  props: useTooltipTriggerProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const ns = useNamespace("tooltip");
-    const { controlled, id, open, onOpen, onClose, onToggle } = inject(
-      TOOLTIP_INJECTION_KEY,
-      void 0
-    );
-    const triggerRef = ref(null);
-    const stopWhenControlledOrDisabled = () => {
-      if (unref(controlled) || props.disabled) {
-        return true;
-      }
-    };
-    const trigger = toRef(props, "trigger");
-    const onMouseenter = composeEventHandlers(
-      stopWhenControlledOrDisabled,
-      whenTrigger(trigger, "hover", (e) => {
-        onOpen(e);
-        if (props.focusOnTarget && e.target) {
-          nextTick(() => {
-            focusElement(e.target, { preventScroll: true });
-          });
-        }
-      })
-    );
-    const onMouseleave = composeEventHandlers(
-      stopWhenControlledOrDisabled,
-      whenTrigger(trigger, "hover", onClose)
-    );
-    const onClick = composeEventHandlers(
-      stopWhenControlledOrDisabled,
-      whenTrigger(trigger, "click", (e) => {
-        if (e.button === 0) {
-          onToggle(e);
-        }
-      })
-    );
-    const onFocus = composeEventHandlers(
-      stopWhenControlledOrDisabled,
-      whenTrigger(trigger, "focus", onOpen)
-    );
-    const onBlur = composeEventHandlers(
-      stopWhenControlledOrDisabled,
-      whenTrigger(trigger, "focus", onClose)
-    );
-    const onContextMenu = composeEventHandlers(
-      stopWhenControlledOrDisabled,
-      whenTrigger(trigger, "contextmenu", (e) => {
-        e.preventDefault();
-        onToggle(e);
-      })
-    );
-    const onKeydown = composeEventHandlers(
-      stopWhenControlledOrDisabled,
-      (e) => {
-        const code = getEventCode(e);
-        if (props.triggerKeys.includes(code)) {
-          e.preventDefault();
-          onToggle(e);
-        }
-      }
-    );
-    __expose({
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElPopperTrigger), {
-        id: unref(id),
-        "virtual-ref": _ctx.virtualRef,
-        open: unref(open),
-        "virtual-triggering": _ctx.virtualTriggering,
-        class: normalizeClass(unref(ns).e("trigger")),
-        onBlur: unref(onBlur),
-        onClick: unref(onClick),
-        onContextmenu: unref(onContextMenu),
-        onFocus: unref(onFocus),
-        onMouseenter: unref(onMouseenter),
-        onMouseleave: unref(onMouseleave),
-        onKeydown: unref(onKeydown)
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
-    };
-  }
+  triggerKeys: {
+    type: definePropType(Array),
+    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space]
+  },
+  focusOnTarget: Boolean
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/trigger.vue"]]);
 
-export { ElTooltipTrigger as default };
+export { useTooltipTriggerProps };
 //# sourceMappingURL=trigger.mjs.map

package/es/components/tooltip/src/trigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.vue"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    :class=\"ns.e('trigger')\"\n    @blur=\"onBlur\"\n    @click=\"onClick\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, nextTick, ref, toRef, unref } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport {\n  composeEventHandlers,\n  focusElement,\n  getEventCode,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipTriggerProps } from './trigger'\nimport { whenTrigger } from './utils'\n\nimport type { OnlyChildExpose } from '@element-plus/components/slot'\n\ndefineOptions({\n  name: 'ElTooltipTrigger',\n})\n\nconst props = defineProps(useTooltipTriggerProps)\n\nconst ns = useNamespace('tooltip')\nconst { controlled, id, open, onOpen, onClose, onToggle } = inject(\n  TOOLTIP_INJECTION_KEY,\n  undefined\n)!\n\nconst triggerRef = ref<OnlyChildExpose | null>(null)\n\nconst stopWhenControlledOrDisabled = () => {\n  if (unref(controlled) || props.disabled) {\n    return true\n  }\n}\nconst trigger = toRef(props, 'trigger')\nconst onMouseenter = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'hover', (e) => {\n    onOpen(e)\n\n    if (props.focusOnTarget && e.target) {\n      nextTick(() => {\n        focusElement(e.target as HTMLElement, { preventScroll: true })\n      })\n    }\n  })\n)\nconst onMouseleave = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'hover', onClose)\n)\nconst onClick = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'click', (e) => {\n    // distinguish left click\n    if ((e as MouseEvent).button === 0) {\n      onToggle(e)\n    }\n  })\n)\n\nconst onFocus = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'focus', onOpen)\n)\n\nconst onBlur = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'focus', onClose)\n)\n\nconst onContextMenu = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'contextmenu', (e: Event) => {\n    e.preventDefault()\n    onToggle(e)\n  })\n)\n\nconst onKeydown = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  (e: Event) => {\n    const code = getEventCode(e as KeyboardEvent)\n    if (props.triggerKeys.includes(code)) {\n      e.preventDefault()\n      onToggle(e)\n    }\n  }\n)\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":["_createBlock","_unref","virtualRef","virtualTriggering","_normalizeClass","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { popperTriggerProps } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu'\n\nexport const useTooltipTriggerProps = buildProps({\n  ...popperTriggerProps,\n  /**\n   * @description whether Tooltip is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description How should the tooltip be triggered (to show), not valid in controlled mode\n   */\n  trigger: {\n    type: definePropType<Arrayable<TooltipTriggerType>>([String, Array]),\n    default: 'hover',\n  },\n  /**\n   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of tooltip through the keyboard, not valid in controlled mode\n   */\n  triggerKeys: {\n    type: definePropType<string[]>(Array),\n    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space],\n  },\n  /**\n   * @description when triggering tooltips through hover, whether to focus the trigger element, which improves accessibility\n   */\n  focusOnTarget: Boolean,\n} as const)\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type ElTooltipTriggerPropsPublic = ExtractPublicPropTypes<\n  typeof useTooltipTriggerProps\n>\n"],"names":[],"mappings":";;;;AASO,MAAM,yBAAyB,UAAW,CAAA;AAAA,EAC/C,GAAG,kBAAA;AAAA,EAIH,QAAU,EAAA,OAAA;AAAA,EAIV,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,cAAA,CAA8C,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACnE,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,CAAC,UAAA,CAAW,OAAO,UAAW,CAAA,WAAA,EAAa,WAAW,KAAK,CAAA;AAAA,GAC5E;AAAA,EAIA,aAAe,EAAA,OAAA;AACjB,CAAU;;;;"}

package/es/components/tooltip/src/trigger2.mjs

@@ -1,20 +1,109 @@
-import { popperTriggerProps } from '../../popper/src/trigger.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { defineComponent, inject, ref, toRef, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot, nextTick } from 'vue';
+import '../../popper/index.mjs';
+import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
+import { useTooltipTriggerProps } from './trigger.mjs';
+import { whenTrigger } from './utils.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import ElPopperTrigger from '../../popper/src/trigger2.mjs';
+import { composeEventHandlers, getEventCode } from '../../../utils/dom/event.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { focusElement } from '../../../utils/dom/aria.mjs';
 
-const useTooltipTriggerProps = buildProps({
-  ...popperTriggerProps,
-  disabled: Boolean,
-  trigger: {
-    type: definePropType([String, Array]),
-    default: "hover"
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElTooltipTrigger"
   },
-  triggerKeys: {
-    type: definePropType(Array),
-    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space]
-  },
-  focusOnTarget: Boolean
+  __name: "trigger",
+  props: useTooltipTriggerProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const ns = useNamespace("tooltip");
+    const { controlled, id, open, onOpen, onClose, onToggle } = inject(
+      TOOLTIP_INJECTION_KEY,
+      void 0
+    );
+    const triggerRef = ref(null);
+    const stopWhenControlledOrDisabled = () => {
+      if (unref(controlled) || props.disabled) {
+        return true;
+      }
+    };
+    const trigger = toRef(props, "trigger");
+    const onMouseenter = composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      whenTrigger(trigger, "hover", (e) => {
+        onOpen(e);
+        if (props.focusOnTarget && e.target) {
+          nextTick(() => {
+            focusElement(e.target, { preventScroll: true });
+          });
+        }
+      })
+    );
+    const onMouseleave = composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      whenTrigger(trigger, "hover", onClose)
+    );
+    const onClick = composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      whenTrigger(trigger, "click", (e) => {
+        if (e.button === 0) {
+          onToggle(e);
+        }
+      })
+    );
+    const onFocus = composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      whenTrigger(trigger, "focus", onOpen)
+    );
+    const onBlur = composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      whenTrigger(trigger, "focus", onClose)
+    );
+    const onContextMenu = composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      whenTrigger(trigger, "contextmenu", (e) => {
+        e.preventDefault();
+        onToggle(e);
+      })
+    );
+    const onKeydown = composeEventHandlers(
+      stopWhenControlledOrDisabled,
+      (e) => {
+        const code = getEventCode(e);
+        if (props.triggerKeys.includes(code)) {
+          e.preventDefault();
+          onToggle(e);
+        }
+      }
+    );
+    __expose({
+      triggerRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPopperTrigger), {
+        id: unref(id),
+        "virtual-ref": _ctx.virtualRef,
+        open: unref(open),
+        "virtual-triggering": _ctx.virtualTriggering,
+        class: normalizeClass(unref(ns).e("trigger")),
+        onBlur: unref(onBlur),
+        onClick: unref(onClick),
+        onContextmenu: unref(onContextMenu),
+        onFocus: unref(onFocus),
+        onMouseenter: unref(onMouseenter),
+        onMouseleave: unref(onMouseleave),
+        onKeydown: unref(onKeydown)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
+    };
+  }
 });
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/trigger.vue"]]);
 
-export { useTooltipTriggerProps };
+export { ElTooltipTrigger as default };
 //# sourceMappingURL=trigger2.mjs.map

package/es/components/tooltip/src/trigger2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { popperTriggerProps } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu'\n\nexport const useTooltipTriggerProps = buildProps({\n  ...popperTriggerProps,\n  /**\n   * @description whether Tooltip is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description How should the tooltip be triggered (to show), not valid in controlled mode\n   */\n  trigger: {\n    type: definePropType<Arrayable<TooltipTriggerType>>([String, Array]),\n    default: 'hover',\n  },\n  /**\n   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of tooltip through the keyboard, not valid in controlled mode\n   */\n  triggerKeys: {\n    type: definePropType<string[]>(Array),\n    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space],\n  },\n  /**\n   * @description when triggering tooltips through hover, whether to focus the trigger element, which improves accessibility\n   */\n  focusOnTarget: Boolean,\n} as const)\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n\nexport type ElTooltipTriggerPropsPublic = ExtractPublicPropTypes<\n  typeof useTooltipTriggerProps\n>\n"],"names":[],"mappings":";;;;AASO,MAAM,yBAAyB,UAAW,CAAA;AAAA,EAC/C,GAAG,kBAAA;AAAA,EAIH,QAAU,EAAA,OAAA;AAAA,EAIV,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,cAAA,CAA8C,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACnE,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,CAAC,UAAA,CAAW,OAAO,UAAW,CAAA,WAAA,EAAa,WAAW,KAAK,CAAA;AAAA,GAC5E;AAAA,EAIA,aAAe,EAAA,OAAA;AACjB,CAAU;;;;"}
+{"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.vue"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    :class=\"ns.e('trigger')\"\n    @blur=\"onBlur\"\n    @click=\"onClick\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, nextTick, ref, toRef, unref } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport {\n  composeEventHandlers,\n  focusElement,\n  getEventCode,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipTriggerProps } from './trigger'\nimport { whenTrigger } from './utils'\n\nimport type { OnlyChildExpose } from '@element-plus/components/slot'\n\ndefineOptions({\n  name: 'ElTooltipTrigger',\n})\n\nconst props = defineProps(useTooltipTriggerProps)\n\nconst ns = useNamespace('tooltip')\nconst { controlled, id, open, onOpen, onClose, onToggle } = inject(\n  TOOLTIP_INJECTION_KEY,\n  undefined\n)!\n\nconst triggerRef = ref<OnlyChildExpose | null>(null)\n\nconst stopWhenControlledOrDisabled = () => {\n  if (unref(controlled) || props.disabled) {\n    return true\n  }\n}\nconst trigger = toRef(props, 'trigger')\nconst onMouseenter = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'hover', (e) => {\n    onOpen(e)\n\n    if (props.focusOnTarget && e.target) {\n      nextTick(() => {\n        focusElement(e.target as HTMLElement, { preventScroll: true })\n      })\n    }\n  })\n)\nconst onMouseleave = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'hover', onClose)\n)\nconst onClick = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'click', (e) => {\n    // distinguish left click\n    if ((e as MouseEvent).button === 0) {\n      onToggle(e)\n    }\n  })\n)\n\nconst onFocus = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'focus', onOpen)\n)\n\nconst onBlur = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'focus', onClose)\n)\n\nconst onContextMenu = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  whenTrigger(trigger, 'contextmenu', (e: Event) => {\n    e.preventDefault()\n    onToggle(e)\n  })\n)\n\nconst onKeydown = composeEventHandlers(\n  stopWhenControlledOrDisabled,\n  (e: Event) => {\n    const code = getEventCode(e as KeyboardEvent)\n    if (props.triggerKeys.includes(code)) {\n      e.preventDefault()\n      onToggle(e)\n    }\n  }\n)\n\ndefineExpose({\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n})\n</script>\n"],"names":["_createBlock","_unref","virtualRef","virtualTriggering","_normalizeClass","_renderSlot"],"mappings":"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"}

package/es/components/tour/src/mask.mjs

@@ -1,88 +1,23 @@
-import { defineComponent, inject, computed, toRef, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from 'vue';
-import { useWindowSize } from '@vueuse/core';
-import { maskProps } from './mask2.mjs';
-import { tourKey } from './helper.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = { style: {
-  width: "100%",
-  height: "100%"
-} };
-const _hoisted_2 = ["d"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElTourMask",
-    inheritAttrs: false
+const maskProps = buildProps({
+  zIndex: {
+    type: Number,
+    default: 1001
   },
-  __name: "mask",
-  props: maskProps,
-  setup(__props) {
-    const props = __props;
-    const { ns } = inject(tourKey);
-    const radius = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
-    });
-    const roundInfo = computed(() => {
-      const v = radius.value;
-      const baseInfo = `a${v},${v} 0 0 1`;
-      return {
-        topRight: `${baseInfo} ${v},${v}`,
-        bottomRight: `${baseInfo} ${-v},${v}`,
-        bottomLeft: `${baseInfo} ${-v},${-v}`,
-        topLeft: `${baseInfo} ${v},${-v}`
-      };
-    });
-    const { width: windowWidth, height: windowHeight } = useWindowSize();
-    const path = computed(() => {
-      const width = windowWidth.value;
-      const height = windowHeight.value;
-      const info = roundInfo.value;
-      const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
-      const _radius = radius.value;
-      return props.pos ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${props.pos.width - _radius * 2} ${info.topRight} v${props.pos.height - _radius * 2} ${info.bottomRight} h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${-props.pos.height + _radius * 2} ${info.topLeft} z` : _path;
-    });
-    const maskStyle = computed(() => ({
-      position: "fixed",
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      zIndex: props.zIndex,
-      pointerEvents: props.pos && props.targetAreaClickable ? "none" : "auto"
-    }));
-    const pathStyle = computed(() => ({
-      fill: props.fill,
-      pointerEvents: "auto",
-      cursor: "auto"
-    }));
-    useLockscreen(toRef(props, "visible"), {
-      ns
-    });
-    return (_ctx, _cache) => {
-      return _ctx.visible ? (openBlock(), createElementBlock(
-        "div",
-        mergeProps({
-          key: 0,
-          class: unref(ns).e("mask"),
-          style: maskStyle.value
-        }, _ctx.$attrs),
-        [
-          (openBlock(), createElementBlock("svg", _hoisted_1, [
-            createElementVNode("path", {
-              class: normalizeClass(unref(ns).e("hollow")),
-              style: normalizeStyle(pathStyle.value),
-              d: path.value
-            }, null, 14, _hoisted_2)
-          ]))
-        ],
-        16
-      )) : createCommentVNode("v-if", true);
-    };
+  visible: Boolean,
+  fill: {
+    type: String,
+    default: "rgba(0,0,0,0.5)"
+  },
+  pos: {
+    type: definePropType(Object)
+  },
+  targetAreaClickable: {
+    type: Boolean,
+    default: true
   }
 });
-var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tour/src/mask.vue"]]);
 
-export { ElTourMask as default };
+export { maskProps };
 //# sourceMappingURL=mask.mjs.map

package/es/components/tour/src/mask.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mask.mjs","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n  <div v-if=\"visible\" :class=\"ns.e('mask')\" :style=\"maskStyle\" v-bind=\"$attrs\">\n    <svg\n      :style=\"{\n        width: '100%',\n        height: '100%',\n      }\"\n    >\n      <path :class=\"ns.e('hollow')\" :style=\"pathStyle\" :d=\"path\" />\n    </svg>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, toRef } from 'vue'\nimport { useLockscreen } from '@element-plus/hooks'\nimport { useWindowSize } from '@vueuse/core'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElTourMask',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\nconst radius = computed(() => props.pos?.radius ?? 2)\nconst roundInfo = computed(() => {\n  const v = radius.value\n  const baseInfo = `a${v},${v} 0 0 1`\n  return {\n    topRight: `${baseInfo} ${v},${v}`,\n    bottomRight: `${baseInfo} ${-v},${v}`,\n    bottomLeft: `${baseInfo} ${-v},${-v}`,\n    topLeft: `${baseInfo} ${v},${-v}`,\n  }\n})\n\nconst { width: windowWidth, height: windowHeight } = useWindowSize()\n\nconst path = computed(() => {\n  const width = windowWidth.value\n  const height = windowHeight.value\n  const info = roundInfo.value\n  const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`\n  const _radius = radius.value\n  return props.pos\n    ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${\n        props.pos.width - _radius * 2\n      } ${info.topRight} v${props.pos.height - _radius * 2} ${\n        info.bottomRight\n      } h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${\n        -props.pos.height + _radius * 2\n      } ${info.topLeft} z`\n    : _path\n})\n\nconst maskStyle = computed<CSSProperties>(() => ({\n  position: 'fixed',\n  left: 0,\n  right: 0,\n  top: 0,\n  bottom: 0,\n  zIndex: props.zIndex,\n  pointerEvents: props.pos && props.targetAreaClickable ? 'none' : 'auto',\n}))\n\nconst pathStyle = computed<CSSProperties>(() => ({\n  fill: props.fill,\n  pointerEvents: 'auto',\n  cursor: 'auto',\n}))\n\nuseLockscreen(toRef(props, 'visible'), {\n  ns,\n})\n</script>\n"],"names":["visible","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"mask.mjs","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n  /**\n   * @description mask's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 1001,\n  },\n  /**\n   * @description whether to show the mask\n   */\n  visible: Boolean,\n  /**\n   * @description mask's fill\n   */\n  fill: {\n    type: String,\n    default: 'rgba(0,0,0,0.5)',\n  },\n  /***\n   * @description mask's transparent space position\n   */\n  pos: {\n    type: definePropType<PosInfo | null>(Object),\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\nexport type MaskPropsPublic = ExtractPublicPropTypes<typeof maskProps>\n"],"names":[],"mappings":";;AAKO,MAAM,YAAY,UAAW,CAAA;AAAA,EAIlC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AAAA,EAIT,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,iBAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAA,EAAM,eAA+B,MAAM,CAAA;AAAA,GAC7C;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/es/components/tour/src/mask2.mjs

@@ -1,23 +1,88 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, inject, computed, toRef, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from 'vue';
+import { useWindowSize } from '@vueuse/core';
+import { maskProps } from './mask.mjs';
+import { tourKey } from './helper.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
 
-const maskProps = buildProps({
-  zIndex: {
-    type: Number,
-    default: 1001
+const _hoisted_1 = { style: {
+  width: "100%",
+  height: "100%"
+} };
+const _hoisted_2 = ["d"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElTourMask",
+    inheritAttrs: false
   },
-  visible: Boolean,
-  fill: {
-    type: String,
-    default: "rgba(0,0,0,0.5)"
-  },
-  pos: {
-    type: definePropType(Object)
-  },
-  targetAreaClickable: {
-    type: Boolean,
-    default: true
+  __name: "mask",
+  props: maskProps,
+  setup(__props) {
+    const props = __props;
+    const { ns } = inject(tourKey);
+    const radius = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
+    });
+    const roundInfo = computed(() => {
+      const v = radius.value;
+      const baseInfo = `a${v},${v} 0 0 1`;
+      return {
+        topRight: `${baseInfo} ${v},${v}`,
+        bottomRight: `${baseInfo} ${-v},${v}`,
+        bottomLeft: `${baseInfo} ${-v},${-v}`,
+        topLeft: `${baseInfo} ${v},${-v}`
+      };
+    });
+    const { width: windowWidth, height: windowHeight } = useWindowSize();
+    const path = computed(() => {
+      const width = windowWidth.value;
+      const height = windowHeight.value;
+      const info = roundInfo.value;
+      const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
+      const _radius = radius.value;
+      return props.pos ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${props.pos.width - _radius * 2} ${info.topRight} v${props.pos.height - _radius * 2} ${info.bottomRight} h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${-props.pos.height + _radius * 2} ${info.topLeft} z` : _path;
+    });
+    const maskStyle = computed(() => ({
+      position: "fixed",
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      zIndex: props.zIndex,
+      pointerEvents: props.pos && props.targetAreaClickable ? "none" : "auto"
+    }));
+    const pathStyle = computed(() => ({
+      fill: props.fill,
+      pointerEvents: "auto",
+      cursor: "auto"
+    }));
+    useLockscreen(toRef(props, "visible"), {
+      ns
+    });
+    return (_ctx, _cache) => {
+      return _ctx.visible ? (openBlock(), createElementBlock(
+        "div",
+        mergeProps({
+          key: 0,
+          class: unref(ns).e("mask"),
+          style: maskStyle.value
+        }, _ctx.$attrs),
+        [
+          (openBlock(), createElementBlock("svg", _hoisted_1, [
+            createElementVNode("path", {
+              class: normalizeClass(unref(ns).e("hollow")),
+              style: normalizeStyle(pathStyle.value),
+              d: path.value
+            }, null, 14, _hoisted_2)
+          ]))
+        ],
+        16
+      )) : createCommentVNode("v-if", true);
+    };
   }
 });
+var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tour/src/mask.vue"]]);
 
-export { maskProps };
+export { ElTourMask as default };
 //# sourceMappingURL=mask2.mjs.map

package/es/components/tour/src/mask2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mask2.mjs","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n  /**\n   * @description mask's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 1001,\n  },\n  /**\n   * @description whether to show the mask\n   */\n  visible: Boolean,\n  /**\n   * @description mask's fill\n   */\n  fill: {\n    type: String,\n    default: 'rgba(0,0,0,0.5)',\n  },\n  /***\n   * @description mask's transparent space position\n   */\n  pos: {\n    type: definePropType<PosInfo | null>(Object),\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\nexport type MaskPropsPublic = ExtractPublicPropTypes<typeof maskProps>\n"],"names":[],"mappings":";;AAKO,MAAM,YAAY,UAAW,CAAA;AAAA,EAIlC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AAAA,EAIT,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,iBAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAA,EAAM,eAA+B,MAAM,CAAA;AAAA,GAC7C;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"mask2.mjs","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n  <div v-if=\"visible\" :class=\"ns.e('mask')\" :style=\"maskStyle\" v-bind=\"$attrs\">\n    <svg\n      :style=\"{\n        width: '100%',\n        height: '100%',\n      }\"\n    >\n      <path :class=\"ns.e('hollow')\" :style=\"pathStyle\" :d=\"path\" />\n    </svg>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, toRef } from 'vue'\nimport { useLockscreen } from '@element-plus/hooks'\nimport { useWindowSize } from '@vueuse/core'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElTourMask',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\nconst radius = computed(() => props.pos?.radius ?? 2)\nconst roundInfo = computed(() => {\n  const v = radius.value\n  const baseInfo = `a${v},${v} 0 0 1`\n  return {\n    topRight: `${baseInfo} ${v},${v}`,\n    bottomRight: `${baseInfo} ${-v},${v}`,\n    bottomLeft: `${baseInfo} ${-v},${-v}`,\n    topLeft: `${baseInfo} ${v},${-v}`,\n  }\n})\n\nconst { width: windowWidth, height: windowHeight } = useWindowSize()\n\nconst path = computed(() => {\n  const width = windowWidth.value\n  const height = windowHeight.value\n  const info = roundInfo.value\n  const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`\n  const _radius = radius.value\n  return props.pos\n    ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${\n        props.pos.width - _radius * 2\n      } ${info.topRight} v${props.pos.height - _radius * 2} ${\n        info.bottomRight\n      } h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${\n        -props.pos.height + _radius * 2\n      } ${info.topLeft} z`\n    : _path\n})\n\nconst maskStyle = computed<CSSProperties>(() => ({\n  position: 'fixed',\n  left: 0,\n  right: 0,\n  top: 0,\n  bottom: 0,\n  zIndex: props.zIndex,\n  pointerEvents: props.pos && props.targetAreaClickable ? 'none' : 'auto',\n}))\n\nconst pathStyle = computed<CSSProperties>(() => ({\n  fill: props.fill,\n  pointerEvents: 'auto',\n  cursor: 'auto',\n}))\n\nuseLockscreen(toRef(props, 'visible'), {\n  ns,\n})\n</script>\n"],"names":["visible","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}

package/es/components/tour/src/tour2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch, useSlots, provide, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createElementVNode, mergeProps, normalizeStyle, createBlock, renderSlot, createCommentVNode } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { ElTeleport } from '../../teleport/index.mjs';
-import ElTourMask from './mask.mjs';
+import ElTourMask from './mask2.mjs';
 import ElTourContent from './content.mjs';
 import ElTourSteps from './steps.mjs';
 import { tourProps, tourEmits } from './tour.mjs';

package/es/components/transfer/index.mjs

@@ -1,5 +1,5 @@
-import Transfer from './src/transfer.mjs';
-export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './src/transfer2.mjs';
+import Transfer from './src/transfer2.mjs';
+export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './src/transfer.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElTransfer = withInstall(Transfer);

package/es/components/transfer/src/composables/use-checked-change.mjs

@@ -1,4 +1,4 @@
-import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT } from '../transfer2.mjs';
+import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT } from '../transfer.mjs';
 
 const useCheckedChange = (checkedState, emit) => {
   const onSourceCheckedChange = (val, movedKeys) => {

package/es/components/transfer/src/transfer-panel.mjs

@@ -1,4 +1,4 @@
-import { transferProps, transferCheckedChangeFn } from './transfer2.mjs';
+import { transferProps, transferCheckedChangeFn } from './transfer.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
 const CHECKED_CHANGE_EVENT = "checked-change";