@element-plus/nightly 0.0.20260117 → 0.0.20260118

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

@@ -1,56 +1,47 @@
+import type { TagProps } from './tag';
 declare var __VLS_1: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_21) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
-    readonly closable: BooleanConstructor;
-    readonly disableTransitions: BooleanConstructor;
-    readonly hit: BooleanConstructor;
-    readonly color: StringConstructor;
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
-    readonly round: BooleanConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TagProps>, {
+    type: string;
+    effect: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
     close: (evt: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
-    readonly closable: BooleanConstructor;
-    readonly disableTransitions: BooleanConstructor;
-    readonly hit: BooleanConstructor;
-    readonly color: StringConstructor;
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly effect: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
-    readonly round: BooleanConstructor;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TagProps>, {
+    type: string;
+    effect: string;
+}>>> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    readonly round: boolean;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
-    readonly effect: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
-    readonly closable: boolean;
-    readonly disableTransitions: boolean;
-    readonly hit: boolean;
+    type: "primary" | "success" | "info" | "warning" | "danger";
+    effect: "dark" | "light" | "plain";
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/lib/components/tag/src/tag.vue2.js

@@ -17,7 +17,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElTag"
   },
   __name: "tag",
-  props: tag.tagProps,
+  props: {
+    type: { type: String, required: false, default: "primary" },
+    closable: { type: Boolean, required: false },
+    disableTransitions: { type: Boolean, required: false },
+    hit: { type: Boolean, required: false },
+    color: { type: String, required: false },
+    size: { type: null, required: false },
+    effect: { type: String, required: false, default: "light" },
+    round: { type: Boolean, required: false }
+  },
   emits: tag.tagEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -50,12 +59,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock(
+      return __props.disableTransitions ? (vue.openBlock(), vue.createElementBlock(
         "span",
         {
           key: 0,
           class: vue.normalizeClass(containerKls.value),
-          style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
+          style: vue.normalizeStyle({ backgroundColor: __props.color }),
           onClick: handleClick
         },
         [
@@ -70,7 +79,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             2
             /* CLASS */
           ),
-          _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+          __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
             "aria-label": vue.unref(t)("el.tag.close"),
             class: vue.normalizeClass(vue.unref(ns).e("close")),
@@ -99,7 +108,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "span",
             {
               class: vue.normalizeClass(containerKls.value),
-              style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
+              style: vue.normalizeStyle({ backgroundColor: __props.color }),
               onClick: handleClick
             },
             [
@@ -114,7 +123,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 2
                 /* CLASS */
               ),
-              _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+              __props.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
                 "aria-label": vue.unref(t)("el.tag.close"),
                 class: vue.normalizeClass(vue.unref(ns).e("close")),

package/lib/components/tag/src/tag.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.vue2.js","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"disableTransitions\"\n    :class=\"containerKls\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"ns.e('content')\">\n      <slot />\n    </span>\n    <button\n      v-if=\"closable\"\n      :aria-label=\"t('el.tag.close')\"\n      :class=\"ns.e('close')\"\n      type=\"button\"\n      @click.stop=\"handleClose\"\n    >\n      <el-icon>\n        <Close />\n      </el-icon>\n    </button>\n  </span>\n  <transition\n    v-else\n    :name=\"`${ns.namespace.value}-zoom-in-center`\"\n    appear\n    @vue:mounted=\"handleVNodeMounted\"\n  >\n    <span\n      :class=\"containerKls\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span :class=\"ns.e('content')\">\n        <slot />\n      </span>\n      <button\n        v-if=\"closable\"\n        :aria-label=\"t('el.tag.close')\"\n        :class=\"ns.e('close')\"\n        type=\"button\"\n        @click.stop=\"handleClose\"\n      >\n        <el-icon>\n          <Close />\n        </el-icon>\n      </button>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { tagEmits, tagProps } from './tag'\n\nimport type { VNode } from 'vue'\n\ndefineOptions({\n  name: 'ElTag',\n})\nconst props = defineProps(tagProps)\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst { t } = useLocale()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n  const { type, hit, effect, closable, round } = props\n  return [\n    ns.b(),\n    ns.is('closable', closable),\n    ns.m(type || 'primary'),\n    ns.m(tagSize.value),\n    ns.m(effect),\n    ns.is('hit', hit),\n    ns.is('round', round),\n  ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n  emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event)\n}\n\nconst handleVNodeMounted = (vnode: VNode) => {\n  // @ts-ignore\n  if (vnode?.component?.subTree?.component?.bum) {\n    // @ts-ignore\n    vnode.component.subTree.component.bum = null\n  }\n}\n</script>\n"],"names":["useFormSize","useLocale","useNamespace","computed","disableTransitions","_createElementBlock","color","_createElementVNode","_normalizeClass","_unref","_renderSlot","closable","_createVNode","ElIcon","Close","_createBlock","_Transition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,UAAUA,8BAAA,EAAY;AAC5B,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAKC,qBAAa,KAAK,CAAA;AAC7B,IAAA,MAAM,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,QAAA,EAAU,OAAM,GAAI,KAAA;AAC/C,MAAA,OAAO;AAAA,QACL,GAAG,CAAA,EAAE;AAAA,QACL,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,QAAQ,CAAA;AAAA,QAC1B,EAAA,CAAG,CAAA,CAAE,IAAA,IAAQ,SAAS,CAAA;AAAA,QACtB,EAAA,CAAG,CAAA,CAAE,OAAA,CAAQ,KAAK,CAAA;AAAA,QAClB,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,QACX,EAAA,CAAG,EAAA,CAAG,KAAA,EAAO,GAAG,CAAA;AAAA,QAChB,EAAA,CAAG,EAAA,CAAG,OAAA,EAAS,KAAK;AAAA,OACtB;AAAA,IACF,CAAC,CAAA;AAGD,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAiB;;AAE3C,MAAA,IAAA,CAAI,gDAAO,SAAA,KAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,YAAlB,IAAA,GAAA,MAAA,GAAA,EAAA,CAA2B,SAAA,KAA3B,mBAAsC,GAAA,EAAK;AAE7C,QAAA,KAAA,CAAM,SAAA,CAAU,OAAA,CAAQ,SAAA,CAAU,GAAA,GAAM,IAAA;AAAA,MAC1C;AAAA,IACF,CAAA;;aAhGUC,IAAAA,CAAAA,kBAAAA,qBADRC,sBAAA;AAAA,QAoBO,MAAA;AAAA,QAAA;AAAA;UAlBJ,KAAA,qBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UACnB,6CAA0BC,IAAAA,CAAAA,OAAK,CAAA;AAAA,UAC/B,OAAA,EAAO;AAAA;;UAERC,sBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA,cAFA,OAAKC,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,SAAA,CAAA;AAAA;;cAChBC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;UAGFC,IAAAA,CAAAA,QAAAA,qBADRN,uBAUS,QAAA,EAAA;AAAA;YARN,YAAA,EAAYI,SAAA,CAAA,CAAA,CAAA,CAAC,cAAA,CAAA;AAAA,YACb,OAAKD,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,YACZ,IAAA,EAAK,QAAA;AAAA,YACJ,OAAA,oBAAY,WAAA,EAAW,CAAA,MAAA,CAAA;AAAA;YAExBG,eAAA,CAEUH,SAAA,CAAAI,cAAA,CAAA,EAAA,IAAA,EAAA;AAAA,mCADR,MAAS;AAAA,gBAATD,eAAA,CAASH,SAAA,CAAAK,cAAA,CAAA;AAAA;;;;;;;;6BAIfC,eAAA,CA0BaC,cAAA,EAAA;AAAA;QAxBV,MAAI,CAAA,EAAKP,SAAA,CAAA,EAAA,CAAA,CAAG,UAAU,KAAK,CAAA,eAAA,CAAA;AAAA,QAC5B,MAAA,EAAA,EAAA;AAAA,QACC,cAAA,EAAa;AAAA;6BAEd,MAmBO;AAAA,UAnBPF,sBAAA;AAAA,YAmBO,MAAA;AAAA,YAAA;AAAA,cAlBJ,KAAA,qBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,cACnB,6CAA0BD,IAAAA,CAAAA,OAAK,CAAA;AAAA,cAC/B,OAAA,EAAO;AAAA;;cAERC,sBAAA;AAAA,gBAEO,MAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKC,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,SAAA,CAAA;AAAA;;kBAChBC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;cAGFC,IAAAA,CAAAA,QAAAA,qBADRN,uBAUS,QAAA,EAAA;AAAA;gBARN,YAAA,EAAYI,SAAA,CAAA,CAAA,CAAA,CAAC,cAAA,CAAA;AAAA,gBACb,OAAKD,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,gBACZ,IAAA,EAAK,QAAA;AAAA,gBACJ,OAAA,oBAAY,WAAA,EAAW,CAAA,MAAA,CAAA;AAAA;gBAExBG,eAAA,CAEUH,SAAA,CAAAI,cAAA,CAAA,EAAA,IAAA,EAAA;AAAA,uCADR,MAAS;AAAA,oBAATD,eAAA,CAASH,SAAA,CAAAK,cAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tag.vue2.js","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"disableTransitions\"\n    :class=\"containerKls\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"ns.e('content')\">\n      <slot />\n    </span>\n    <button\n      v-if=\"closable\"\n      :aria-label=\"t('el.tag.close')\"\n      :class=\"ns.e('close')\"\n      type=\"button\"\n      @click.stop=\"handleClose\"\n    >\n      <el-icon>\n        <Close />\n      </el-icon>\n    </button>\n  </span>\n  <transition\n    v-else\n    :name=\"`${ns.namespace.value}-zoom-in-center`\"\n    appear\n    @vue:mounted=\"handleVNodeMounted\"\n  >\n    <span\n      :class=\"containerKls\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span :class=\"ns.e('content')\">\n        <slot />\n      </span>\n      <button\n        v-if=\"closable\"\n        :aria-label=\"t('el.tag.close')\"\n        :class=\"ns.e('close')\"\n        type=\"button\"\n        @click.stop=\"handleClose\"\n      >\n        <el-icon>\n          <Close />\n        </el-icon>\n      </button>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { tagEmits } from './tag'\n\nimport type { VNode } from 'vue'\nimport type { TagProps } from './tag'\n\ndefineOptions({\n  name: 'ElTag',\n})\nconst props = withDefaults(defineProps<TagProps>(), {\n  type: 'primary',\n  effect: 'light',\n})\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst { t } = useLocale()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n  const { type, hit, effect, closable, round } = props\n  return [\n    ns.b(),\n    ns.is('closable', closable),\n    ns.m(type || 'primary'),\n    ns.m(tagSize.value),\n    ns.m(effect),\n    ns.is('hit', hit),\n    ns.is('round', round),\n  ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n  emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event)\n}\n\nconst handleVNodeMounted = (vnode: VNode) => {\n  // @ts-ignore\n  if (vnode?.component?.subTree?.component?.bum) {\n    // @ts-ignore\n    vnode.component.subTree.component.bum = null\n  }\n}\n</script>\n"],"names":["useFormSize","useLocale","useNamespace","computed","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_renderSlot","_createVNode","ElIcon","Close","_createBlock","_Transition"],"mappings":"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"}

package/lib/components/tour/src/content.d.ts

@@ -1,7 +1,36 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type { Placement, Strategy, VirtualElement } from '@floating-ui/dom';
 export declare const tourStrategies: readonly ["absolute", "fixed"];
 export declare const tourPlacements: readonly ["top-start", "top-end", "top", "bottom-start", "bottom-end", "bottom", "left-start", "left-end", "left", "right-start", "right-end", "right"];
+export interface TourContentProps {
+    /**
+     * @description position of the guide card relative to the target element
+     */
+    placement?: Placement;
+    /**
+     * @description the reference dom
+     */
+    reference?: HTMLElement | VirtualElement | null;
+    /**
+     * @description position strategy of the content
+     */
+    strategy?: Strategy;
+    /**
+     * @description offset of the arrow
+     */
+    offset?: number;
+    /**
+     * @description whether to show the arrow
+     */
+    showArrow?: boolean;
+    /**
+     * @description content's zIndex
+     */
+    zIndex?: number;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
+ */
 export declare const tourContentProps: {
     placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
     reference: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | ((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null))[], unknown, unknown, null, boolean>;
@@ -10,7 +39,9 @@ export declare const tourContentProps: {
     showArrow: BooleanConstructor;
     zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
 };
-export type TourContentProps = ExtractPropTypes<typeof tourContentProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
+ */
 export type TourContentPropsPublic = ExtractPublicPropTypes<typeof tourContentProps>;
 export declare const tourContentEmits: {
     close: () => boolean;

package/lib/components/tour/src/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n  'top-start',\n  'top-end',\n  'top',\n  'bottom-start',\n  'bottom-end',\n  'bottom',\n  'left-start',\n  'left-end',\n  'left',\n  'right-start',\n  'right-end',\n  'right',\n] as const\n\nexport const tourContentProps = buildProps({\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: tourPlacements,\n    default: 'bottom',\n  },\n  /**\n   * @description the reference dom\n   */\n  reference: {\n    type: definePropType<HTMLElement | VirtualElement | null>(Object),\n    default: null,\n  },\n  /**\n   * @description position strategy of the content\n   */\n  strategy: {\n    type: definePropType<Strategy>(String),\n    values: tourStrategies,\n    default: 'absolute',\n  },\n  /**\n   * @description offset of the arrow\n   */\n  offset: {\n    type: Number,\n    default: 10,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: Boolean,\n  /**\n   * @description content's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 2001,\n  },\n})\n\nexport type TourContentProps = ExtractPropTypes<typeof tourContentProps>\nexport type TourContentPropsPublic = ExtractPublicPropTypes<\n  typeof tourContentProps\n>\n\nexport const tourContentEmits = {\n  close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":["buildProps","definePropType"],"mappings":";;;;AAKO,MAAM,cAAA,GAAiB,CAAC,UAAA,EAAY,OAAO;AAE3C,MAAM,cAAA,GAAiB;AAAA,EAC5B,WAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF;AAEO,MAAM,mBAAmBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIzC,SAAA,EAAW;AAAA,IACT,IAAA,EAAMC,uBAA0B,MAAM,CAAA;AAAA,IACtC,MAAA,EAAQ,cAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAMA,uBAAoD,MAAM,CAAA;AAAA,IAChE,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,MAAA,EAAQ,cAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC;AAOM,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAO,MAAM;AACf;;;;;;;"}
+{"version":3,"file":"content.js","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n  'top-start',\n  'top-end',\n  'top',\n  'bottom-start',\n  'bottom-end',\n  'bottom',\n  'left-start',\n  'left-end',\n  'left',\n  'right-start',\n  'right-end',\n  'right',\n] as const\n\nexport interface TourContentProps {\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement?: Placement\n  /**\n   * @description the reference dom\n   */\n  reference?: HTMLElement | VirtualElement | null\n  /**\n   * @description position strategy of the content\n   */\n  strategy?: Strategy\n  /**\n   * @description offset of the arrow\n   */\n  offset?: number\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow?: boolean\n  /**\n   * @description content's zIndex\n   */\n  zIndex?: number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.\n */\nexport const tourContentProps = buildProps({\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: tourPlacements,\n    default: 'bottom',\n  },\n  /**\n   * @description the reference dom\n   */\n  reference: {\n    type: definePropType<HTMLElement | VirtualElement | null>(Object),\n    default: null,\n  },\n  /**\n   * @description position strategy of the content\n   */\n  strategy: {\n    type: definePropType<Strategy>(String),\n    values: tourStrategies,\n    default: 'absolute',\n  },\n  /**\n   * @description offset of the arrow\n   */\n  offset: {\n    type: Number,\n    default: 10,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: Boolean,\n  /**\n   * @description content's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 2001,\n  },\n})\n\n/**\n * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.\n */\nexport type TourContentPropsPublic = ExtractPublicPropTypes<\n  typeof tourContentProps\n>\n\nexport const tourContentEmits = {\n  close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":["buildProps","definePropType"],"mappings":";;;;AAKO,MAAM,cAAA,GAAiB,CAAC,UAAA,EAAY,OAAO;AAE3C,MAAM,cAAA,GAAiB;AAAA,EAC5B,WAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF;AAgCO,MAAM,mBAAmBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIzC,SAAA,EAAW;AAAA,IACT,IAAA,EAAMC,uBAA0B,MAAM,CAAA;AAAA,IACtC,MAAA,EAAQ,cAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAMA,uBAAoD,MAAM,CAAA;AAAA,IAChE,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAMA,uBAAyB,MAAM,CAAA;AAAA,IACrC,MAAA,EAAQ,cAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC;AASM,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAO,MAAM;AACf;;;;;;;"}

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

@@ -1,38 +1,52 @@
+import type { TourContentProps } from './content';
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement))[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
-    reference: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
-    strategy: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/utils").Strategy) | ((new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/utils").Strategy))[], "fixed" | "absolute", unknown, string, boolean>;
-    offset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    showArrow: BooleanConstructor;
-    zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TourContentProps>, {
+    placement: string;
+    reference: null;
+    strategy: string;
+    offset: number;
+    zIndex: number;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement))[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
-    reference: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown, null, boolean>;
-    strategy: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/utils").Strategy) | ((new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/utils").Strategy))[], "fixed" | "absolute", unknown, string, boolean>;
-    offset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    showArrow: BooleanConstructor;
-    zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TourContentProps>, {
+    placement: string;
+    reference: null;
+    strategy: string;
+    offset: number;
+    zIndex: number;
+}>>> & {
     onClose?: (() => any) | undefined;
 }, {
     zIndex: number;
     offset: number;
-    placement: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@floating-ui/utils").Placement))[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
-    strategy: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/utils").Strategy) | ((new (...args: any[]) => "fixed" | "absolute") | (() => import("@floating-ui/utils").Strategy))[], "fixed" | "absolute", unknown>;
-    reference: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null) | ((new (...args: any[]) => HTMLElement | import("@floating-ui/dom").VirtualElement) | (() => HTMLElement | import("@floating-ui/dom").VirtualElement | null))[], unknown, unknown>;
-    showArrow: boolean;
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    reference: HTMLElement | import("@floating-ui/dom").VirtualElement | null;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/lib/components/tour/src/content.vue2.js

@@ -13,7 +13,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElTourContent"
   },
   __name: "content",
-  props: content.tourContentProps,
+  props: {
+    placement: { type: [String, Object], required: false, default: "bottom" },
+    reference: { type: null, required: false, default: null },
+    strategy: { type: String, required: false, default: "absolute" },
+    offset: { type: Number, required: false, default: 10 },
+    showArrow: { type: Boolean, required: false },
+    zIndex: { type: Number, required: false, default: 2001 }
+  },
   emits: content.tourContentEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -73,7 +80,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           _: 3
           /* FORWARDED */
         }, 8, ["focus-trap-el"]),
-        _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock(
+        __props.showArrow ? (vue.openBlock(), vue.createElementBlock(
           "span",
           {
             key: 0,

package/lib/components/tour/src/content.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.vue2.js","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    :style=\"contentStyle\"\n    :class=\"ns.e('content')\"\n    :data-side=\"side\"\n    tabindex=\"-1\"\n  >\n    <el-focus-trap\n      loop\n      trapped\n      focus-start-el=\"container\"\n      :focus-trap-el=\"contentRef || undefined\"\n      @release-requested=\"onCloseRequested\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n    >\n      <slot />\n    </el-focus-trap>\n    <span\n      v-if=\"showArrow\"\n      ref=\"arrowRef\"\n      :style=\"arrowStyle\"\n      :class=\"ns.e('arrow')\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n  name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.placement,\n  () => {\n    placement.value = props.placement\n  }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n  toRef(props, 'reference'),\n  contentRef,\n  arrowRef,\n  placement,\n  strategy,\n  toRef(props, 'offset'),\n  toRef(props, 'zIndex'),\n  toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n  return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n  emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n  if (event.detail.focusReason === 'pointer') {\n    event.preventDefault()\n  }\n}\n</script>\n"],"names":["ref","watch","useFloating","toRef","computed","inject","tourKey","_createElementBlock","_unref","_normalizeClass","_createVNode","ElFocusTrap","_renderSlot","showArrow"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,SAAA,GAAYA,OAAA,CAAI,KAAA,CAAM,SAAS,CAAA;AACrC,IAAA,MAAM,QAAA,GAAWA,OAAA,CAAI,KAAA,CAAM,QAAQ,CAAA;AACnC,IAAA,MAAM,UAAA,GAAaA,QAAwB,IAAI,CAAA;AAC/C,IAAA,MAAM,QAAA,GAAWA,QAAwB,IAAI,CAAA;AAE7C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,SAAA;AAAA,MACZ,MAAM;AACJ,QAAA,SAAA,CAAU,QAAQ,KAAA,CAAM,SAAA;AAAA,MAC1B;AAAA,KACF;AAEA,IAAA,MAAM,EAAE,YAAA,EAAc,UAAA,EAAW,GAAIC,kBAAA;AAAA,MACnCC,SAAA,CAAM,OAAO,WAAW,CAAA;AAAA,MACxB,UAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACAA,SAAA,CAAM,OAAO,QAAQ,CAAA;AAAA,MACrBA,SAAA,CAAM,OAAO,QAAQ,CAAA;AAAA,MACrBA,SAAA,CAAM,OAAO,WAAW;AAAA,KAC1B;AAEA,IAAA,MAAM,IAAA,GAAOC,aAAS,MAAM;AAC1B,MAAA,OAAO,SAAA,CAAU,KAAA,CAAM,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAAA,IACrC,CAAC,CAAA;AAED,IAAA,MAAM,EAAE,EAAA,EAAG,GAAIC,UAAA,CAAOC,cAAO,CAAA;AAE7B,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,IAAA,CAAK,OAAO,CAAA;AAAA,IACd,CAAA;AAEA,IAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAuB;AAClD,MAAA,IAAI,KAAA,CAAM,MAAA,CAAO,WAAA,KAAgB,SAAA,EAAW;AAC1C,QAAA,KAAA,CAAM,cAAA,EAAe;AAAA,MACvB;AAAA,IACF,CAAA;;8BA5EEC,sBAAA,CAuBM,KAAA,EAAA;AAAA,iBAtBA,YAAA;AAAA,QAAJ,GAAA,EAAI,UAAA;AAAA,QACH,KAAA,qBAAOC,SAAA,CAAA,YAAA,CAAY,CAAA;AAAA,QACnB,OAAKC,kBAAA,CAAED,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,QACX,aAAW,IAAA,CAAA,KAAA;AAAA,QACZ,QAAA,EAAS;AAAA;QAETE,eAAA,CASgBF,SAAA,CAAAG,iBAAA,CAAA,EAAA;AAAA,UARd,IAAA,EAAA,EAAA;AAAA,UACA,OAAA,EAAA,EAAA;AAAA,UACA,gBAAA,EAAe,WAAA;AAAA,UACd,eAAA,EAAe,WAAA,KAAA,IAAc,MAAA;AAAA,UAC7B,kBAAA,EAAmB,gBAAA;AAAA,UACnB;AAAA;+BAED,MAAQ;AAAA,YAARC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;QAGFC,IAAAA,CAAAA,SAAAA,qBADRN,sBAAA;AAAA,UAKE,MAAA;AAAA,UAAA;AAAA;qBAHI,UAAA;AAAA,YAAJ,GAAA,EAAI,QAAA;AAAA,YACH,KAAA,qBAAOC,SAAA,CAAA,UAAA,CAAU,CAAA;AAAA,YACjB,OAAKC,kBAAA,CAAED,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"content.vue2.js","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    :style=\"contentStyle\"\n    :class=\"ns.e('content')\"\n    :data-side=\"side\"\n    tabindex=\"-1\"\n  >\n    <el-focus-trap\n      loop\n      trapped\n      focus-start-el=\"container\"\n      :focus-trap-el=\"contentRef || undefined\"\n      @release-requested=\"onCloseRequested\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n    >\n      <slot />\n    </el-focus-trap>\n    <span\n      v-if=\"showArrow\"\n      ref=\"arrowRef\"\n      :style=\"arrowStyle\"\n      :class=\"ns.e('arrow')\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits } from './content'\nimport { tourKey, useFloating } from './helper'\n\nimport type { TourContentProps } from './content'\n\ndefineOptions({\n  name: 'ElTourContent',\n})\n\nconst props = withDefaults(defineProps<TourContentProps>(), {\n  placement: 'bottom',\n  reference: null,\n  strategy: 'absolute',\n  offset: 10,\n  zIndex: 2001,\n})\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.placement,\n  () => {\n    placement.value = props.placement\n  }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n  toRef(props, 'reference'),\n  contentRef,\n  arrowRef,\n  placement,\n  strategy,\n  toRef(props, 'offset'),\n  toRef(props, 'zIndex'),\n  toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n  return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n  emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n  if (event.detail.focusReason === 'pointer') {\n    event.preventDefault()\n  }\n}\n</script>\n"],"names":["ref","watch","useFloating","toRef","computed","inject","tourKey","_createElementBlock","_unref","_normalizeClass","_createVNode","ElFocusTrap","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,SAAA,GAAYA,OAAA,CAAI,KAAA,CAAM,SAAS,CAAA;AACrC,IAAA,MAAM,QAAA,GAAWA,OAAA,CAAI,KAAA,CAAM,QAAQ,CAAA;AACnC,IAAA,MAAM,UAAA,GAAaA,QAAwB,IAAI,CAAA;AAC/C,IAAA,MAAM,QAAA,GAAWA,QAAwB,IAAI,CAAA;AAE7C,IAAAC,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,SAAA;AAAA,MACZ,MAAM;AACJ,QAAA,SAAA,CAAU,QAAQ,KAAA,CAAM,SAAA;AAAA,MAC1B;AAAA,KACF;AAEA,IAAA,MAAM,EAAE,YAAA,EAAc,UAAA,EAAW,GAAIC,kBAAA;AAAA,MACnCC,SAAA,CAAM,OAAO,WAAW,CAAA;AAAA,MACxB,UAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACAA,SAAA,CAAM,OAAO,QAAQ,CAAA;AAAA,MACrBA,SAAA,CAAM,OAAO,QAAQ,CAAA;AAAA,MACrBA,SAAA,CAAM,OAAO,WAAW;AAAA,KAC1B;AAEA,IAAA,MAAM,IAAA,GAAOC,aAAS,MAAM;AAC1B,MAAA,OAAO,SAAA,CAAU,KAAA,CAAM,KAAA,CAAM,GAAG,EAAE,CAAC,CAAA;AAAA,IACrC,CAAC,CAAA;AAED,IAAA,MAAM,EAAE,EAAA,EAAG,GAAIC,UAAA,CAAOC,cAAO,CAAA;AAE7B,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,IAAA,CAAK,OAAO,CAAA;AAAA,IACd,CAAA;AAEA,IAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAuB;AAClD,MAAA,IAAI,KAAA,CAAM,MAAA,CAAO,WAAA,KAAgB,SAAA,EAAW;AAC1C,QAAA,KAAA,CAAM,cAAA,EAAe;AAAA,MACvB;AAAA,IACF,CAAA;;8BApFEC,sBAAA,CAuBM,KAAA,EAAA;AAAA,iBAtBA,YAAA;AAAA,QAAJ,GAAA,EAAI,UAAA;AAAA,QACH,KAAA,qBAAOC,SAAA,CAAA,YAAA,CAAY,CAAA;AAAA,QACnB,OAAKC,kBAAA,CAAED,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,QACX,aAAW,IAAA,CAAA,KAAA;AAAA,QACZ,QAAA,EAAS;AAAA;QAETE,eAAA,CASgBF,SAAA,CAAAG,iBAAA,CAAA,EAAA;AAAA,UARd,IAAA,EAAA,EAAA;AAAA,UACA,OAAA,EAAA,EAAA;AAAA,UACA,gBAAA,EAAe,WAAA;AAAA,UACd,eAAA,EAAe,WAAA,KAAA,IAAc,MAAA;AAAA,UAC7B,kBAAA,EAAmB,gBAAA;AAAA,UACnB;AAAA;+BAED,MAAQ;AAAA,YAARC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;QAGF,OAAA,CAAA,SAAA,qBADRL,sBAAA;AAAA,UAKE,MAAA;AAAA,UAAA;AAAA;qBAHI,UAAA;AAAA,YAAJ,GAAA,EAAI,QAAA;AAAA,YACH,KAAA,qBAAOC,SAAA,CAAA,UAAA,CAAU,CAAA;AAAA,YACjB,OAAKC,kBAAA,CAAED,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;;;;;;;;;;;"}

package/lib/components/tour/src/mask.d.ts

@@ -1,5 +1,30 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type { PosInfo } from './types';
+export interface MaskProps {
+    /**
+     * @description mask's zIndex
+     */
+    zIndex?: number;
+    /**
+     * @description whether to show the mask
+     */
+    visible?: boolean;
+    /**
+     * @description mask's fill
+     */
+    fill?: string;
+    /***
+     * @description mask's transparent space position
+     */
+    pos?: PosInfo | null;
+    /**
+     * @description whether the target element can be clickable, when using mask
+     */
+    targetAreaClickable?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `MaskProps` instead.
+ */
 export declare const maskProps: {
     zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     visible: BooleanConstructor;
@@ -12,5 +37,7 @@ export declare const maskProps: {
     };
     targetAreaClickable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
 };
-export type MaskProps = ExtractPropTypes<typeof maskProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `MaskProps` instead.
+ */
 export type MaskPropsPublic = ExtractPublicPropTypes<typeof maskProps>;

package/lib/components/tour/src/mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask.js","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":["buildProps","definePropType"],"mappings":";;;;AAKO,MAAM,YAAYA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIlC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAMC,uBAA+B,MAAM;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAA,EAAqB;AAAA,IACnB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC;;;;"}
+{"version":3,"file":"mask.js","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport interface MaskProps {\n  /**\n   * @description mask's zIndex\n   */\n  zIndex?: number\n  /**\n   * @description whether to show the mask\n   */\n  visible?: boolean\n  /**\n   * @description mask's fill\n   */\n  fill?: string\n  /***\n   * @description mask's transparent space position\n   */\n  pos?: PosInfo | null\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `MaskProps` instead.\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\n/**\n * @deprecated Removed after 3.0.0, Use `MaskProps` instead.\n */\nexport type MaskPropsPublic = ExtractPublicPropTypes<typeof maskProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;AA+BO,MAAM,YAAYA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIlC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAMC,uBAA+B,MAAM;AAAA,GAC7C;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAA,EAAqB;AAAA,IACnB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC;;;;"}

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

@@ -1,30 +1,32 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    visible: BooleanConstructor;
-    fill: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    pos: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => import("./types").PosInfo) | (() => import("./types").PosInfo | null) | ((new (...args: any[]) => import("./types").PosInfo) | (() => import("./types").PosInfo | null))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    targetAreaClickable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    visible: BooleanConstructor;
-    fill: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    pos: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => import("./types").PosInfo) | (() => import("./types").PosInfo | null) | ((new (...args: any[]) => import("./types").PosInfo) | (() => import("./types").PosInfo | null))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    targetAreaClickable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-}>>, {
+import type { MaskProps } from './mask';
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<MaskProps>, {
+    zIndex: number;
     fill: string;
+    targetAreaClickable: boolean;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<MaskProps>, {
     zIndex: number;
-    visible: boolean;
-    targetAreaClickable: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    fill: string;
+    targetAreaClickable: boolean;
+}>>>, {
+    fill: string;
+    zIndex: number;
+    targetAreaClickable: boolean;
 }, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/lib/components/tour/src/mask.vue2.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var core = require('@vueuse/core');
-var mask = require('./mask.js');
 var helper = require('./helper.js');
 var index = require('../../../hooks/use-lockscreen/index.js');
 
@@ -19,7 +18,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   },
   __name: "mask",
-  props: mask.maskProps,
+  props: {
+    zIndex: { type: Number, required: false, default: 1001 },
+    visible: { type: Boolean, required: false },
+    fill: { type: String, required: false, default: "rgba(0,0,0,0.5)" },
+    pos: { type: [Object, null], required: false },
+    targetAreaClickable: { type: Boolean, required: false, default: true }
+  },
   setup(__props) {
     const props = __props;
     const { ns } = vue.inject(helper.tourKey);
@@ -64,7 +69,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ns
     });
     return (_ctx, _cache) => {
-      return _ctx.visible ? (vue.openBlock(), vue.createElementBlock(
+      return __props.visible ? (vue.openBlock(), vue.createElementBlock(
         "div",
         vue.mergeProps({
           key: 0,

package/lib/components/tour/src/mask.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask.vue2.js","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":["inject","tourKey","computed","useWindowSize","useLockscreen","toRef","visible","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_createElementVNode","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"mask.vue2.js","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 { tourKey } from './helper'\n\nimport type { CSSProperties } from 'vue'\nimport type { MaskProps } from './mask'\n\ndefineOptions({\n  name: 'ElTourMask',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MaskProps>(), {\n  zIndex: 1001,\n  fill: 'rgba(0,0,0,0.5)',\n  targetAreaClickable: true,\n})\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":["inject","tourKey","computed","useWindowSize","useLockscreen","toRef","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_createElementVNode","_normalizeClass"],"mappings":"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"}