@element-plus/nightly 0.0.20231226 → 0.0.20231227

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

@@ -0,0 +1,163 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, Fragment, unref, normalizeClass, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, renderSlot, toDisplayString, renderList, mergeProps, createTextVNode } from 'vue';
+import { ElButton } from '../../button/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../utils/index.mjs';
+import '../../../hooks/index.mjs';
+import { tourStepProps, tourStepEmits } from './step.mjs';
+import { tourKey } from './helper.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { CloseComponents } from '../../../utils/vue/icon.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+
+const __default__ = defineComponent({
+  name: "ElTourStep"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: tourStepProps,
+  emits: tourStepEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const { Close } = CloseComponents;
+    const { t } = useLocale();
+    const {
+      current,
+      total,
+      showClose,
+      closeIcon,
+      mergedType,
+      ns,
+      slots: tourSlots,
+      updateModelValue,
+      onClose: tourOnClose,
+      onFinish: tourOnFinish,
+      onChange
+    } = inject(tourKey);
+    const mergedShowClose = computed(() => {
+      var _a;
+      return (_a = props.showClose) != null ? _a : showClose.value;
+    });
+    const mergedCloseIcon = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.closeIcon) != null ? _a : closeIcon.value) != null ? _b : Close;
+    });
+    const onPrev = () => {
+      var _a, _b;
+      current.value -= 1;
+      if ((_a = props.prevButtonProps) == null ? void 0 : _a.onClick) {
+        (_b = props.prevButtonProps) == null ? void 0 : _b.onClick();
+      }
+      onChange();
+    };
+    const onNext = () => {
+      var _a;
+      if (current.value >= total.value - 1) {
+        onFinish();
+      } else {
+        current.value += 1;
+      }
+      if ((_a = props.nextButtonProps) == null ? void 0 : _a.onClick) {
+        props.nextButtonProps.onClick();
+      }
+      onChange();
+    };
+    const onFinish = () => {
+      onClose();
+      tourOnFinish();
+    };
+    const onClose = () => {
+      updateModelValue(false);
+      tourOnClose();
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(mergedShowClose) ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          "aria-label": "Close",
+          class: normalizeClass(unref(ns).e("closebtn")),
+          type: "button",
+          onClick: onClose
+        }, [
+          createVNode(unref(ElIcon), {
+            class: normalizeClass(unref(ns).e("close"))
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(mergedCloseIcon))))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 2)) : createCommentVNode("v-if", true),
+        createElementVNode("header", {
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            createElementVNode("span", {
+              role: "heading",
+              class: normalizeClass(unref(ns).e("title"))
+            }, toDisplayString(_ctx.title), 3)
+          ])
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("body"))
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createElementVNode("span", null, toDisplayString(_ctx.description), 1)
+          ])
+        ], 2),
+        createElementVNode("footer", {
+          class: normalizeClass(unref(ns).e("footer"))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).b("indicators"))
+          }, [
+            unref(tourSlots).indicators ? (openBlock(), createBlock(resolveDynamicComponent(unref(tourSlots).indicators), {
+              key: 0,
+              current: unref(current),
+              total: unref(total)
+            }, null, 8, ["current", "total"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(total), (item, index) => {
+              return openBlock(), createElementBlock("span", {
+                key: item,
+                class: normalizeClass([unref(ns).b("indicator"), index === unref(current) ? "is-active" : ""])
+              }, null, 2);
+            }), 128))
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).b("buttons"))
+          }, [
+            unref(current) > 0 ? (openBlock(), createBlock(unref(ElButton), mergeProps({
+              key: 0,
+              size: "small",
+              type: unref(mergedType)
+            }, _ctx.prevButtonProps, { onClick: onPrev }), {
+              default: withCtx(() => {
+                var _a, _b;
+                return [
+                  createTextVNode(toDisplayString((_b = (_a = _ctx.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(t)("el.tour.previous")), 1)
+                ];
+              }),
+              _: 1
+            }, 16, ["type"])) : createCommentVNode("v-if", true),
+            unref(current) <= unref(total) - 1 ? (openBlock(), createBlock(unref(ElButton), mergeProps({
+              key: 1,
+              size: "small",
+              type: unref(mergedType) === "primary" ? "default" : "primary"
+            }, _ctx.nextButtonProps, { onClick: onNext }), {
+              default: withCtx(() => {
+                var _a, _b;
+                return [
+                  createTextVNode(toDisplayString(((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : unref(current) === unref(total) - 1) ? unref(t)("el.tour.finish") : unref(t)("el.tour.next")), 1)
+                ];
+              }),
+              _: 1
+            }, 16, ["type"])) : createCommentVNode("v-if", true)
+          ], 2)
+        ], 2)
+      ], 64);
+    };
+  }
+});
+var TourStep = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "step.vue"]]);
+
+export { TourStep as default };
+//# sourceMappingURL=step2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step2.mjs","sources":["../../../../../../packages/components/tour/src/step.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"mergedShowClose\"\n    aria-label=\"Close\"\n    :class=\"ns.e('closebtn')\"\n    type=\"button\"\n    @click=\"onClose\"\n  >\n    <el-icon :class=\"ns.e('close')\">\n      <component :is=\"mergedCloseIcon\" />\n    </el-icon>\n  </button>\n  <header :class=\"ns.e('header')\">\n    <slot name=\"header\">\n      <span role=\"heading\" :class=\"ns.e('title')\">\n        {{ title }}\n      </span>\n    </slot>\n  </header>\n  <div :class=\"ns.e('body')\">\n    <slot>\n      <span>{{ description }}</span>\n    </slot>\n  </div>\n  <footer :class=\"ns.e('footer')\">\n    <div :class=\"ns.b('indicators')\">\n      <component\n        :is=\"tourSlots.indicators\"\n        v-if=\"tourSlots.indicators\"\n        :current=\"current\"\n        :total=\"total\"\n      />\n      <template v-else>\n        <span\n          v-for=\"(item, index) in total\"\n          :key=\"item\"\n          :class=\"[ns.b('indicator'), index === current ? 'is-active' : '']\"\n        />\n      </template>\n    </div>\n    <div :class=\"ns.b('buttons')\">\n      <el-button\n        v-if=\"current > 0\"\n        size=\"small\"\n        :type=\"mergedType\"\n        v-bind=\"prevButtonProps\"\n        @click=\"onPrev\"\n      >\n        {{ prevButtonProps?.children ?? t('el.tour.previous') }}\n      </el-button>\n      <el-button\n        v-if=\"current <= total - 1\"\n        size=\"small\"\n        :type=\"mergedType === 'primary' ? 'default' : 'primary'\"\n        v-bind=\"nextButtonProps\"\n        @click=\"onNext\"\n      >\n        {{\n          nextButtonProps?.children ?? current === total - 1\n            ? t('el.tour.finish')\n            : t('el.tour.next')\n        }}\n      </el-button>\n    </div>\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents } from '@element-plus/utils'\nimport { useLocale } from '@element-plus/hooks'\nimport { tourStepEmits, tourStepProps } from './step'\nimport { tourKey } from './helper'\n\ndefineOptions({\n  name: 'ElTourStep',\n})\n\nconst props = defineProps(tourStepProps)\nconst emit = defineEmits(tourStepEmits)\n\nconst { Close } = CloseComponents\n\nconst { t } = useLocale()\n\nconst {\n  current,\n  total,\n  showClose,\n  closeIcon,\n  mergedType,\n  ns,\n  slots: tourSlots,\n  updateModelValue,\n  onClose: tourOnClose,\n  onFinish: tourOnFinish,\n  onChange,\n} = inject(tourKey)!\n\nconst mergedShowClose = computed(() => props.showClose ?? showClose.value)\nconst mergedCloseIcon = computed(\n  () => props.closeIcon ?? closeIcon.value ?? Close\n)\n\nconst onPrev = () => {\n  current.value -= 1\n  if (props.prevButtonProps?.onClick) {\n    props.prevButtonProps?.onClick()\n  }\n  onChange()\n}\n\nconst onNext = () => {\n  if (current.value >= total.value - 1) {\n    onFinish()\n  } else {\n    current.value += 1\n  }\n  if (props.nextButtonProps?.onClick) {\n    props.nextButtonProps.onClick()\n  }\n  onChange()\n}\n\nconst onFinish = () => {\n  onClose()\n  tourOnFinish()\n}\n\nconst onClose = () => {\n  updateModelValue(false)\n  tourOnClose()\n  emit('close')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;mCA4Ec,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,eAAA,CAAA;AAElB,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAExB,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,EAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACP,gBAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,QAAU,EAAA,YAAA;AAAA,MACV,QAAA;AAAA,KAAA,GACE,OAAO,OAAO,CAAA,CAAA;AAElB,IAAA,MAAM,kBAAkB,QAAS,CAAA,MAAM;AACvC,MAAA,IAAM;AAIN,MAAA,aAAe,KAAM,CAAA,SAAA,KAAA,IAAA,GAAA,EAAA,GAAA,SAAA,CAAA,KAAA,CAAA;AACnB,KAAA,CAAA,CAAA;AACA,IAAI,MAAA,0BAAgC,CAAA,MAAA;AAClC,MAAA,IAAA,EAAA,EAAM;AAAyB,MACjC,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA;AACA,KAAS,CAAA,CAAA;AAAA,IACX,MAAA,MAAA,GAAA,MAAA;AAEA,MAAA,IAAM;AACJ,MAAA,OAAY,CAAA,KAAA,IAAA,CAAA,CAAA;AACV,MAAS,IAAA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAAA,QACJ,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA,CAAA;AACL,OAAA;AAAiB,MACnB,QAAA,EAAA,CAAA;AACA,KAAI,CAAA;AACF,IAAA,MAAA;AAA8B,MAChC,IAAA,EAAA,CAAA;AACA,MAAS,IAAA,OAAA,CAAA,KAAA,IAAA,KAAA,CAAA,KAAA,GAAA,CAAA,EAAA;AAAA,QACX,QAAA,EAAA,CAAA;AAEA,OAAA;AACE,QAAQ,OAAA,CAAA,KAAA,IAAA,CAAA,CAAA;AACR,OAAa;AAAA,MACf,IAAA,CAAA,EAAA,GAAA,KAAA,CAAA,eAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA;AAEA,QAAA,qBAAsB,CAAA,OAAA,EAAA,CAAA;AACpB,OAAA;AACA,MAAY,QAAA,EAAA,CAAA;AACZ,KAAA,CAAA;AAAY,IACd,MAAA,QAAA,GAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tour/src/steps.d.ts

@@ -0,0 +1,19 @@
+import type { VNode } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    current: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update-steps"[], "update-steps", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    current: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    "onUpdate-steps"?: ((...args: any[]) => any) | undefined;
+}, {
+    current: number;
+}>;
+export default _default;

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

@@ -0,0 +1,52 @@
+import { defineComponent } from 'vue';
+import '../../../utils/index.mjs';
+import { getNormalizedProps, isSameSteps } from './helper.mjs';
+import { isArray } from '@vue/shared';
+import { flattedChildren } from '../../../utils/vue/vnode.mjs';
+
+var ElTourSteps = defineComponent({
+  name: "ElTourSteps",
+  props: {
+    current: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["update-steps"],
+  setup(props, { slots, emit }) {
+    let cachedSteps = [];
+    return () => {
+      var _a, _b;
+      const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const filteredSteps = [];
+      const result = [];
+      function filterSteps(children2) {
+        if (!isArray(children2))
+          return;
+        children2.forEach((item) => {
+          var _a2;
+          const name = (_a2 = (item == null ? void 0 : item.type) || {}) == null ? void 0 : _a2.name;
+          if (name === "ElTourStep") {
+            const booleanKeys = ["showArrow", "mask", "scrollIntoViewOptions"];
+            filteredSteps.push(getNormalizedProps(item, booleanKeys));
+            result.push(item);
+          }
+        });
+      }
+      if (children.length) {
+        filterSteps(flattedChildren((_b = children[0]) == null ? void 0 : _b.children));
+      }
+      if (!isSameSteps(filteredSteps, cachedSteps)) {
+        cachedSteps = filteredSteps;
+        emit("update-steps", filteredSteps);
+      }
+      if (result.length) {
+        return result[props.current];
+      }
+      return null;
+    };
+  }
+});
+
+export { ElTourSteps as default };
+//# sourceMappingURL=steps.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.mjs","sources":["../../../../../../packages/components/tour/src/steps.ts"],"sourcesContent":["import { defineComponent } from 'vue'\nimport { flattedChildren, isArray } from '@element-plus/utils'\nimport { getNormalizedProps, isSameSteps } from './helper'\nimport type { FlattenVNodes } from '@element-plus/utils'\nimport type { Component, VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ElTourSteps',\n  props: {\n    current: {\n      type: Number,\n      default: 0,\n    },\n  },\n  emits: ['update-steps'],\n  setup(props, { slots, emit }) {\n    let cachedSteps: any[] = []\n\n    return () => {\n      const children = slots.default?.()!\n      const filteredSteps: any[] = []\n      const result: VNode[] = []\n\n      function filterSteps(children?: FlattenVNodes) {\n        if (!isArray(children)) return\n        ;(children as VNode[]).forEach((item) => {\n          const name = ((item?.type || {}) as Component)?.name\n\n          if (name === 'ElTourStep') {\n            const booleanKeys = ['showArrow', 'mask', 'scrollIntoViewOptions']\n            filteredSteps.push(getNormalizedProps(item, booleanKeys))\n            result.push(item)\n          }\n        })\n      }\n\n      if (children.length) {\n        filterSteps(flattedChildren(children![0]?.children))\n      }\n\n      if (!isSameSteps(filteredSteps, cachedSteps)) {\n        cachedSteps = filteredSteps\n        emit('update-steps', filteredSteps)\n      }\n\n      if (result.length) {\n        return result[props.current]\n      }\n      return null\n    }\n  },\n})\n"],"names":[],"mappings":";;;;;;AAGA,kBAAe,eAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,aAAa;AACrB,EAAE,KAAK,EAAE;AACT,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,MAAM;AAClB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,GAAG;AACH,EAAE,KAAK,EAAE,CAAC,cAAc,CAAC;AACzB,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;AAChC,IAAI,IAAI,WAAW,GAAG,EAAE,CAAC;AACzB,IAAI,OAAO,MAAM;AACjB,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC9E,MAAM,MAAM,aAAa,GAAG,EAAE,CAAC;AAC/B,MAAM,MAAM,MAAM,GAAG,EAAE,CAAC;AACxB,MAAM,SAAS,WAAW,CAAC,SAAS,EAAE;AACtC,QAAQ,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;AAC/B,UAAU,OAAO;AACjB,QAAQ,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AACpC,UAAU,IAAI,GAAG,CAAC;AAClB,UAAU,MAAM,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,KAAK,EAAE,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC;AACrG,UAAU,IAAI,IAAI,KAAK,YAAY,EAAE;AACrC,YAAY,MAAM,WAAW,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,uBAAuB,CAAC,CAAC;AAC/E,YAAY,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;AACtE,YAAY,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9B,WAAW;AACX,SAAS,CAAC,CAAC;AACX,OAAO;AACP,MAAM,IAAI,QAAQ,CAAC,MAAM,EAAE;AAC3B,QAAQ,WAAW,CAAC,eAAe,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACxF,OAAO;AACP,MAAM,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,WAAW,CAAC,EAAE;AACpD,QAAQ,WAAW,GAAG,aAAa,CAAC;AACpC,QAAQ,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;AAC5C,OAAO;AACP,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE;AACzB,QAAQ,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACrC,OAAO;AACP,MAAM,OAAO,IAAI,CAAC;AAClB,KAAK,CAAC;AACN,GAAG;AACH,CAAC,CAAC;;;;"}

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

@@ -0,0 +1,55 @@
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type Tour from './tour.vue';
+import type { TourGap, TourMask } from './types';
+export declare const tourProps: {
+    modelValue: BooleanConstructor;
+    current: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    showArrow: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    closeIcon: {
+        readonly type: import("vue").PropType<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 required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    placement: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement) | ((new (...args: any[]) => import("@floating-ui/core").Placement & {}) | (() => import("@floating-ui/core").Placement))[], "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+    contentStyle: {
+        readonly type: import("vue").PropType<CSSProperties>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    mask: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => TourMask & {}) | (() => TourMask) | ((new (...args: any[]) => TourMask & {}) | (() => TourMask))[], unknown, unknown, boolean, boolean>;
+    gap: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => TourGap) | (() => TourGap) | ((new (...args: any[]) => TourGap) | (() => TourGap))[], unknown, unknown, () => {
+        offset: number;
+        radius: number;
+    }, boolean>;
+    zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollIntoViewOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (boolean | ScrollIntoViewOptions) & {}) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => (boolean | ScrollIntoViewOptions) & {}) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, () => {
+        block: string;
+    }, boolean>;
+    type: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut") | ((new (...args: any[]) => ("primary" | "defalut") & {}) | (() => "primary" | "defalut"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    appendTo: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, string, boolean>;
+    closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    targetAreaClickable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+};
+export declare type TourProps = ExtractPropTypes<typeof tourProps>;
+export declare type TourInstance = InstanceType<typeof Tour>;
+export declare const tourEmits: {
+    "update:modelValue": (value: boolean) => boolean;
+    "update:current": (current: number) => boolean;
+    close: (current: number) => boolean;
+    finish: () => boolean;
+    change: (current: number) => boolean;
+};
+export declare type TourEmits = typeof tourEmits;

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

@@ -0,0 +1,75 @@
+import '../../../utils/index.mjs';
+import '../../../constants/index.mjs';
+import { tourContentProps } from './content.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { isBoolean, isNumber } from '../../../utils/types.mjs';
+
+const tourProps = buildProps({
+  modelValue: Boolean,
+  current: {
+    type: Number,
+    default: 0
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  showClose: {
+    type: Boolean,
+    default: true
+  },
+  closeIcon: {
+    type: iconPropType
+  },
+  placement: tourContentProps.placement,
+  contentStyle: {
+    type: definePropType([Object])
+  },
+  mask: {
+    type: definePropType([Boolean, Object]),
+    default: true
+  },
+  gap: {
+    type: definePropType(Object),
+    default: () => ({
+      offset: 6,
+      radius: 2
+    })
+  },
+  zIndex: {
+    type: Number
+  },
+  scrollIntoViewOptions: {
+    type: definePropType([Boolean, Object]),
+    default: () => ({
+      block: "center"
+    })
+  },
+  type: {
+    type: definePropType(String)
+  },
+  appendTo: {
+    type: definePropType([String, Object]),
+    default: "body"
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true
+  },
+  targetAreaClickable: {
+    type: Boolean,
+    default: true
+  }
+});
+const tourEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => isBoolean(value),
+  ["update:current"]: (current) => isNumber(current),
+  close: (current) => isNumber(current),
+  finish: () => true,
+  change: (current) => isNumber(current)
+};
+
+export { tourEmits, tourProps };
+//# sourceMappingURL=tour.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tour.mjs","sources":["../../../../../../packages/components/tour/src/tour.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { tourContentProps } from './content'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type Tour from './tour.vue'\nimport type { TourGap, TourMask } from './types'\n\nexport const tourProps = buildProps({\n  /**\n   * @description open tour\n   */\n  modelValue: Boolean,\n  /**\n   * @description what is the current step\n   */\n  current: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description custom close icon\n   */\n  closeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: tourContentProps.placement,\n  /**\n   * @description custom style for content\n   */\n  contentStyle: {\n    type: definePropType<CSSProperties>([Object]),\n  },\n  /**\n   * @description whether to enable masking, change mask style and fill color by pass custom props\n   */\n  mask: {\n    type: definePropType<TourMask>([Boolean, Object]),\n    default: true,\n  },\n  /**\n   * @description transparent gap between mask and target\n   */\n  gap: {\n    type: definePropType<TourGap>(Object),\n    default: () => ({\n      offset: 6,\n      radius: 2,\n    }),\n  },\n  /**\n   * @description tour's zIndex\n   */\n  zIndex: {\n    type: Number,\n  },\n  /**\n   * @description support pass custom scrollIntoView options\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<boolean | ScrollIntoViewOptions>([Boolean, Object]),\n    default: () => ({\n      block: 'center',\n    }),\n  },\n  /**\n   * @description type, affects the background color and text color\n   */\n  type: {\n    type: definePropType<'defalut' | 'primary'>(String),\n  },\n  /**\n   * @description which element the TourContent appends to\n   */\n  appendTo: {\n    type: definePropType<string | HTMLElement>([String, Object]),\n    default: 'body',\n  },\n  /**\n   * @description whether the Tour can be closed by pressing ESC\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\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 TourProps = ExtractPropTypes<typeof tourProps>\nexport type TourInstance = InstanceType<typeof Tour>\n\nexport const tourEmits = {\n  [UPDATE_MODEL_EVENT]: (value: boolean) => isBoolean(value),\n  ['update:current']: (current: number) => isNumber(current),\n  close: (current: number) => isNumber(current),\n  finish: () => true,\n  change: (current: number) => isNumber(current),\n}\nexport type TourEmits = typeof tourEmits\n"],"names":[],"mappings":";;;;;;;;AASY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,SAAS,EAAE,gBAAgB,CAAC,SAAS;AACvC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,MAAM,EAAE,CAAC;AACf,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,qBAAqB,EAAE;AACzB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC3C,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,KAAK,EAAE,QAAQ;AACrB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC;AACnD,EAAE,CAAC,gBAAgB,GAAG,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACpD,EAAE,KAAK,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACvC,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB,EAAE,MAAM,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC;AACxC;;;;"}