@element-plus/nightly 0.0.20251231 → 0.0.20260101

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

@@ -1 +1 @@
-{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    :style=\"contentStyle\"\n    :class=\"ns.e('content')\"\n    :data-side=\"side\"\n    tabindex=\"-1\"\n  >\n    <el-focus-trap\n      loop\n      trapped\n      focus-start-el=\"container\"\n      :focus-trap-el=\"contentRef || undefined\"\n      @release-requested=\"onCloseRequested\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n    >\n      <slot />\n    </el-focus-trap>\n    <span\n      v-if=\"showArrow\"\n      ref=\"arrowRef\"\n      :style=\"arrowStyle\"\n      :class=\"ns.e('arrow')\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n  name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.placement,\n  () => {\n    placement.value = props.placement\n  }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n  toRef(props, 'reference'),\n  contentRef,\n  arrowRef,\n  placement,\n  strategy,\n  toRef(props, 'offset'),\n  toRef(props, 'zIndex'),\n  toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n  return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n  emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n  if (event.detail.focusReason === 'pointer') {\n    event.preventDefault()\n  }\n}\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_unref","_normalizeClass","_createVNode","_renderSlot","showArrow","_openBlock"],"mappings":"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"}
+{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Placement, Strategy, VirtualElement } from '@floating-ui/dom'\n\nexport const tourStrategies = ['absolute', 'fixed'] as const\n\nexport const tourPlacements = [\n  'top-start',\n  'top-end',\n  'top',\n  'bottom-start',\n  'bottom-end',\n  'bottom',\n  'left-start',\n  'left-end',\n  'left',\n  'right-start',\n  'right-end',\n  'right',\n] as const\n\nexport const tourContentProps = buildProps({\n  /**\n   * @description position of the guide card relative to the target element\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: tourPlacements,\n    default: 'bottom',\n  },\n  /**\n   * @description the reference dom\n   */\n  reference: {\n    type: definePropType<HTMLElement | VirtualElement | null>(Object),\n    default: null,\n  },\n  /**\n   * @description position strategy of the content\n   */\n  strategy: {\n    type: definePropType<Strategy>(String),\n    values: tourStrategies,\n    default: 'absolute',\n  },\n  /**\n   * @description offset of the arrow\n   */\n  offset: {\n    type: Number,\n    default: 10,\n  },\n  /**\n   * @description whether to show the arrow\n   */\n  showArrow: Boolean,\n  /**\n   * @description content's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 2001,\n  },\n})\n\nexport type TourContentProps = ExtractPropTypes<typeof tourContentProps>\nexport type TourContentPropsPublic = ExtractPublicPropTypes<\n  typeof tourContentProps\n>\n\nexport const tourContentEmits = {\n  close: () => true,\n}\nexport type TourContentEmits = typeof tourContentEmits\n"],"names":[],"mappings":";;AAKa,MAAA,cAAA,GAAiB,CAAC,UAAA,EAAY,OAAO,EAAA;AAE3C,MAAM,cAAiB,GAAA;AAAA,EAC5B,WAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AACF,EAAA;AAEO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EAIzC,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA0B,MAAM,CAAA;AAAA,IACtC,MAAQ,EAAA,cAAA;AAAA,IACR,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAAoD,MAAM,CAAA;AAAA,IAChE,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAyB,MAAM,CAAA;AAAA,IACrC,MAAQ,EAAA,cAAA;AAAA,IACR,OAAS,EAAA,UAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,OAAA;AAAA,EAIX,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAC,EAAA;AAOM,MAAM,gBAAmB,GAAA;AAAA,EAC9B,OAAO,MAAM,IAAA;AACf;;;;"}

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

@@ -1,23 +1,88 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, inject, computed, toRef, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from 'vue';
+import { useWindowSize } from '@vueuse/core';
+import { maskProps } from './mask2.mjs';
+import { tourKey } from './helper.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
 
-const maskProps = buildProps({
-  zIndex: {
-    type: Number,
-    default: 1001
+const _hoisted_1 = { style: {
+  width: "100%",
+  height: "100%"
+} };
+const _hoisted_2 = ["d"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElTourMask",
+    inheritAttrs: false
   },
-  visible: Boolean,
-  fill: {
-    type: String,
-    default: "rgba(0,0,0,0.5)"
-  },
-  pos: {
-    type: definePropType(Object)
-  },
-  targetAreaClickable: {
-    type: Boolean,
-    default: true
+  __name: "mask",
+  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: maskStyle.value
+        }, _ctx.$attrs),
+        [
+          (openBlock(), createElementBlock("svg", _hoisted_1, [
+            createElementVNode("path", {
+              class: normalizeClass(unref(ns).e("hollow")),
+              style: normalizeStyle(pathStyle.value),
+              d: path.value
+            }, null, 14, _hoisted_2)
+          ]))
+        ],
+        16
+      )) : createCommentVNode("v-if", true);
+    };
   }
 });
+var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tour/src/mask.vue"]]);
 
-export { maskProps };
+export { ElTourMask as default };
 //# sourceMappingURL=mask.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"mask.mjs","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\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":[],"mappings":";;AAKO,MAAM,YAAY,UAAW,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,EAAM,eAA+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.mjs","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":["visible","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}

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

@@ -1,88 +1,23 @@
-import { defineComponent, inject, computed, toRef, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from 'vue';
-import { useWindowSize } from '@vueuse/core';
-import { maskProps } from './mask.mjs';
-import { tourKey } from './helper.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = { style: {
-  width: "100%",
-  height: "100%"
-} };
-const _hoisted_2 = ["d"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElTourMask",
-    inheritAttrs: false
+const maskProps = buildProps({
+  zIndex: {
+    type: Number,
+    default: 1001
   },
-  __name: "mask",
-  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: maskStyle.value
-        }, _ctx.$attrs),
-        [
-          (openBlock(), createElementBlock("svg", _hoisted_1, [
-            createElementVNode("path", {
-              class: normalizeClass(unref(ns).e("hollow")),
-              style: normalizeStyle(pathStyle.value),
-              d: path.value
-            }, null, 14, _hoisted_2)
-          ]))
-        ],
-        16
-      )) : createCommentVNode("v-if", true);
-    };
+  visible: Boolean,
+  fill: {
+    type: String,
+    default: "rgba(0,0,0,0.5)"
+  },
+  pos: {
+    type: definePropType(Object)
+  },
+  targetAreaClickable: {
+    type: Boolean,
+    default: true
   }
 });
-var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tour/src/mask.vue"]]);
 
-export { ElTourMask as default };
+export { maskProps };
 //# sourceMappingURL=mask2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"mask2.mjs","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":["visible","_openBlock","_createElementBlock","_mergeProps","_unref","$attrs","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"mask2.mjs","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":[],"mappings":";;AAKO,MAAM,YAAY,UAAW,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,EAAM,eAA+B,MAAM,CAAA;AAAA,GAC7C;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAC;;;;"}

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

@@ -1,4 +1,4 @@
-import { tourContentProps } from './content.mjs';
+import { tourContentProps } from './content2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
 

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

@@ -1,4 +1,4 @@
-import { tourContentProps } from './content.mjs';
+import { tourContentProps } from './content2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
 import { teleportProps } from '../../teleport/src/teleport.mjs';

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

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, toRef, watch, useSlots, provide, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createElementVNode, mergeProps, normalizeStyle, createBlock, renderSlot, createCommentVNode } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { ElTeleport } from '../../teleport/index.mjs';
-import ElTourMask from './mask2.mjs';
-import ElTourContent from './content2.mjs';
+import ElTourMask from './mask.mjs';
+import ElTourContent from './content.mjs';
 import ElTourSteps from './steps.mjs';
 import { tourProps, tourEmits } from './tour.mjs';
 import { useTarget, tourKey } from './helper.mjs';

package/es/components/transfer/index.mjs

@@ -1,5 +1,5 @@
-import Transfer from './src/transfer2.mjs';
-export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './src/transfer.mjs';
+import Transfer from './src/transfer.mjs';
+export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './src/transfer2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElTransfer = withInstall(Transfer);

package/es/components/transfer/src/composables/use-checked-change.mjs

@@ -1,4 +1,4 @@
-import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT } from '../transfer.mjs';
+import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT } from '../transfer2.mjs';
 
 const useCheckedChange = (checkedState, emit) => {
   const onSourceCheckedChange = (val, movedKeys) => {

package/es/components/transfer/src/transfer-panel.mjs

@@ -1,4 +1,4 @@
-import { transferProps, transferCheckedChangeFn } from './transfer.mjs';
+import { transferProps, transferCheckedChangeFn } from './transfer2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
 const CHECKED_CHANGE_EVENT = "checked-change";

package/es/components/transfer/src/transfer.mjs

@@ -1,75 +1,209 @@
-import { isNil } from 'lodash-unified';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { mutable } from '../../../utils/typescript.mjs';
-import { isArray } from '@vue/shared';
-import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { defineComponent, useSlots, reactive, ref, computed, watch, h, Comment, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { ElButton } from '../../button/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
+import { transferProps, transferEmits } from './transfer2.mjs';
+import TransferPanel from './transfer-panel2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useComputedData } from './composables/use-computed-data.mjs';
+import { useMove } from './composables/use-move.mjs';
+import { useCheckedChange } from './composables/use-checked-change.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useFormItem } from '../../form/src/hooks/use-form-item.mjs';
+import { usePropsAlias } from './composables/use-props-alias.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import { isEmpty, isUndefined } from '../../../utils/types.mjs';
 
-const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
-const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
-const transferProps = buildProps({
-  data: {
-    type: definePropType(Array),
-    default: () => []
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElTransfer"
   },
-  titles: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  buttonTexts: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  filterPlaceholder: String,
-  filterMethod: {
-    type: definePropType(
-      Function
-    )
-  },
-  leftDefaultChecked: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  rightDefaultChecked: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  renderContent: {
-    type: definePropType(Function)
-  },
-  modelValue: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  format: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  filterable: Boolean,
-  props: {
-    type: definePropType(Object),
-    default: () => mutable({
-      label: "label",
-      key: "key",
-      disabled: "disabled"
-    })
-  },
-  targetOrder: {
-    type: String,
-    values: ["original", "push", "unshift"],
-    default: "original"
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
+  __name: "transfer",
+  props: transferProps,
+  emits: transferEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const { t } = useLocale();
+    const ns = useNamespace("transfer");
+    const { formItem } = useFormItem();
+    const checkedState = reactive({
+      leftChecked: [],
+      rightChecked: []
+    });
+    const propsAlias = usePropsAlias(props);
+    const { sourceData, targetData } = useComputedData(props);
+    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(
+      checkedState,
+      emit
+    );
+    const { addToLeft, addToRight } = useMove(props, checkedState, emit);
+    const leftPanel = ref();
+    const rightPanel = ref();
+    const clearQuery = (which) => {
+      switch (which) {
+        case "left":
+          leftPanel.value.query = "";
+          break;
+        case "right":
+          rightPanel.value.query = "";
+          break;
+      }
+    };
+    const hasButtonTexts = computed(() => props.buttonTexts.length === 2);
+    const leftPanelTitle = computed(
+      () => props.titles[0] || t("el.transfer.titles.0")
+    );
+    const rightPanelTitle = computed(
+      () => props.titles[1] || t("el.transfer.titles.1")
+    );
+    const panelFilterPlaceholder = computed(
+      () => props.filterPlaceholder || t("el.transfer.filterPlaceholder")
+    );
+    watch(
+      () => props.modelValue,
+      () => {
+        var _a;
+        if (props.validateEvent) {
+          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
+        }
+      }
+    );
+    const optionRender = computed(() => (option) => {
+      var _a;
+      if (props.renderContent)
+        return props.renderContent(h, option);
+      const defaultSlotVNodes = (((_a = slots.default) == null ? void 0 : _a.call(slots, { option })) || []).filter(
+        (node) => node.type !== Comment
+      );
+      if (defaultSlotVNodes.length) {
+        return defaultSlotVNodes;
+      }
+      return h(
+        "span",
+        option[propsAlias.value.label] || option[propsAlias.value.key]
+      );
+    });
+    __expose({
+      clearQuery,
+      leftPanel,
+      rightPanel
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(ns).b())
+        },
+        [
+          createVNode(TransferPanel, {
+            ref_key: "leftPanel",
+            ref: leftPanel,
+            data: unref(sourceData),
+            "option-render": optionRender.value,
+            placeholder: panelFilterPlaceholder.value,
+            title: leftPanelTitle.value,
+            filterable: _ctx.filterable,
+            format: _ctx.format,
+            "filter-method": _ctx.filterMethod,
+            "default-checked": _ctx.leftDefaultChecked,
+            props: props.props,
+            onCheckedChange: unref(onSourceCheckedChange)
+          }, {
+            empty: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-empty")
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-footer")
+            ]),
+            _: 3
+          }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(ns).e("buttons"))
+            },
+            [
+              createVNode(unref(ElButton), {
+                type: "primary",
+                class: normalizeClass([unref(ns).e("button"), unref(ns).is("with-texts", hasButtonTexts.value)]),
+                disabled: unref(isEmpty)(checkedState.rightChecked),
+                onClick: unref(addToLeft)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(ArrowLeft))
+                    ]),
+                    _: 1
+                  }),
+                  !unref(isUndefined)(_ctx.buttonTexts[0]) ? (openBlock(), createElementBlock(
+                    "span",
+                    _hoisted_1,
+                    toDisplayString(_ctx.buttonTexts[0]),
+                    1
+                  )) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled", "onClick"]),
+              createVNode(unref(ElButton), {
+                type: "primary",
+                class: normalizeClass([unref(ns).e("button"), unref(ns).is("with-texts", hasButtonTexts.value)]),
+                disabled: unref(isEmpty)(checkedState.leftChecked),
+                onClick: unref(addToRight)
+              }, {
+                default: withCtx(() => [
+                  !unref(isUndefined)(_ctx.buttonTexts[1]) ? (openBlock(), createElementBlock(
+                    "span",
+                    _hoisted_2,
+                    toDisplayString(_ctx.buttonTexts[1]),
+                    1
+                  )) : createCommentVNode("v-if", true),
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(ArrowRight))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["class", "disabled", "onClick"])
+            ],
+            2
+          ),
+          createVNode(TransferPanel, {
+            ref_key: "rightPanel",
+            ref: rightPanel,
+            data: unref(targetData),
+            "option-render": optionRender.value,
+            placeholder: panelFilterPlaceholder.value,
+            filterable: _ctx.filterable,
+            format: _ctx.format,
+            "filter-method": _ctx.filterMethod,
+            title: rightPanelTitle.value,
+            "default-checked": _ctx.rightDefaultChecked,
+            props: props.props,
+            onCheckedChange: unref(onTargetCheckedChange)
+          }, {
+            empty: withCtx(() => [
+              renderSlot(_ctx.$slots, "right-empty")
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "right-footer")
+            ]),
+            _: 3
+          }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
+        ],
+        2
+      );
+    };
   }
 });
-const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray) || isArray(value) && isNil(movedKeys);
-const transferEmits = {
-  [CHANGE_EVENT]: (value, direction, movedKeys) => [value, movedKeys].every(isArray) && ["left", "right"].includes(direction),
-  [UPDATE_MODEL_EVENT]: (value) => isArray(value),
-  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,
-  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn
-};
+var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/transfer/src/transfer.vue"]]);
 
-export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps };
+export { Transfer as default };
 //# sourceMappingURL=transfer.mjs.map