@element-plus/nightly 0.0.20251217 → 0.0.20251219

package/lib/components/time-select/src/time-select2.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-select2.js","sources":["../../../../../../packages/components/time-select/src/time-select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type TimeSelect from './time-select.vue'\nimport type {\n  CSSProperties,\n  Component,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\n\nexport const timeSelectProps = buildProps({\n  /**\n   * @description set format of time\n   */\n  format: {\n    type: String,\n    default: 'HH:mm',\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the input is editable\n   */\n  editable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description whether to show clear button\n   */\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder: String,\n  /**\n   * @description start time\n   */\n  start: {\n    type: String,\n    default: '09:00',\n  },\n  /**\n   * @description end time\n   */\n  end: {\n    type: String,\n    default: '18:00',\n  },\n  /**\n   * @description time step\n   */\n  step: {\n    type: String,\n    default: '00:30',\n  },\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether `end` is included in options\n   */\n  includeEndTime: Boolean,\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Clock,\n  },\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => CircleClose,\n  },\n  /**\n   * @description custom class name for TimeSelect's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description custom style for TimeSelect's dropdown\n   */\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  ...useEmptyValuesProps,\n} as const)\n\nexport type TimeSelectProps = ExtractPropTypes<typeof timeSelectProps>\nexport type TimeSelectPropsPublic = ExtractPublicPropTypes<\n  typeof timeSelectProps\n>\n\nexport type TimeSelectInstance = InstanceType<typeof TimeSelect> & unknown\n"],"names":["buildProps","definePropType","useSizeProp","Clock","CircleClose","useEmptyValuesProps"],"mappings":";;;;;;;;;AAaO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA,EAIxC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAA8B,MAAM,CAAA;AAAA,GAC5C;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAMA,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAAC,iBAAA;AAAA,EAIN,WAAa,EAAA,MAAA;AAAA,EAIb,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMD,uBAA8B,MAAM,CAAA;AAAA,GAC5C;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA8B,MAAM,CAAA;AAAA,GAC5C;AAAA,EAIA,cAAgB,EAAA,OAAA;AAAA,EAIhB,IAAM,EAAA,MAAA;AAAA,EAIN,UAAY,EAAA;AAAA,IACV,IAAM,EAAAA,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,SAAS,MAAME,cAAA;AAAA,GACjB;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAAF,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,SAAS,MAAMG,oBAAA;AAAA,GACjB;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAAH,sBAAA,CAAuC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GAC/D;AAAA,EACA,GAAGI,2BAAA;AACL,CAAU;;;;"}
+{"version":3,"file":"time-select2.js","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { timeSelectProps } from './time-select'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = defineProps(timeSelectProps)\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n  const time = parseTime(props.start)\n  return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n  const time = parseTime(props.end)\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n  const time = parseTime(props.step)\n  return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n  const result: { value: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  if (props.start && props.end && props.step) {\n    let current = start.value\n    let currentTime: string\n    while (current && end.value && compareTime(current, end.value) <= 0) {\n      currentTime = dayjs(current, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(currentTime, current)\n      current = nextTime(current, step.value!)\n    }\n    if (\n      props.includeEndTime &&\n      end.value &&\n      result[result.length - 1]?.value !== end.value\n    ) {\n      const formattedValue = dayjs(end.value, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(formattedValue, end.value)\n    }\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"names":["dayjs","customParseFormat","ElSelect","useNamespace","ref","useFormDisabled","useLocale","computed","parseTime","formatTime","compareTime","nextTime","_createBlock","_unref","clearable","clearIcon","size","effect","placeholder","editable","emptyValues","valueOnClear","popperClass","popperStyle","event","$emit","_withCtx","prefixIcon","ElIcon","_normalizeClass","_openBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList"],"mappings":"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"}

package/lib/components/tour/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tour$1 = require('./src/tour2.js');
-var step$1 = require('./src/step.js');
+var step$1 = require('./src/step2.js');
 var tour = require('./src/tour.js');
-var step = require('./src/step2.js');
+var step = require('./src/step.js');
 var content = require('./src/content.js');
 var install = require('../../utils/vue/install.js');
 

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

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

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,kBAAW,CAAA;AAAA,EAIlC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AAAA,EAIT,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,iBAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAA,EAAMC,uBAA+B,MAAM,CAAA;AAAA,GAC7C;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"mask.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","_normalizeStyle"],"mappings":"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"}

package/lib/components/tour/src/mask2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"mask2.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","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"mask2.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,kBAAW,CAAA;AAAA,EAIlC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AAAA,EAIT,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,iBAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAA,EAAMC,uBAA+B,MAAM,CAAA;AAAA,GAC7C;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/lib/components/tour/src/step.js

@@ -2,264 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var lodashUnified = require('lodash-unified');
-var index$2 = require('../../button/index.js');
-var index$1 = require('../../icon/index.js');
-var step = require('./step2.js');
-var helper = require('./helper.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
+var content = require('./content.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 var icon = require('../../../utils/vue/icon.js');
-var event = require('../../../utils/dom/event.js');
-var aria = require('../../../constants/aria.js');
 
-const _hoisted_1 = ["aria-label"];
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElTourStep"
+const tourStepProps = runtime.buildProps({
+  target: {
+    type: runtime.definePropType([String, Object, Function])
   },
-  __name: "step",
-  props: step.tourStepProps,
-  emits: step.tourStepEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { Close } = icon.CloseComponents;
-    const { t } = index.useLocale();
-    const {
-      currentStep,
-      current,
-      total,
-      showClose,
-      closeIcon,
-      mergedType,
-      ns,
-      slots: tourSlots,
-      updateModelValue,
-      onClose: tourOnClose,
-      onFinish: tourOnFinish,
-      onChange
-    } = vue.inject(helper.tourKey);
-    vue.watch(
-      props,
-      (val) => {
-        currentStep.value = val;
-      },
-      {
-        immediate: true
-      }
-    );
-    const mergedShowClose = vue.computed(() => {
-      var _a;
-      return (_a = props.showClose) != null ? _a : showClose.value;
-    });
-    const mergedCloseIcon = vue.computed(
-      () => {
-        var _a, _b;
-        return (_b = (_a = props.closeIcon) != null ? _a : closeIcon.value) != null ? _b : Close;
-      }
-    );
-    const filterButtonProps = (btnProps) => {
-      if (!btnProps)
-        return;
-      return lodashUnified.omit(btnProps, ["children", "onClick"]);
-    };
-    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");
-    };
-    const handleKeydown = (e) => {
-      const target = e.target;
-      if (target == null ? void 0 : target.isContentEditable)
-        return;
-      const code = event.getEventCode(e);
-      switch (code) {
-        case aria.EVENT_CODE.left:
-          e.preventDefault();
-          current.value > 0 && onPrev();
-          break;
-        case aria.EVENT_CODE.right:
-          e.preventDefault();
-          onNext();
-          break;
-      }
-    };
-    vue.onMounted(() => {
-      window.addEventListener("keydown", handleKeydown);
-    });
-    vue.onBeforeUnmount(() => {
-      window.removeEventListener("keydown", handleKeydown);
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        vue.Fragment,
-        null,
-        [
-          mergedShowClose.value ? (vue.openBlock(), vue.createElementBlock("button", {
-            key: 0,
-            "aria-label": vue.unref(t)("el.tour.close"),
-            class: vue.normalizeClass(vue.unref(ns).e("closebtn")),
-            type: "button",
-            onClick: onClose
-          }, [
-            vue.createVNode(vue.unref(index$1.ElIcon), {
-              class: vue.normalizeClass(vue.unref(ns).e("close"))
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(mergedCloseIcon.value)))
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ], 10, _hoisted_1)) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode(
-            "header",
-            {
-              class: vue.normalizeClass([vue.unref(ns).e("header"), { "show-close": vue.unref(showClose) }])
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                vue.createElementVNode(
-                  "span",
-                  {
-                    role: "heading",
-                    class: vue.normalizeClass(vue.unref(ns).e("title"))
-                  },
-                  vue.toDisplayString(_ctx.title),
-                  3
-                )
-              ])
-            ],
-            2
-          ),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("body"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createElementVNode(
-                  "span",
-                  null,
-                  vue.toDisplayString(_ctx.description),
-                  1
-                )
-              ])
-            ],
-            2
-          ),
-          vue.createElementVNode(
-            "footer",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("footer"))
-            },
-            [
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(vue.unref(ns).b("indicators"))
-                },
-                [
-                  vue.unref(tourSlots).indicators ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tourSlots).indicators), {
-                    key: 0,
-                    current: vue.unref(current),
-                    total: vue.unref(total)
-                  }, null, 8, ["current", "total"])) : (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    { key: 1 },
-                    vue.renderList(vue.unref(total), (item, index) => {
-                      return vue.openBlock(), vue.createElementBlock(
-                        "span",
-                        {
-                          key: item,
-                          class: vue.normalizeClass([vue.unref(ns).b("indicator"), vue.unref(ns).is("active", index === vue.unref(current))])
-                        },
-                        null,
-                        2
-                      );
-                    }),
-                    128
-                  ))
-                ],
-                2
-              ),
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(vue.unref(ns).b("buttons"))
-                },
-                [
-                  vue.unref(current) > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElButton), vue.mergeProps({
-                    key: 0,
-                    size: "small",
-                    type: vue.unref(mergedType)
-                  }, filterButtonProps(_ctx.prevButtonProps), { onClick: onPrev }), {
-                    default: vue.withCtx(() => {
-                      var _a, _b;
-                      return [
-                        vue.createTextVNode(
-                          vue.toDisplayString((_b = (_a = _ctx.prevButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(t)("el.tour.previous")),
-                          1
-                        )
-                      ];
-                    }),
-                    _: 1
-                  }, 16, ["type"])) : vue.createCommentVNode("v-if", true),
-                  vue.unref(current) <= vue.unref(total) - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElButton), vue.mergeProps({
-                    key: 1,
-                    size: "small",
-                    type: vue.unref(mergedType) === "primary" ? "default" : "primary"
-                  }, filterButtonProps(_ctx.nextButtonProps), { onClick: onNext }), {
-                    default: vue.withCtx(() => {
-                      var _a, _b;
-                      return [
-                        vue.createTextVNode(
-                          vue.toDisplayString((_b = (_a = _ctx.nextButtonProps) == null ? void 0 : _a.children) != null ? _b : vue.unref(current) === vue.unref(total) - 1 ? vue.unref(t)("el.tour.finish") : vue.unref(t)("el.tour.next")),
-                          1
-                        )
-                      ];
-                    }),
-                    _: 1
-                  }, 16, ["type"])) : vue.createCommentVNode("v-if", true)
-                ],
-                2
-              )
-            ],
-            2
-          )
-        ],
-        64
-      );
-    };
+  title: String,
+  description: String,
+  showClose: {
+    type: Boolean,
+    default: void 0
+  },
+  closeIcon: {
+    type: icon.iconPropType
+  },
+  showArrow: {
+    type: Boolean,
+    default: void 0
+  },
+  placement: content.tourContentProps.placement,
+  mask: {
+    type: runtime.definePropType([Boolean, Object]),
+    default: void 0
+  },
+  contentStyle: {
+    type: runtime.definePropType([Object])
+  },
+  prevButtonProps: {
+    type: runtime.definePropType(Object)
+  },
+  nextButtonProps: {
+    type: runtime.definePropType(Object)
+  },
+  scrollIntoViewOptions: {
+    type: runtime.definePropType([Boolean, Object]),
+    default: void 0
+  },
+  type: {
+    type: runtime.definePropType(String)
   }
 });
-var TourStep = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tour/src/step.vue"]]);
+const tourStepEmits = {
+  close: () => true
+};
 
-exports["default"] = TourStep;
+exports.tourStepEmits = tourStepEmits;
+exports.tourStepProps = tourStepProps;
 //# sourceMappingURL=step.js.map