@voicenter-team/voicenter-ui-plus 1.1.21 → 2.0.1

package/library/VcTour-DE5ioKMo.mjs

@@ -1,1068 +0,0 @@
-import { isRef, computed, watch, onScopeDispose, ref, onMounted, onBeforeUnmount, unref, watchEffect, defineComponent, inject, toRef, createElementBlock, createCommentVNode, openBlock, mergeProps, createElementVNode, normalizeStyle, normalizeClass, createVNode, withCtx, renderSlot, useSlots, provide, Fragment, createBlock, resolveDynamicComponent, toDisplayString, renderList, createTextVNode, createSlots } from "vue";
-import { bl as baseGet, bm as castPath, bn as toKey, bo as flatRest, bp as arrayMap, h as copyObject, bq as getAllKeysIn, br as baseClone, bs as throwError, aC as useNamespace, bt as isClient, bu as hasClass, aS as addClass, bv as getScrollBarWidth, bw as getStyle, aR as removeClass, aE as buildProps, a_ as definePropType, aK as isArray, aN as isString, aM as isFunction, bx as keysOf, aB as _export_sfc, by as useWindowSize, bz as ElFocusTrap, bA as flattedChildren, bB as isNumber, aJ as isBoolean, b8 as UPDATE_MODEL_EVENT, bC as teleportProps, aZ as iconPropType, bD as useVModel, z as useZIndex, b9 as CHANGE_EVENT, bE as ElTeleport, a$ as useLocale, bF as CloseComponents, aU as ElIcon, bh as ElButton, aY as EVENT_CODE, aD as withInstall, bG as withNoopInstall, u as useVModel$1 } from "./entry-EvdwF4XL.mjs";
-import { i as isPlainObject, o as offset, f as flip, s as shift, a as arrow, b as autoUpdate, d as detectOverflow, c as computePosition } from "./floating-ui.dom-CfpJisRd.mjs";
-function baseSlice(array, start, end) {
-  var index = -1, length = array.length;
-  if (start < 0) {
-    start = -start > length ? 0 : length + start;
-  }
-  end = end > length ? length : end;
-  if (end < 0) {
-    end += length;
-  }
-  length = start > end ? 0 : end - start >>> 0;
-  start >>>= 0;
-  var result = Array(length);
-  while (++index < length) {
-    result[index] = array[index + start];
-  }
-  return result;
-}
-function last(array) {
-  var length = array == null ? 0 : array.length;
-  return length ? array[length - 1] : void 0;
-}
-function parent(object, path) {
-  return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));
-}
-function baseUnset(object, path) {
-  path = castPath(path, object);
-  object = parent(object, path);
-  return object == null || delete object[toKey(last(path))];
-}
-function customOmitClone(value) {
-  return isPlainObject(value) ? void 0 : value;
-}
-var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4;
-var omit = flatRest(function(object, paths) {
-  var result = {};
-  if (object == null) {
-    return result;
-  }
-  var isDeep = false;
-  paths = arrayMap(paths, function(path) {
-    path = castPath(path, object);
-    isDeep || (isDeep = path.length > 1);
-    return path;
-  });
-  copyObject(object, getAllKeysIn(object), result);
-  if (isDeep) {
-    result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
-  }
-  var length = paths.length;
-  while (length--) {
-    baseUnset(result, paths[length]);
-  }
-  return result;
-});
-const useLockscreen = (trigger, options = {}) => {
-  if (!isRef(trigger)) {
-    throwError("[useLockscreen]", "You need to pass a ref param to this function");
-  }
-  const ns = options.ns || useNamespace("popup");
-  const hiddenCls = computed(() => ns.bm("parent", "hidden"));
-  if (!isClient || hasClass(document.body, hiddenCls.value)) {
-    return;
-  }
-  let scrollBarWidth = 0;
-  let withoutHiddenClass = false;
-  let bodyWidth = "0";
-  const cleanup = () => {
-    setTimeout(() => {
-      if (typeof document === "undefined")
-        return;
-      if (withoutHiddenClass && document) {
-        document.body.style.width = bodyWidth;
-        removeClass(document.body, hiddenCls.value);
-      }
-    }, 200);
-  };
-  watch(trigger, (val) => {
-    if (!val) {
-      cleanup();
-      return;
-    }
-    withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
-    if (withoutHiddenClass) {
-      bodyWidth = document.body.style.width;
-      addClass(document.body, hiddenCls.value);
-    }
-    scrollBarWidth = getScrollBarWidth(ns.namespace.value);
-    const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-    const bodyOverflowY = getStyle(document.body, "overflowY");
-    if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
-      document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
-    }
-  });
-  onScopeDispose(() => cleanup());
-};
-const maskProps = buildProps({
-  zIndex: {
-    type: Number,
-    default: 1001
-  },
-  visible: Boolean,
-  fill: {
-    type: String,
-    default: "rgba(0,0,0,0.5)"
-  },
-  pos: {
-    type: definePropType(Object)
-  },
-  targetAreaClickable: {
-    type: Boolean,
-    default: true
-  }
-});
-const useTarget = (target, open, gap, mergedMask, scrollIntoViewOptions) => {
-  const posInfo = ref(null);
-  const getTargetEl = () => {
-    let targetEl;
-    if (isString(target.value)) {
-      targetEl = document.querySelector(target.value);
-    } else if (isFunction(target.value)) {
-      targetEl = target.value();
-    } else {
-      targetEl = target.value;
-    }
-    return targetEl;
-  };
-  const updatePosInfo = () => {
-    const targetEl = getTargetEl();
-    if (!targetEl || !open.value) {
-      posInfo.value = null;
-      return;
-    }
-    if (!isInViewPort(targetEl)) {
-      targetEl.scrollIntoView(scrollIntoViewOptions.value);
-    }
-    const { left, top, width, height } = targetEl.getBoundingClientRect();
-    posInfo.value = {
-      left,
-      top,
-      width,
-      height,
-      radius: 0
-    };
-  };
-  onMounted(() => {
-    watch([open, target], () => {
-      updatePosInfo();
-    }, {
-      immediate: true
-    });
-    window.addEventListener("resize", updatePosInfo);
-  });
-  onBeforeUnmount(() => {
-    window.removeEventListener("resize", updatePosInfo);
-  });
-  const getGapOffset = (index) => {
-    var _a;
-    return (_a = isArray(gap.value.offset) ? gap.value.offset[index] : gap.value.offset) != null ? _a : 6;
-  };
-  const mergedPosInfo = computed(() => {
-    var _a;
-    if (!posInfo.value)
-      return posInfo.value;
-    const gapOffsetX = getGapOffset(0);
-    const gapOffsetY = getGapOffset(1);
-    const gapRadius = ((_a = gap.value) == null ? void 0 : _a.radius) || 2;
-    return {
-      left: posInfo.value.left - gapOffsetX,
-      top: posInfo.value.top - gapOffsetY,
-      width: posInfo.value.width + gapOffsetX * 2,
-      height: posInfo.value.height + gapOffsetY * 2,
-      radius: gapRadius
-    };
-  });
-  const triggerTarget = computed(() => {
-    const targetEl = getTargetEl();
-    if (!mergedMask.value || !targetEl || !window.DOMRect) {
-      return targetEl || void 0;
-    }
-    return {
-      getBoundingClientRect() {
-        var _a, _b, _c, _d;
-        return window.DOMRect.fromRect({
-          width: ((_a = mergedPosInfo.value) == null ? void 0 : _a.width) || 0,
-          height: ((_b = mergedPosInfo.value) == null ? void 0 : _b.height) || 0,
-          x: ((_c = mergedPosInfo.value) == null ? void 0 : _c.left) || 0,
-          y: ((_d = mergedPosInfo.value) == null ? void 0 : _d.top) || 0
-        });
-      }
-    };
-  });
-  return {
-    mergedPosInfo,
-    triggerTarget
-  };
-};
-const tourKey = Symbol("ElTour");
-function isInViewPort(element) {
-  const viewWidth = window.innerWidth || document.documentElement.clientWidth;
-  const viewHeight = window.innerHeight || document.documentElement.clientHeight;
-  const { top, right, bottom, left } = element.getBoundingClientRect();
-  return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight;
-}
-const useFloating = (referenceRef, contentRef, arrowRef, placement, strategy, offset$1, zIndex, showArrow) => {
-  const x = ref();
-  const y = ref();
-  const middlewareData = ref({});
-  const states = {
-    x,
-    y,
-    placement,
-    strategy,
-    middlewareData
-  };
-  const middleware = computed(() => {
-    const _middleware = [
-      offset(unref(offset$1)),
-      flip(),
-      shift(),
-      overflowMiddleware()
-    ];
-    if (unref(showArrow) && unref(arrowRef)) {
-      _middleware.push(arrow({
-        element: unref(arrowRef)
-      }));
-    }
-    return _middleware;
-  });
-  const update = async () => {
-    if (!isClient)
-      return;
-    const referenceEl = unref(referenceRef);
-    const contentEl = unref(contentRef);
-    if (!referenceEl || !contentEl)
-      return;
-    const data = await computePosition(referenceEl, contentEl, {
-      placement: unref(placement),
-      strategy: unref(strategy),
-      middleware: unref(middleware)
-    });
-    keysOf(states).forEach((key) => {
-      states[key].value = data[key];
-    });
-  };
-  const contentStyle = computed(() => {
-    if (!unref(referenceRef)) {
-      return {
-        position: "fixed",
-        top: "50%",
-        left: "50%",
-        transform: "translate3d(-50%, -50%, 0)",
-        maxWidth: "100vw",
-        zIndex: unref(zIndex)
-      };
-    }
-    const { overflow } = unref(middlewareData);
-    return {
-      position: unref(strategy),
-      zIndex: unref(zIndex),
-      top: unref(y) != null ? `${unref(y)}px` : "",
-      left: unref(x) != null ? `${unref(x)}px` : "",
-      maxWidth: (overflow == null ? void 0 : overflow.maxWidth) ? `${overflow == null ? void 0 : overflow.maxWidth}px` : ""
-    };
-  });
-  const arrowStyle = computed(() => {
-    if (!unref(showArrow))
-      return {};
-    const { arrow: arrow2 } = unref(middlewareData);
-    return {
-      left: (arrow2 == null ? void 0 : arrow2.x) != null ? `${arrow2 == null ? void 0 : arrow2.x}px` : "",
-      top: (arrow2 == null ? void 0 : arrow2.y) != null ? `${arrow2 == null ? void 0 : arrow2.y}px` : ""
-    };
-  });
-  let cleanup;
-  onMounted(() => {
-    const referenceEl = unref(referenceRef);
-    const contentEl = unref(contentRef);
-    if (referenceEl && contentEl) {
-      cleanup = autoUpdate(referenceEl, contentEl, update);
-    }
-    watchEffect(() => {
-      update();
-    });
-  });
-  onBeforeUnmount(() => {
-    cleanup && cleanup();
-  });
-  return {
-    update,
-    contentStyle,
-    arrowStyle
-  };
-};
-const overflowMiddleware = () => {
-  return {
-    name: "overflow",
-    async fn(state) {
-      const overflow = await detectOverflow(state);
-      let overWidth = 0;
-      if (overflow.left > 0)
-        overWidth = overflow.left;
-      if (overflow.right > 0)
-        overWidth = overflow.right;
-      const floatingWidth = state.rects.floating.width;
-      return {
-        data: {
-          maxWidth: floatingWidth - overWidth
-        }
-      };
-    }
-  };
-};
-const __default__$3 = defineComponent({
-  name: "ElTourMask",
-  inheritAttrs: false
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
-  props: maskProps,
-  setup(__props) {
-    const props = __props;
-    const { ns } = inject(tourKey);
-    const radius = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.pos) == null ? void 0 : _a.radius) != null ? _b : 2;
-    });
-    const roundInfo = computed(() => {
-      const v = radius.value;
-      const baseInfo = `a${v},${v} 0 0 1`;
-      return {
-        topRight: `${baseInfo} ${v},${v}`,
-        bottomRight: `${baseInfo} ${-v},${v}`,
-        bottomLeft: `${baseInfo} ${-v},${-v}`,
-        topLeft: `${baseInfo} ${v},${-v}`
-      };
-    });
-    const { width: windowWidth, height: windowHeight } = useWindowSize();
-    const path = computed(() => {
-      const width = windowWidth.value;
-      const height = windowHeight.value;
-      const info = roundInfo.value;
-      const _path = `M${width},0 L0,0 L0,${height} L${width},${height} L${width},0 Z`;
-      const _radius = radius.value;
-      return props.pos ? `${_path} M${props.pos.left + _radius},${props.pos.top} h${props.pos.width - _radius * 2} ${info.topRight} v${props.pos.height - _radius * 2} ${info.bottomRight} h${-props.pos.width + _radius * 2} ${info.bottomLeft} v${-props.pos.height + _radius * 2} ${info.topLeft} z` : _path;
-    });
-    const maskStyle = computed(() => ({
-      position: "fixed",
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      zIndex: props.zIndex,
-      pointerEvents: props.pos && props.targetAreaClickable ? "none" : "auto"
-    }));
-    const pathStyle = computed(() => ({
-      fill: props.fill,
-      pointerEvents: "auto",
-      cursor: "auto"
-    }));
-    useLockscreen(toRef(props, "visible"), {
-      ns
-    });
-    return (_ctx, _cache) => {
-      return _ctx.visible ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        class: unref(ns).e("mask"),
-        style: unref(maskStyle)
-      }, _ctx.$attrs), [
-        (openBlock(), createElementBlock("svg", { style: {
-          width: "100%",
-          height: "100%"
-        } }, [
-          createElementVNode("path", {
-            class: normalizeClass(unref(ns).e("hollow")),
-            style: normalizeStyle(unref(pathStyle)),
-            d: unref(path)
-          }, null, 14, ["d"])
-        ]))
-      ], 16)) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "mask.vue"]]);
-const tourStrategies = ["absolute", "fixed"];
-const tourPlacements = [
-  "top-start",
-  "top-end",
-  "top",
-  "bottom-start",
-  "bottom-end",
-  "bottom",
-  "left-start",
-  "left-end",
-  "left",
-  "right-start",
-  "right-end",
-  "right"
-];
-const tourContentProps = buildProps({
-  placement: {
-    type: definePropType(String),
-    values: tourPlacements,
-    default: "bottom"
-  },
-  reference: {
-    type: definePropType(Object),
-    default: null
-  },
-  strategy: {
-    type: definePropType(String),
-    values: tourStrategies,
-    default: "absolute"
-  },
-  offset: {
-    type: Number,
-    default: 10
-  },
-  showArrow: Boolean,
-  zIndex: {
-    type: Number,
-    default: 2001
-  }
-});
-const tourContentEmits = {
-  close: () => true
-};
-const __default__$2 = defineComponent({
-  name: "ElTourContent"
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
-  props: tourContentProps,
-  emits: tourContentEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const placement = ref(props.placement);
-    const strategy = ref(props.strategy);
-    const contentRef = ref(null);
-    const arrowRef = ref(null);
-    watch(() => props.placement, () => {
-      placement.value = props.placement;
-    });
-    const { contentStyle, arrowStyle } = useFloating(toRef(props, "reference"), contentRef, arrowRef, placement, strategy, toRef(props, "offset"), toRef(props, "zIndex"), toRef(props, "showArrow"));
-    const side = computed(() => {
-      return placement.value.split("-")[0];
-    });
-    const { ns } = inject(tourKey);
-    const onCloseRequested = () => {
-      emit("close");
-    };
-    const onFocusoutPrevented = (event) => {
-      if (event.detail.focusReason === "pointer") {
-        event.preventDefault();
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "contentRef",
-        ref: contentRef,
-        style: normalizeStyle(unref(contentStyle)),
-        class: normalizeClass(unref(ns).e("content")),
-        "data-side": unref(side),
-        tabindex: "-1"
-      }, [
-        createVNode(unref(ElFocusTrap), {
-          loop: "",
-          trapped: "",
-          "focus-start-el": "container",
-          "focus-trap-el": contentRef.value || void 0,
-          onReleaseRequested: onCloseRequested,
-          onFocusoutPrevented
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["focus-trap-el"]),
-        _ctx.showArrow ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          ref_key: "arrowRef",
-          ref: arrowRef,
-          style: normalizeStyle(unref(arrowStyle)),
-          class: normalizeClass(unref(ns).e("arrow"))
-        }, null, 6)) : createCommentVNode("v-if", true)
-      ], 14, ["data-side"]);
-    };
-  }
-});
-var ElTourContent = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "content.vue"]]);
-var ElTourSteps = defineComponent({
-  name: "ElTourSteps",
-  props: {
-    current: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ["update-total"],
-  setup(props, { slots, emit }) {
-    let cacheTotal = 0;
-    return () => {
-      var _a, _b;
-      const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      const result = [];
-      let total = 0;
-      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") {
-            result.push(item);
-            total += 1;
-          }
-        });
-      }
-      if (children.length) {
-        filterSteps(flattedChildren((_b = children[0]) == null ? void 0 : _b.children));
-      }
-      if (cacheTotal !== total) {
-        cacheTotal = total;
-        emit("update-total", total);
-      }
-      if (result.length) {
-        return result[props.current];
-      }
-      return null;
-    };
-  }
-});
-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: teleportProps.to.type,
-    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)
-};
-const __default__$1 = defineComponent({
-  name: "ElTour"
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: tourProps,
-  emits: tourEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("tour");
-    const total = ref(0);
-    const currentStep = ref();
-    const current = useVModel(props, "current", emit, {
-      passive: true
-    });
-    const currentTarget = computed(() => {
-      var _a;
-      return (_a = currentStep.value) == null ? void 0 : _a.target;
-    });
-    const kls = computed(() => [
-      ns.b(),
-      mergedType.value === "primary" ? ns.m("primary") : ""
-    ]);
-    const mergedPlacement = computed(() => {
-      var _a;
-      return ((_a = currentStep.value) == null ? void 0 : _a.placement) || props.placement;
-    });
-    const mergedContentStyle = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.contentStyle) != null ? _b : props.contentStyle;
-    });
-    const mergedMask = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.mask) != null ? _b : props.mask;
-    });
-    const mergedShowMask = computed(() => !!mergedMask.value && props.modelValue);
-    const mergedMaskStyle = computed(() => isBoolean(mergedMask.value) ? void 0 : mergedMask.value);
-    const mergedShowArrow = computed(() => {
-      var _a, _b;
-      return !!currentTarget.value && ((_b = (_a = currentStep.value) == null ? void 0 : _a.showArrow) != null ? _b : props.showArrow);
-    });
-    const mergedScrollIntoViewOptions = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.scrollIntoViewOptions) != null ? _b : props.scrollIntoViewOptions;
-    });
-    const mergedType = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentStep.value) == null ? void 0 : _a.type) != null ? _b : props.type;
-    });
-    const { nextZIndex } = useZIndex();
-    const nowZIndex = nextZIndex();
-    const mergedZIndex = computed(() => {
-      var _a;
-      return (_a = props.zIndex) != null ? _a : nowZIndex;
-    });
-    const { mergedPosInfo: pos, triggerTarget } = useTarget(currentTarget, toRef(props, "modelValue"), toRef(props, "gap"), mergedMask, mergedScrollIntoViewOptions);
-    watch(() => props.modelValue, (val) => {
-      if (!val) {
-        current.value = 0;
-      }
-    });
-    const onEscClose = () => {
-      if (props.closeOnPressEscape) {
-        emit(UPDATE_MODEL_EVENT, false);
-        emit("close", current.value);
-      }
-    };
-    const onUpdateTotal = (val) => {
-      total.value = val;
-    };
-    const slots = useSlots();
-    provide(tourKey, {
-      currentStep,
-      current,
-      total,
-      showClose: toRef(props, "showClose"),
-      closeIcon: toRef(props, "closeIcon"),
-      mergedType,
-      ns,
-      slots,
-      updateModelValue(modelValue) {
-        emit(UPDATE_MODEL_EVENT, modelValue);
-      },
-      onClose() {
-        emit("close", current.value);
-      },
-      onFinish() {
-        emit("finish");
-      },
-      onChange() {
-        emit(CHANGE_EVENT, current.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(ElTeleport), { to: _ctx.appendTo }, {
-          default: withCtx(() => {
-            var _a, _b;
-            return [
-              createElementVNode("div", mergeProps({ class: unref(kls) }, _ctx.$attrs), [
-                createVNode(ElTourMask, {
-                  visible: unref(mergedShowMask),
-                  fill: (_a = unref(mergedMaskStyle)) == null ? void 0 : _a.color,
-                  style: normalizeStyle((_b = unref(mergedMaskStyle)) == null ? void 0 : _b.style),
-                  pos: unref(pos),
-                  "z-index": unref(mergedZIndex),
-                  "target-area-clickable": _ctx.targetAreaClickable
-                }, null, 8, ["visible", "fill", "style", "pos", "z-index", "target-area-clickable"]),
-                _ctx.modelValue ? (openBlock(), createBlock(ElTourContent, {
-                  key: unref(current),
-                  reference: unref(triggerTarget),
-                  placement: unref(mergedPlacement),
-                  "show-arrow": unref(mergedShowArrow),
-                  "z-index": unref(mergedZIndex),
-                  style: normalizeStyle(unref(mergedContentStyle)),
-                  onClose: onEscClose
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(ElTourSteps), {
-                      current: unref(current),
-                      onUpdateTotal
-                    }, {
-                      default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "default")
-                      ]),
-                      _: 3
-                    }, 8, ["current"])
-                  ]),
-                  _: 3
-                }, 8, ["reference", "placement", "show-arrow", "z-index", "style"])) : createCommentVNode("v-if", true)
-              ], 16)
-            ];
-          }),
-          _: 3
-        }, 8, ["to"]),
-        createCommentVNode(" just for IDE "),
-        createCommentVNode("v-if", true)
-      ], 64);
-    };
-  }
-});
-var Tour = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "tour.vue"]]);
-const tourStepProps = buildProps({
-  target: {
-    type: definePropType([String, Object, Function])
-  },
-  title: String,
-  description: String,
-  showClose: {
-    type: Boolean,
-    default: void 0
-  },
-  closeIcon: {
-    type: iconPropType
-  },
-  showArrow: {
-    type: Boolean,
-    default: void 0
-  },
-  placement: tourContentProps.placement,
-  mask: {
-    type: definePropType([Boolean, Object]),
-    default: void 0
-  },
-  contentStyle: {
-    type: definePropType([Object])
-  },
-  prevButtonProps: {
-    type: definePropType(Object)
-  },
-  nextButtonProps: {
-    type: definePropType(Object)
-  },
-  scrollIntoViewOptions: {
-    type: definePropType([Boolean, Object]),
-    default: void 0
-  },
-  type: {
-    type: definePropType(String)
-  }
-});
-const tourStepEmits = {
-  close: () => true
-};
-const __default__ = defineComponent({
-  name: "ElTourStep"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tourStepProps,
-  emits: tourStepEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const { Close } = CloseComponents;
-    const { t } = useLocale();
-    const {
-      currentStep,
-      current,
-      total,
-      showClose,
-      closeIcon,
-      mergedType,
-      ns,
-      slots: tourSlots,
-      updateModelValue,
-      onClose: tourOnClose,
-      onFinish: tourOnFinish,
-      onChange
-    } = inject(tourKey);
-    watch(props, (val) => {
-      currentStep.value = val;
-    }, {
-      immediate: true
-    });
-    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 filterButtonProps = (btnProps) => {
-      if (!btnProps)
-        return;
-      return 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 actions = {
-        [EVENT_CODE.left]: () => current.value > 0 && onPrev(),
-        [EVENT_CODE.right]: onNext
-      };
-      const action = actions[e.code];
-      if (action) {
-        e.preventDefault();
-        action();
-      }
-    };
-    onMounted(() => {
-      window.addEventListener("keydown", handleKeydown);
-    });
-    onBeforeUnmount(() => {
-      window.removeEventListener("keydown", handleKeydown);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        unref(mergedShowClose) ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          "aria-label": unref(t)("el.tour.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"])
-        ], 10, ["aria-label"])) : createCommentVNode("v-if", true),
-        createElementVNode("header", {
-          class: normalizeClass([unref(ns).e("header"), { "show-close": unref(showClose) }])
-        }, [
-          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)
-            }, filterButtonProps(_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"
-            }, filterButtonProps(_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$1, [["__file", "step.vue"]]);
-const ElTour = withInstall(Tour, {
-  TourStep
-});
-const ElTourStep = withNoopInstall(TourStep);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcTour",
-  props: {
-    appendTo: { default: "body" },
-    modelValue: { type: Boolean },
-    current: {},
-    showArrow: { type: Boolean, default: true },
-    placement: {},
-    contentStyle: {},
-    mask: { type: [Boolean, Object], default: true },
-    gap: {},
-    scrollIntoViewOptions: { type: [Boolean, Object] },
-    zIndex: {},
-    showClose: { type: Boolean, default: true },
-    closeIcon: {},
-    closeOnPressEscape: { type: Boolean, default: true },
-    targetAreaClickable: { type: Boolean },
-    steps: {}
-  },
-  emits: ["update:modelValue", "update:current", "close", "change", "finish"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const localModel = useVModel$1(props, "modelValue", emit);
-    const localCurrent = useVModel$1(props, "current", emit);
-    function onClose(currentStep) {
-      emit("close", currentStep);
-    }
-    function onChange(currentStep) {
-      emit("change", currentStep);
-    }
-    function onFinish() {
-      emit("finish");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTour), {
-        modelValue: unref(localModel),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localModel) ? localModel.value = $event : null),
-        current: unref(localCurrent),
-        "onUpdate:current": _cache[1] || (_cache[1] = ($event) => isRef(localCurrent) ? localCurrent.value = $event : null),
-        "append-to": _ctx.appendTo,
-        "show-arrow": _ctx.showArrow,
-        placement: _ctx.placement,
-        "content-style": _ctx.contentStyle,
-        mask: _ctx.mask,
-        gap: _ctx.gap,
-        "scroll-into-view-options": _ctx.scrollIntoViewOptions,
-        "z-index": _ctx.zIndex,
-        "show-close": _ctx.showClose,
-        "close-icon": _ctx.closeIcon,
-        "close-on-press-escape": _ctx.closeOnPressEscape,
-        "target-area-clickable": _ctx.targetAreaClickable,
-        class: "vc-tour",
-        onClose,
-        onFinish,
-        onChange
-      }, createSlots({
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, (step) => {
-            return openBlock(), createBlock(unref(ElTourStep), mergeProps({
-              key: step.step,
-              target: step.target,
-              title: step.title,
-              description: step.description
-            }, { ref_for: true }, step.props), createSlots({
-              default: withCtx(() => [
-                unref(slots)[step.step] ? renderSlot(_ctx.$slots, step.step, {
-                  key: 0,
-                  content: { step: step.step, title: step.title, description: step.description }
-                }) : createCommentVNode("", true)
-              ]),
-              _: 2
-            }, [
-              unref(slots)[`step-header`] ? {
-                name: "header",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, `step-header`, {
-                    title: step.title
-                  })
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["target", "title", "description"]);
-          }), 128))
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots.indicators ? {
-          name: "indicators",
-          fn: withCtx((indicator) => [
-            renderSlot(_ctx.$slots, "indicators", { indicator })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["modelValue", "current", "append-to", "show-arrow", "placement", "content-style", "mask", "gap", "scroll-into-view-options", "z-index", "show-close", "close-icon", "close-on-press-escape", "target-area-clickable"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};