@element-plus/nightly 0.0.20240106 → 0.0.20240108

package/es/components/tooltip-v2/src/arrow2.mjs

@@ -1,43 +1,28 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass } from 'vue';
-import { tooltipV2RootKey, tooltipV2ContentKey } from './constants.mjs';
-import { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import '../../../utils/index.mjs';
+import { tooltipV2Sides } from './common.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElTooltipV2Arrow"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    ...tooltipV2ArrowProps,
-    ...tooltipV2ArrowSpecialProps
+const tooltipV2ArrowProps = buildProps({
+  width: {
+    type: Number,
+    default: 10
+  },
+  height: {
+    type: Number,
+    default: 10
   },
-  setup(__props) {
-    const props = __props;
-    const { ns } = inject(tooltipV2RootKey);
-    const { arrowRef } = inject(tooltipV2ContentKey);
-    const arrowStyle = computed(() => {
-      const { style, width, height } = props;
-      const namespace = ns.namespace.value;
-      return {
-        [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,
-        [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,
-        [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,
-        [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,
-        ...style || {}
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        style: normalizeStyle(unref(arrowStyle)),
-        class: normalizeClass(unref(ns).e("arrow"))
-      }, null, 6);
-    };
+  style: {
+    type: definePropType(Object),
+    default: null
+  }
+});
+const tooltipV2ArrowSpecialProps = buildProps({
+  side: {
+    type: definePropType(String),
+    values: tooltipV2Sides,
+    required: true
   }
 });
-var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "arrow.vue"]]);
 
-export { TooltipV2Arrow as default };
+export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps };
 //# sourceMappingURL=arrow2.mjs.map

package/es/components/tooltip-v2/src/arrow2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :style=\"arrowStyle\" :class=\"ns.e('arrow')\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from './constants'\nimport { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElTooltipV2Arrow',\n})\n\nconst props = defineProps({\n  ...tooltipV2ArrowProps,\n  ...tooltipV2ArrowSpecialProps,\n})\n\nconst { ns } = inject(tooltipV2RootKey)!\nconst { arrowRef } = inject(tooltipV2ContentKey)!\n\nconst arrowStyle = computed<CSSProperties>(() => {\n  const { style, width, height } = props\n  const namespace = ns.namespace.value\n\n  return {\n    [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,\n    [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,\n    [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,\n    [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,\n    ...(style || {}),\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;mCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;AAOA,IAAM,MAAA,EAAE,EAAO,EAAA,GAAA,MAAA,CAAO,gBAAgB,CAAA,CAAA;AACtC,IAAM,MAAA,EAAE,QAAa,EAAA,GAAA,MAAA,CAAO,mBAAmB,CAAA,CAAA;AAE/C,IAAM,MAAA,UAAA,GAAa,SAAwB,MAAM;AAC/C,MAAM,MAAA,EAAE,KAAO,EAAA,KAAA,EAAO,MAAW,EAAA,GAAA,KAAA,CAAA;AACjC,MAAM,MAAA,SAAA,GAAY,GAAG,SAAU,CAAA,KAAA,CAAA;AAE/B,MAAO,OAAA;AAAA,QACL,CAAC,CAAK,EAAA,EAAA,SAAA,CAAA,uBAAA,CAAA,GAAqC,CAAG,EAAA,KAAA,CAAA,EAAA,CAAA;AAAA,QAC9C,CAAC,CAAK,EAAA,EAAA,SAAA,CAAA,wBAAA,CAAA,GAAsC,CAAG,EAAA,MAAA,CAAA,EAAA,CAAA;AAAA,QAC/C,CAAC,CAAA,EAAA,EAAK,SAA4C,CAAA,8BAAA,CAAA,GAAA,CAAA,EAAG,KAAQ,GAAA,CAAA,CAAA,EAAA,CAAA;AAAA,QAC7D,CAAC,CAAA,EAAA,EAAK,SAA2C,CAAA,6BAAA,CAAA,GAAA,KAAA,GAAQ,CAAI,GAAA,CAAA;AAAA,QAC7D,GAAI,SAAS,EAAC;AAAA,OAChB,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { tooltipV2Sides } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { TooltipV2Sides } from './common'\n\nexport const tooltipV2ArrowProps = buildProps({\n  width: {\n    type: Number,\n    default: 10,\n  },\n  height: {\n    type: Number,\n    default: 10,\n  },\n  style: {\n    type: definePropType<CSSProperties | null>(Object),\n    default: null,\n  },\n} as const)\n\nexport const tooltipV2ArrowSpecialProps = buildProps({\n  side: {\n    type: definePropType<TooltipV2Sides>(String),\n    values: tooltipV2Sides,\n    required: true,\n  },\n} as const)\n\nexport type TooltipV2ArrowProps = ExtractPropTypes<typeof tooltipV2ArrowProps>\n"],"names":[],"mappings":";;;;AAEY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,0BAA0B,GAAG,UAAU,CAAC;AACrD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}

package/es/components/tooltip-v2/src/content2.mjs

@@ -9,7 +9,7 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useFloating, arrowMiddleware } from '../../../hooks/use-floating/index.mjs';
 import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden.mjs';
+import ElVisuallyHidden from '../../visual-hidden/src/visual-hidden2.mjs';
 
 const _hoisted_1 = ["data-side"];
 const __default__ = defineComponent({

package/es/components/tooltip-v2/src/tooltip.mjs

@@ -1,7 +1,7 @@
 import '../../../utils/index.mjs';
 import { tooltipV2RootProps } from './root.mjs';
 import { tooltipV2TriggerProps } from './trigger.mjs';
-import { tooltipV2ArrowProps } from './arrow.mjs';
+import { tooltipV2ArrowProps } from './arrow2.mjs';
 import { tooltipV2ContentProps } from './content.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 

package/es/components/tooltip-v2/src/tooltip.vue.d.ts

@@ -223,8 +223,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly style?: import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
-        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly open?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
@@ -254,8 +254,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly style?: import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
-        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly open?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
@@ -285,8 +285,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly style?: import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
-        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly open?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
@@ -316,8 +316,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly style?: import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null) | ((new (...args: any[]) => import("vue").CSSProperties) | (() => import("vue").CSSProperties | null))[], unknown, unknown> | undefined;
         readonly ariaLabel?: string | undefined;
         readonly teleported?: boolean | undefined;
-        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
+        readonly onBlur?: ((e: Event) => boolean | void) | undefined;
         readonly open?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly showArrow?: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;

package/es/components/tooltip-v2/src/tooltip2.mjs

@@ -1,12 +1,12 @@
 import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, renderSlot, Teleport, Transition, createCommentVNode, createElementBlock, Fragment } from 'vue';
 import { pick } from 'lodash-unified';
-import { tooltipV2ArrowProps } from './arrow.mjs';
+import { tooltipV2ArrowProps } from './arrow2.mjs';
 import { tooltipV2ContentProps } from './content.mjs';
 import { tooltipV2RootProps } from './root.mjs';
 import { tooltipV2Props } from './tooltip.mjs';
 import { tooltipV2TriggerProps } from './trigger.mjs';
 import TooltipV2Root from './root2.mjs';
-import TooltipV2Arrow from './arrow2.mjs';
+import TooltipV2Arrow from './arrow.mjs';
 import TooltipV2Content from './content2.mjs';
 import TooltipV2Trigger from './trigger2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';

package/es/components/tour/index.d.ts

@@ -6332,12 +6332,15 @@ export declare const ElTour: import("@element-plus/nightly/es/utils").SFCWithIns
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        id: import("vue").Ref<string>;
-        maskId: string;
-        COVER_PROPS: {
-            fill: string;
-            'pointer-events': string;
-        };
+        radius: import("vue").ComputedRef<number>;
+        roundInfo: import("vue").ComputedRef<{
+            topRight: string;
+            bottomRight: string;
+            bottomLeft: string;
+            topLeft: string;
+        }>;
+        path: import("vue").ComputedRef<string>;
+        pathStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
         visible: BooleanConstructor;
@@ -6410,7 +6413,7 @@ export declare const ElTour: import("@element-plus/nightly/es/utils").SFCWithIns
             };
         }, {
             onKeydown: (e: KeyboardEvent) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             loop: BooleanConstructor;
             trapped: BooleanConstructor;
             focusTrapEl: import("vue").PropType<HTMLElement>;
@@ -6703,7 +6706,7 @@ export declare const ElTour: import("@element-plus/nightly/es/utils").SFCWithIns
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "reset" | "submit" | "button", unknown, "button", boolean>;
+            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
             readonly loading: BooleanConstructor;
             readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
             readonly plain: BooleanConstructor;
@@ -6733,7 +6736,7 @@ export declare const ElTour: import("@element-plus/nightly/es/utils").SFCWithIns
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "reset" | "submit" | "button", unknown, "button", boolean>;
+                readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
                 readonly loading: BooleanConstructor;
                 readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
                 readonly plain: BooleanConstructor;
@@ -6778,7 +6781,7 @@ export declare const ElTour: import("@element-plus/nightly/es/utils").SFCWithIns
                 ariaDisabled: boolean;
                 disabled: boolean;
                 autofocus: boolean;
-                type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "reset" | "submit" | "button", unknown>;
+                type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
             } | {
                 ariaDisabled?: undefined;
                 disabled?: undefined;
@@ -6867,7 +6870,7 @@ export declare const ElTour: import("@element-plus/nightly/es/utils").SFCWithIns
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "reset" | "submit" | "button", unknown, "button", boolean>;
+            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
             readonly loading: BooleanConstructor;
             readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
             readonly plain: BooleanConstructor;
@@ -6893,7 +6896,7 @@ export declare const ElTour: import("@element-plus/nightly/es/utils").SFCWithIns
             readonly round: boolean;
             readonly circle: boolean;
             readonly tag: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "reset" | "submit" | "button", unknown>;
+            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
             readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
             readonly autoInsertSpace: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly loading: boolean;
@@ -7248,7 +7251,7 @@ export declare const ElTourStep: import("@element-plus/nightly/es/utils").SFCWit
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "reset" | "submit" | "button", unknown, "button", boolean>;
+        readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
         readonly loading: BooleanConstructor;
         readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
         readonly plain: BooleanConstructor;
@@ -7278,7 +7281,7 @@ export declare const ElTourStep: import("@element-plus/nightly/es/utils").SFCWit
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "reset" | "submit" | "button", unknown, "button", boolean>;
+            readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
             readonly loading: BooleanConstructor;
             readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
             readonly plain: BooleanConstructor;
@@ -7323,7 +7326,7 @@ export declare const ElTourStep: import("@element-plus/nightly/es/utils").SFCWit
             ariaDisabled: boolean;
             disabled: boolean;
             autofocus: boolean;
-            type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "reset" | "submit" | "button", unknown>;
+            type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
         } | {
             ariaDisabled?: undefined;
             disabled?: undefined;
@@ -7412,7 +7415,7 @@ export declare const ElTourStep: import("@element-plus/nightly/es/utils").SFCWit
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "reset" | "submit" | "button", unknown, "button", boolean>;
+        readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
         readonly loading: BooleanConstructor;
         readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
         readonly plain: BooleanConstructor;
@@ -7438,7 +7441,7 @@ export declare const ElTourStep: import("@element-plus/nightly/es/utils").SFCWit
         readonly round: boolean;
         readonly circle: boolean;
         readonly tag: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-        readonly nativeType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "reset" | "submit" | "button", unknown>;
+        readonly nativeType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
         readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
         readonly autoInsertSpace: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly loading: boolean;

package/es/components/tour/src/content.vue.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         onKeydown: (e: KeyboardEvent) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested")[], "focusin" | "focusout" | "focusAfterTrapped" | "focusAfterReleased" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested")[], "focusAfterTrapped" | "focusAfterReleased" | "focusin" | "focusout" | "focusout-prevented" | "release-requested", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         loop: BooleanConstructor;
         trapped: BooleanConstructor;
         focusTrapEl: import("vue").PropType<HTMLElement>;

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

@@ -1,24 +1,83 @@
-import '../../../utils/index.mjs';
-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 '../../../hooks/index.mjs';
+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';
 
-const maskProps = buildProps({
-  zIndex: {
-    type: Number,
-    default: 1001
-  },
-  visible: Boolean,
-  fill: {
-    type: String,
-    default: "rgba(0,0,0,0.5)"
-  },
-  pos: {
-    type: definePropType(Object)
-  },
-  targetAreaClickable: {
-    type: Boolean,
-    default: true
+const _hoisted_1 = { style: {
+  width: "100%",
+  height: "100%"
+} };
+const _hoisted_2 = ["d"];
+const __default__ = defineComponent({
+  name: "ElTourMask",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  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 path = computed(() => {
+      const width = window.innerWidth;
+      const height = window.innerHeight;
+      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 pathStyle = computed(() => {
+      return {
+        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: {
+          position: "fixed",
+          left: 0,
+          right: 0,
+          top: 0,
+          bottom: 0,
+          zIndex: _ctx.zIndex,
+          pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
+        }
+      }, _ctx.$attrs), [
+        (openBlock(), createElementBlock("svg", _hoisted_1, [
+          createElementVNode("path", {
+            class: normalizeClass(unref(ns).e("hollow")),
+            style: normalizeStyle(unref(pathStyle)),
+            d: unref(path)
+          }, null, 14, _hoisted_2)
+        ]))
+      ], 16)) : createCommentVNode("v-if", true);
+    };
   }
 });
+var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "mask.vue"]]);
 
-export { maskProps };
+export { ElTourMask as default };
 //# 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.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } 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>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"mask.mjs","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"visible\"\n    :class=\"ns.e('mask')\"\n    :style=\"({\n    position: 'fixed',\n    left: 0,\n    right: 0,\n    top: 0,\n    bottom: 0,\n    zIndex,\n    pointerEvents: pos && targetAreaClickable ? 'none' : 'auto',\n  } as any)\"\n    v-bind=\"$attrs\"\n  >\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 { maskProps } from './mask'\nimport { tourKey } from './helper'\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 path = computed(() => {\n  const width = window.innerWidth\n  const height = window.innerHeight\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 pathStyle = computed<CSSProperties>(() => {\n  return {\n    fill: props.fill,\n    pointerEvents: 'auto',\n    cursor: 'auto',\n  }\n})\n\nuseLockscreen(toRef(props, 'visible'), {\n  ns,\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/tour/src/mask.vue.d.ts

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     zIndex: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     visible: BooleanConstructor;
@@ -42,12 +43,15 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    id: import("vue").Ref<string>;
-    maskId: string;
-    COVER_PROPS: {
-        fill: string;
-        'pointer-events': string;
-    };
+    radius: import("vue").ComputedRef<number>;
+    roundInfo: import("vue").ComputedRef<{
+        topRight: string;
+        bottomRight: string;
+        bottomLeft: string;
+        topLeft: string;
+    }>;
+    path: import("vue").ComputedRef<string>;
+    pathStyle: import("vue").ComputedRef<CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     zIndex: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     visible: BooleanConstructor;

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

@@ -1,117 +1,24 @@
-import { createElementVNode, defineComponent, inject, toRef, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createCommentVNode, Fragment } from 'vue';
-import '../../../hooks/index.mjs';
-import { maskProps } from './mask.mjs';
-import { tourKey } from './helper.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useId } from '../../../hooks/use-id/index.mjs';
-import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = { style: {
-  width: "100%",
-  height: "100%"
-} };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("rect", {
-  x: "0",
-  y: "0",
-  width: "100vw",
-  height: "100vh",
-  fill: "white"
-}, null, -1);
-const _hoisted_3 = ["x", "y", "rx", "width", "height"];
-const _hoisted_4 = ["fill", "mask"];
-const _hoisted_5 = ["height"];
-const _hoisted_6 = ["width"];
-const _hoisted_7 = ["y", "height"];
-const _hoisted_8 = ["x", "width"];
-const __default__ = defineComponent({
-  name: "ElTourMask",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: maskProps,
-  setup(__props) {
-    const props = __props;
-    const { ns } = inject(tourKey);
-    const id = useId();
-    const maskId = `el-tour-mask-${id.value}`;
-    useLockscreen(toRef(props, "visible"), {
-      ns
-    });
-    const COVER_PROPS = {
-      fill: "transparent",
-      "pointer-events": "auto"
-    };
-    return (_ctx, _cache) => {
-      return _ctx.visible ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        class: unref(ns).e("mask"),
-        style: {
-          position: "fixed",
-          left: 0,
-          right: 0,
-          top: 0,
-          bottom: 0,
-          zIndex: _ctx.zIndex,
-          pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
-        }
-      }, _ctx.$attrs), [
-        (openBlock(), createElementBlock("svg", _hoisted_1, [
-          createElementVNode("defs", null, [
-            createElementVNode("mask", { id: maskId }, [
-              _hoisted_2,
-              _ctx.pos ? (openBlock(), createElementBlock("rect", {
-                key: 0,
-                class: normalizeClass(unref(ns).e("hollow")),
-                x: _ctx.pos.left,
-                y: _ctx.pos.top,
-                rx: _ctx.pos.radius,
-                width: _ctx.pos.width,
-                height: _ctx.pos.height,
-                fill: "black"
-              }, null, 10, _hoisted_3)) : createCommentVNode("v-if", true)
-            ])
-          ]),
-          createElementVNode("rect", {
-            x: "0",
-            y: "0",
-            width: "100%",
-            height: "100%",
-            fill: _ctx.fill,
-            mask: `url(#${maskId})`
-          }, null, 8, _hoisted_4),
-          _ctx.pos ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: "0",
-              width: "100%",
-              height: _ctx.pos.top
-            }), null, 16, _hoisted_5),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: "0",
-              width: _ctx.pos.left,
-              height: "100%"
-            }), null, 16, _hoisted_6),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: _ctx.pos.top + _ctx.pos.height,
-              width: "100%",
-              height: `calc(100vh - ${_ctx.pos.top + _ctx.pos.height}px)`
-            }), null, 16, _hoisted_7),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: _ctx.pos.left + _ctx.pos.width,
-              y: "0",
-              width: `calc(100vw - ${_ctx.pos.left + _ctx.pos.width}px)`,
-              height: "100%"
-            }), null, 16, _hoisted_8)
-          ], 64)) : createCommentVNode("v-if", true)
-        ]))
-      ], 16)) : createCommentVNode("v-if", true);
-    };
+const maskProps = buildProps({
+  zIndex: {
+    type: Number,
+    default: 1001
+  },
+  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", "mask.vue"]]);
 
-export { ElTourMask as default };
+export { maskProps };
 //# sourceMappingURL=mask2.mjs.map