@element-plus/nightly 0.0.20251228 → 0.0.20251230

package/lib/components/carousel/src/carousel2.js

@@ -2,69 +2,262 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var types = require('../../../utils/types.js');
+var vue = require('vue');
+var index$2 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var carousel = require('./carousel.js');
+var useCarousel = require('./use-carousel.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
 
-const carouselProps = runtime.buildProps({
-  initialIndex: {
-    type: Number,
-    default: 0
-  },
-  height: {
-    type: String,
-    default: ""
-  },
-  trigger: {
-    type: String,
-    values: ["hover", "click"],
-    default: "hover"
-  },
-  autoplay: {
-    type: Boolean,
-    default: true
-  },
-  interval: {
-    type: Number,
-    default: 3e3
-  },
-  indicatorPosition: {
-    type: String,
-    values: ["", "none", "outside"],
-    default: ""
-  },
-  arrow: {
-    type: String,
-    values: ["always", "hover", "never"],
-    default: "hover"
-  },
-  type: {
-    type: String,
-    values: ["", "card"],
-    default: ""
-  },
-  cardScale: {
-    type: Number,
-    default: 0.83
-  },
-  loop: {
-    type: Boolean,
-    default: true
-  },
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  pauseOnHover: {
-    type: Boolean,
-    default: true
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = ["onMouseenter", "onClick"];
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = {
+  key: 2,
+  xmlns: "http://www.w3.org/2000/svg",
+  version: "1.1",
+  style: { "display": "none" }
+};
+const COMPONENT_NAME = "ElCarousel";
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: COMPONENT_NAME
   },
-  motionBlur: Boolean
+  __name: "carousel",
+  props: carousel.carouselProps,
+  emits: carousel.carouselEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const {
+      root,
+      activeIndex,
+      exposeActiveIndex,
+      arrowDisplay,
+      hasLabel,
+      hover,
+      isCardType,
+      items,
+      isVertical,
+      containerStyle,
+      handleButtonEnter,
+      handleButtonLeave,
+      handleIndicatorClick,
+      handleMouseEnter,
+      handleMouseLeave,
+      setActiveItem,
+      prev,
+      next,
+      PlaceholderItem,
+      isTwoLengthShow,
+      ItemsSorter,
+      throttledArrowClick,
+      throttledIndicatorHover
+    } = useCarousel.useCarousel(props, emit, COMPONENT_NAME);
+    const ns = index.useNamespace("carousel");
+    const { t } = index$1.useLocale();
+    const carouselClasses = vue.computed(() => {
+      const classes = [ns.b(), ns.m(props.direction)];
+      if (vue.unref(isCardType)) {
+        classes.push(ns.m("card"));
+      }
+      return classes;
+    });
+    const indicatorsClasses = vue.computed(() => {
+      const classes = [ns.e("indicators"), ns.em("indicators", props.direction)];
+      if (vue.unref(hasLabel)) {
+        classes.push(ns.em("indicators", "labels"));
+      }
+      if (props.indicatorPosition === "outside") {
+        classes.push(ns.em("indicators", "outside"));
+      }
+      if (vue.unref(isVertical)) {
+        classes.push(ns.em("indicators", "right"));
+      }
+      return classes;
+    });
+    function handleTransitionStart(e) {
+      if (!props.motionBlur)
+        return;
+      const kls = vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
+      e.currentTarget.classList.add(kls);
+    }
+    function handleTransitionEnd(e) {
+      if (!props.motionBlur)
+        return;
+      const kls = vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`;
+      e.currentTarget.classList.remove(kls);
+    }
+    __expose({
+      activeIndex: exposeActiveIndex,
+      setActiveItem,
+      prev,
+      next
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "root",
+          ref: root,
+          class: vue.normalizeClass(carouselClasses.value),
+          onMouseenter: _cache[6] || (_cache[6] = vue.withModifiers(
+            (...args) => vue.unref(handleMouseEnter) && vue.unref(handleMouseEnter)(...args),
+            ["stop"]
+          )),
+          onMouseleave: _cache[7] || (_cache[7] = vue.withModifiers(
+            (...args) => vue.unref(handleMouseLeave) && vue.unref(handleMouseLeave)(...args),
+            ["stop"]
+          ))
+        },
+        [
+          vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+            key: 0,
+            name: "carousel-arrow-left",
+            persisted: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("button", {
+                type: "button",
+                class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "left")]),
+                "aria-label": vue.unref(t)("el.carousel.leftArrow"),
+                onMouseenter: _cache[0] || (_cache[0] = ($event) => vue.unref(handleButtonEnter)("left")),
+                onMouseleave: _cache[1] || (_cache[1] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
+                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) - 1), ["stop"]))
+              }, [
+                vue.createVNode(vue.unref(index$2.ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.ArrowLeft))
+                  ]),
+                  _: 1
+                })
+              ], 42, _hoisted_1), [
+                [vue.vShow, (_ctx.arrow === "always" || vue.unref(hover)) && (_ctx.loop || vue.unref(activeIndex) > 0)]
+              ])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
+          vue.unref(arrowDisplay) ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+            key: 1,
+            name: "carousel-arrow-right",
+            persisted: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("button", {
+                type: "button",
+                class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).em("arrow", "right")]),
+                "aria-label": vue.unref(t)("el.carousel.rightArrow"),
+                onMouseenter: _cache[3] || (_cache[3] = ($event) => vue.unref(handleButtonEnter)("right")),
+                onMouseleave: _cache[4] || (_cache[4] = (...args) => vue.unref(handleButtonLeave) && vue.unref(handleButtonLeave)(...args)),
+                onClick: _cache[5] || (_cache[5] = vue.withModifiers(($event) => vue.unref(throttledArrowClick)(vue.unref(activeIndex) + 1), ["stop"]))
+              }, [
+                vue.createVNode(vue.unref(index$2.ElIcon), null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.ArrowRight))
+                  ]),
+                  _: 1
+                })
+              ], 42, _hoisted_2), [
+                [
+                  vue.vShow,
+                  (_ctx.arrow === "always" || vue.unref(hover)) && (_ctx.loop || vue.unref(activeIndex) < vue.unref(items).length - 1)
+                ]
+              ])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(ns).e("container")),
+              style: vue.normalizeStyle(vue.unref(containerStyle)),
+              onTransitionstart: handleTransitionStart,
+              onTransitionend: handleTransitionEnd
+            },
+            [
+              vue.createVNode(vue.unref(PlaceholderItem)),
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            38
+          ),
+          vue.createVNode(vue.unref(ItemsSorter), null, {
+            default: vue.withCtx(() => [
+              _ctx.indicatorPosition !== "none" ? (vue.openBlock(), vue.createElementBlock(
+                "ul",
+                {
+                  key: 0,
+                  class: vue.normalizeClass(indicatorsClasses.value)
+                },
+                [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(vue.unref(items), (item, index) => {
+                      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
+                        key: index,
+                        class: vue.normalizeClass([
+                          vue.unref(ns).e("indicator"),
+                          vue.unref(ns).em("indicator", _ctx.direction),
+                          vue.unref(ns).is("active", index === vue.unref(activeIndex))
+                        ]),
+                        onMouseenter: ($event) => vue.unref(throttledIndicatorHover)(index),
+                        onClick: vue.withModifiers(($event) => vue.unref(handleIndicatorClick)(index), ["stop"])
+                      }, [
+                        vue.createElementVNode("button", {
+                          class: vue.normalizeClass(vue.unref(ns).e("button")),
+                          "aria-label": vue.unref(t)("el.carousel.indicator", { index: index + 1 })
+                        }, [
+                          vue.unref(hasLabel) ? (vue.openBlock(), vue.createElementBlock(
+                            "span",
+                            _hoisted_5,
+                            vue.toDisplayString(item.props.label),
+                            1
+                          )) : vue.createCommentVNode("v-if", true)
+                        ], 10, _hoisted_4)
+                      ], 42, _hoisted_3)), [
+                        [vue.vShow, vue.unref(isTwoLengthShow)(index)]
+                      ]);
+                    }),
+                    128
+                  ))
+                ],
+                2
+              )) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          }),
+          _ctx.motionBlur ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6, [..._cache[8] || (_cache[8] = [
+            vue.createElementVNode(
+              "defs",
+              null,
+              [
+                vue.createElementVNode("filter", { id: "elCarouselHorizontal" }, [
+                  vue.createElementVNode("feGaussianBlur", {
+                    in: "SourceGraphic",
+                    stdDeviation: "12,0"
+                  })
+                ]),
+                vue.createElementVNode("filter", { id: "elCarouselVertical" }, [
+                  vue.createElementVNode("feGaussianBlur", {
+                    in: "SourceGraphic",
+                    stdDeviation: "0,10"
+                  })
+                ])
+              ],
+              -1
+            )
+          ])])) : vue.createCommentVNode("v-if", true)
+        ],
+        34
+      );
+    };
+  }
 });
-const carouselEmits = {
-  change: (current, prev) => [current, prev].every(types.isNumber)
-};
+var Carousel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/carousel/src/carousel.vue"]]);
 
-exports.carouselEmits = carouselEmits;
-exports.carouselProps = carouselProps;
+exports["default"] = Carousel;
 //# sourceMappingURL=carousel2.js.map

package/lib/components/carousel/src/carousel2.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel2.js","sources":["../../../../../../packages/components/carousel/src/carousel.ts"],"sourcesContent":["import { buildProps, isNumber } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const carouselProps = buildProps({\n  /**\n   * @description index of the initially active slide (starting from 0)\n   */\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description height of the carousel\n   */\n  height: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description how indicators are triggered\n   */\n  trigger: {\n    type: String,\n    values: ['hover', 'click'],\n    default: 'hover',\n  },\n  /**\n   * @description whether automatically loop the slides\n   */\n  autoplay: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description interval of the auto loop, in milliseconds\n   */\n  interval: {\n    type: Number,\n    default: 3000,\n  },\n  /**\n   * @description position of the indicators\n   */\n  indicatorPosition: {\n    type: String,\n    values: ['', 'none', 'outside'],\n    default: '',\n  },\n  /**\n   * @description when arrows are shown\n   */\n  arrow: {\n    type: String,\n    values: ['always', 'hover', 'never'],\n    default: 'hover',\n  },\n  /**\n   * @description type of the Carousel\n   */\n  type: {\n    type: String,\n    values: ['', 'card'],\n    default: '',\n  },\n  /**\n   * @description when type is card, scaled size of secondary cards\n   */\n  cardScale: {\n    type: Number,\n    default: 0.83,\n  },\n  /**\n   * @description display the items in loop\n   */\n  loop: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description display direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description pause autoplay when hover\n   */\n  pauseOnHover: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description infuse dynamism and smoothness into the carousel\n   */\n  motionBlur: Boolean,\n} as const)\n\nexport const carouselEmits = {\n  /**\n   * @description triggers when the active slide switches\n   * @param current index of the new active slide\n   * @param prev index of the old active slide\n   */\n  change: (current: number, prev: number) => [current, prev].every(isNumber),\n}\n\nexport type CarouselProps = ExtractPropTypes<typeof carouselProps>\nexport type CarouselPropsPublic = ExtractPublicPropTypes<typeof carouselProps>\nexport type CarouselEmits = typeof carouselEmits\n"],"names":["buildProps","isNumber"],"mappings":";;;;;;;AAIO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EAItC,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,OAAA,EAAS,OAAO,CAAA;AAAA,IACzB,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,EAAI,EAAA,MAAA,EAAQ,SAAS,CAAA;AAAA,IAC9B,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,QAAU,EAAA,OAAA,EAAS,OAAO,CAAA;AAAA,IACnC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,EAAA,EAAI,MAAM,CAAA;AAAA,IACnB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA,OAAA;AACd,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAM3B,MAAA,EAAQ,CAAC,OAAiB,EAAA,IAAA,KAAiB,CAAC,OAAS,EAAA,IAAI,CAAE,CAAA,KAAA,CAAMC,cAAQ,CAAA;AAC3E;;;;;"}
+{"version":3,"file":"carousel2.js","sources":["../../../../../../packages/components/carousel/src/carousel.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\n    @mouseenter.stop=\"handleMouseEnter\"\n    @mouseleave.stop=\"handleMouseLeave\"\n  >\n    <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n      <button\n        v-show=\"(arrow === 'always' || hover) && (loop || activeIndex > 0)\"\n        type=\"button\"\n        :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\n        :aria-label=\"t('el.carousel.leftArrow')\"\n        @mouseenter=\"handleButtonEnter('left')\"\n        @mouseleave=\"handleButtonLeave\"\n        @click.stop=\"throttledArrowClick(activeIndex - 1)\"\n      >\n        <ElIcon>\n          <ArrowLeft />\n        </ElIcon>\n      </button>\n    </transition>\n    <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n      <button\n        v-show=\"\n          (arrow === 'always' || hover) &&\n          (loop || activeIndex < items.length - 1)\n        \"\n        type=\"button\"\n        :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\n        :aria-label=\"t('el.carousel.rightArrow')\"\n        @mouseenter=\"handleButtonEnter('right')\"\n        @mouseleave=\"handleButtonLeave\"\n        @click.stop=\"throttledArrowClick(activeIndex + 1)\"\n      >\n        <ElIcon>\n          <ArrowRight />\n        </ElIcon>\n      </button>\n    </transition>\n    <div\n      :class=\"ns.e('container')\"\n      :style=\"containerStyle\"\n      @transitionstart=\"handleTransitionStart\"\n      @transitionend=\"handleTransitionEnd\"\n    >\n      <PlaceholderItem />\n      <slot />\n    </div>\n    <items-sorter>\n      <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n        <li\n          v-for=\"(item, index) in items\"\n          v-show=\"isTwoLengthShow(index)\"\n          :key=\"index\"\n          :class=\"[\n            ns.e('indicator'),\n            ns.em('indicator', direction),\n            ns.is('active', index === activeIndex),\n          ]\"\n          @mouseenter=\"throttledIndicatorHover(index)\"\n          @click.stop=\"handleIndicatorClick(index)\"\n        >\n          <button\n            :class=\"ns.e('button')\"\n            :aria-label=\"t('el.carousel.indicator', { index: index + 1 })\"\n          >\n            <span v-if=\"hasLabel\">{{ item.props.label }}</span>\n          </button>\n        </li>\n      </ul>\n    </items-sorter>\n    <svg\n      v-if=\"motionBlur\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      version=\"1.1\"\n      style=\"display: none\"\n    >\n      <defs>\n        <filter id=\"elCarouselHorizontal\">\n          <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"12,0\" />\n        </filter>\n        <filter id=\"elCarouselVertical\">\n          <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0,10\" />\n        </filter>\n      </defs>\n    </svg>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { carouselEmits, carouselProps } from './carousel'\nimport { useCarousel } from './use-carousel'\n\nconst COMPONENT_NAME = 'ElCarousel'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(carouselProps)\nconst emit = defineEmits(carouselEmits)\nconst {\n  root,\n  activeIndex,\n  exposeActiveIndex,\n  arrowDisplay,\n  hasLabel,\n  hover,\n  isCardType,\n  items,\n  isVertical,\n  containerStyle,\n  handleButtonEnter,\n  handleButtonLeave,\n  handleIndicatorClick,\n  handleMouseEnter,\n  handleMouseLeave,\n  setActiveItem,\n  prev,\n  next,\n  PlaceholderItem,\n  isTwoLengthShow,\n  ItemsSorter,\n  throttledArrowClick,\n  throttledIndicatorHover,\n} = useCarousel(props, emit, COMPONENT_NAME)\nconst ns = useNamespace('carousel')\n\nconst { t } = useLocale()\n\nconst carouselClasses = computed(() => {\n  const classes = [ns.b(), ns.m(props.direction)]\n  if (unref(isCardType)) {\n    classes.push(ns.m('card'))\n  }\n  return classes\n})\n\nconst indicatorsClasses = computed(() => {\n  const classes = [ns.e('indicators'), ns.em('indicators', props.direction)]\n  if (unref(hasLabel)) {\n    classes.push(ns.em('indicators', 'labels'))\n  }\n  if (props.indicatorPosition === 'outside') {\n    classes.push(ns.em('indicators', 'outside'))\n  }\n  if (unref(isVertical)) {\n    classes.push(ns.em('indicators', 'right'))\n  }\n  return classes\n})\n\nfunction handleTransitionStart(e: TransitionEvent) {\n  if (!props.motionBlur) return\n\n  const kls = unref(isVertical)\n    ? `${ns.namespace.value}-transitioning-vertical`\n    : `${ns.namespace.value}-transitioning`\n  ;(e.currentTarget as HTMLDivElement).classList.add(kls)\n}\n\nfunction handleTransitionEnd(e: TransitionEvent) {\n  if (!props.motionBlur) return\n\n  const kls = unref(isVertical)\n    ? `${ns.namespace.value}-transitioning-vertical`\n    : `${ns.namespace.value}-transitioning`\n  ;(e.currentTarget as HTMLDivElement).classList.remove(kls)\n}\n\ndefineExpose({\n  /** @description active slide index */\n  activeIndex: exposeActiveIndex,\n  /** @description manually switch slide, index of the slide to be switched to, starting from 0; or the `name` of corresponding `el-carousel-item` */\n  setActiveItem,\n  /** @description switch to the previous slide */\n  prev,\n  /** @description switch to the next slide */\n  next,\n})\n</script>\n"],"names":["useCarousel","useNamespace","useLocale","computed","unref","_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_unref","_createBlock","_Transition","_withDirectives","_createElementVNode","_createVNode","ElIcon","_withCtx","ArrowLeft","arrow","loop","ArrowRight","_normalizeStyle","_renderSlot","indicatorPosition","_Fragment","_renderList","direction","_toDisplayString","_createCommentVNode","_vShow","motionBlur"],"mappings":"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"}

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

@@ -1,152 +1,5 @@
 import type { ComputedRef, StyleValue } from 'vue';
-import type { CascaderNode, CascaderPanelInstance, CascaderValue, Tag } from '@element-plus/nightly/es/components/cascader-panel';
-declare var __VLS_26: {}, __VLS_55: {
-    data: {
-        node?: {
-            readonly uid: number;
-            readonly level: number;
-            readonly value: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue;
-            readonly label: string;
-            readonly pathNodes: any[];
-            readonly pathValues: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
-            readonly pathLabels: string[];
-            childrenData: {
-                [x: string]: unknown;
-                label?: string | undefined;
-                value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
-                children?: any[] | undefined;
-                disabled?: boolean | undefined;
-                leaf?: boolean | undefined;
-            }[] | undefined;
-            children: any[];
-            text: string;
-            loaded: boolean;
-            checked: boolean;
-            indeterminate: boolean;
-            loading: boolean;
-            readonly data: {
-                [x: string]: unknown;
-                label?: string | undefined;
-                value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
-                children?: any[] | undefined;
-                disabled?: boolean | undefined;
-                leaf?: boolean | undefined;
-            };
-            readonly config: {
-                expandTrigger: import("@element-plus/nightly/es/components/cascader-panel").ExpandTrigger;
-                multiple: boolean;
-                checkStrictly: boolean;
-                emitPath: boolean;
-                lazy: boolean;
-                lazyLoad: import("@element-plus/nightly/es/components/cascader-panel").LazyLoad;
-                value: string;
-                label: string;
-                children: string;
-                disabled: string | import("@element-plus/nightly/es/components/cascader-panel").isDisabled;
-                leaf: string | import("@element-plus/nightly/es/components/cascader-panel").isLeaf;
-                hoverThreshold: number;
-                checkOnClickNode: boolean;
-                checkOnClickLeaf: boolean;
-                showPrefix: boolean;
-            };
-            readonly parent?: any | undefined;
-            readonly root: boolean;
-            readonly isDisabled: boolean;
-            readonly isLeaf: boolean;
-            readonly valueByOption: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
-            appendChild: (childData: import("@element-plus/nightly/es/components/cascader-panel").CascaderOption) => CascaderNode;
-            calcText: (allLevels: boolean, separator: string) => string;
-            broadcast: (checked: boolean) => void;
-            emit: () => void;
-            onParentCheck: (checked: boolean) => void;
-            onChildCheck: () => void;
-            setCheckState: (checked: boolean) => void;
-            doCheck: (checked: boolean) => void;
-        } | undefined;
-        key: number;
-        text: string;
-        hitState?: boolean | undefined;
-        closable: boolean;
-    }[];
-    deleteTag: (tag: Tag) => void;
-}, __VLS_93: {}, __VLS_107: {}, __VLS_119: {
-    item: {
-        readonly uid: number;
-        readonly level: number;
-        readonly value: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue;
-        readonly label: string;
-        readonly pathNodes: any[];
-        readonly pathValues: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
-        readonly pathLabels: string[];
-        childrenData: {
-            [x: string]: unknown;
-            label?: string | undefined;
-            value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
-            children?: any[] | undefined;
-            disabled?: boolean | undefined;
-            leaf?: boolean | undefined;
-        }[] | undefined;
-        children: any[];
-        text: string;
-        loaded: boolean;
-        checked: boolean;
-        indeterminate: boolean;
-        loading: boolean;
-        readonly data: {
-            [x: string]: unknown;
-            label?: string | undefined;
-            value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
-            children?: any[] | undefined;
-            disabled?: boolean | undefined;
-            leaf?: boolean | undefined;
-        };
-        readonly config: {
-            expandTrigger: import("@element-plus/nightly/es/components/cascader-panel").ExpandTrigger;
-            multiple: boolean;
-            checkStrictly: boolean;
-            emitPath: boolean;
-            lazy: boolean;
-            lazyLoad: import("@element-plus/nightly/es/components/cascader-panel").LazyLoad;
-            value: string;
-            label: string;
-            children: string;
-            disabled: string | import("@element-plus/nightly/es/components/cascader-panel").isDisabled;
-            leaf: string | import("@element-plus/nightly/es/components/cascader-panel").isLeaf;
-            hoverThreshold: number;
-            checkOnClickNode: boolean;
-            checkOnClickLeaf: boolean;
-            showPrefix: boolean;
-        };
-        readonly parent?: any | undefined;
-        readonly root: boolean;
-        readonly isDisabled: boolean;
-        readonly isLeaf: boolean;
-        readonly valueByOption: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
-        appendChild: (childData: import("@element-plus/nightly/es/components/cascader-panel").CascaderOption) => CascaderNode;
-        calcText: (allLevels: boolean, separator: string) => string;
-        broadcast: (checked: boolean) => void;
-        emit: () => void;
-        onParentCheck: (checked: boolean) => void;
-        onChildCheck: () => void;
-        setCheckState: (checked: boolean) => void;
-        doCheck: (checked: boolean) => void;
-    };
-}, __VLS_131: {}, __VLS_133: {};
-type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_26) => any;
-} & {
-    tag?: (props: typeof __VLS_55) => any;
-} & {
-    header?: (props: typeof __VLS_93) => any;
-} & {
-    empty?: (props: typeof __VLS_107) => any;
-} & {
-    'suggestion-item'?: (props: typeof __VLS_119) => any;
-} & {
-    empty?: (props: typeof __VLS_131) => any;
-} & {
-    footer?: (props: typeof __VLS_133) => any;
-};
+import type { CascaderNode, CascaderPanelInstance, CascaderValue } from '@element-plus/nightly/es/components/cascader-panel';
 declare const __VLS_base: import("vue").DefineComponent<{
     emptyValues: ArrayConstructor;
     valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null))[], unknown, unknown, undefined, boolean>;

package/lib/components/cascader/src/cascader2.js

@@ -60,10 +60,16 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
     const nsCascader = index.useNamespace("cascader");
     const nsInput = index.useNamespace("input");
+    const sizeMapPadding = {
+      small: 7,
+      default: 11,
+      large: 15
+    };
     const { t } = index$1.useLocale();
     const { formItem } = useFormItem.useFormItem();
     const isDisabled = useFormCommonProps.useFormDisabled();
@@ -294,7 +300,7 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const updateStyle = () => {
-      var _a, _b;
+      var _a, _b, _c;
       const inputInner = (_a = inputRef.value) == null ? void 0 : _a.input;
       const tagWrapperEl = tagWrapper.value;
       const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
@@ -310,6 +316,21 @@ const _sfc_main = vue.defineComponent({
         const { offsetHeight } = tagWrapperEl;
         const height = tags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
         inputInner.style.height = height;
+        if (slots.prefix) {
+          const prefix = (_c = inputRef.value) == null ? void 0 : _c.$el.querySelector(
+            `.${nsInput.e("prefix")}`
+          );
+          let left = 0;
+          if (prefix) {
+            left = prefix.offsetWidth;
+            if (left > 0) {
+              left += sizeMapPadding[realSize.value || "default"];
+            }
+          }
+          tagWrapperEl.style.left = `${left}px`;
+        } else {
+          tagWrapperEl.style.left = `0`;
+        }
         updatePopperPosition();
       }
     };