@element-plus/nightly 0.0.20241129 → 0.0.20241130

package/lib/components/affix/src/affix2.js

@@ -2,34 +2,126 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var event = require('../../../constants/event.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var types = require('../../../utils/types.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var affix = require('./affix.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var scroll = require('../../../utils/dom/scroll.js');
+var style = require('../../../utils/dom/style.js');
+var error = require('../../../utils/error.js');
 
-const affixProps = runtime.buildProps({
-  zIndex: {
-    type: runtime.definePropType([Number, String]),
-    default: 100
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  position: {
-    type: String,
-    values: ["top", "bottom"],
-    default: "top"
+const COMPONENT_NAME = "ElAffix";
+const __default__ = vue.defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: affix.affixProps,
+  emits: affix.affixEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const ns = index.useNamespace("affix");
+    const target = vue.shallowRef();
+    const root = vue.shallowRef();
+    const scrollContainer = vue.shallowRef();
+    const { height: windowHeight } = core.useWindowSize();
+    const {
+      height: rootHeight,
+      width: rootWidth,
+      top: rootTop,
+      bottom: rootBottom,
+      update: updateRoot
+    } = core.useElementBounding(root, { windowScroll: false });
+    const targetRect = core.useElementBounding(target);
+    const fixed = vue.ref(false);
+    const scrollTop = vue.ref(0);
+    const transform = vue.ref(0);
+    const rootStyle = vue.computed(() => {
+      return {
+        height: fixed.value ? `${rootHeight.value}px` : "",
+        width: fixed.value ? `${rootWidth.value}px` : ""
+      };
+    });
+    const affixStyle = vue.computed(() => {
+      if (!fixed.value)
+        return {};
+      const offset = props.offset ? style.addUnit(props.offset) : 0;
+      return {
+        height: `${rootHeight.value}px`,
+        width: `${rootWidth.value}px`,
+        top: props.position === "top" ? offset : "",
+        bottom: props.position === "bottom" ? offset : "",
+        transform: transform.value ? `translateY(${transform.value}px)` : "",
+        zIndex: props.zIndex
+      };
+    });
+    const update = () => {
+      if (!scrollContainer.value)
+        return;
+      scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
+      const { position, target: target2, offset } = props;
+      const rootHeightOffset = offset + rootHeight.value;
+      if (position === "top") {
+        if (target2) {
+          const difference = targetRect.bottom.value - rootHeightOffset;
+          fixed.value = offset > rootTop.value && targetRect.bottom.value > 0;
+          transform.value = difference < 0 ? difference : 0;
+        } else {
+          fixed.value = offset > rootTop.value;
+        }
+      } else if (target2) {
+        const difference = windowHeight.value - targetRect.top.value - rootHeightOffset;
+        fixed.value = windowHeight.value - offset < rootBottom.value && windowHeight.value > targetRect.top.value;
+        transform.value = difference < 0 ? -difference : 0;
+      } else {
+        fixed.value = windowHeight.value - offset < rootBottom.value;
+      }
+    };
+    const handleScroll = () => {
+      updateRoot();
+      emit("scroll", {
+        scrollTop: scrollTop.value,
+        fixed: fixed.value
+      });
+    };
+    vue.watch(fixed, (val) => emit("change", val));
+    vue.onMounted(() => {
+      var _a;
+      if (props.target) {
+        target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!target.value)
+          error.throwError(COMPONENT_NAME, `Target does not exist: ${props.target}`);
+      } else {
+        target.value = document.documentElement;
+      }
+      scrollContainer.value = scroll.getScrollContainer(root.value, true);
+      updateRoot();
+    });
+    core.useEventListener(scrollContainer, "scroll", handleScroll);
+    vue.watchEffect(update);
+    expose({
+      update,
+      updateRoot
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "root",
+        ref: root,
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        style: vue.normalizeStyle(vue.unref(rootStyle))
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: fixed.value }),
+          style: vue.normalizeStyle(vue.unref(affixStyle))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 6)
+      ], 6);
+    };
   }
 });
-const affixEmits = {
-  scroll: ({ scrollTop, fixed }) => types.isNumber(scrollTop) && types.isBoolean(fixed),
-  [event.CHANGE_EVENT]: (fixed) => types.isBoolean(fixed)
-};
+var Affix = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "affix.vue"]]);
 
-exports.affixEmits = affixEmits;
-exports.affixProps = affixProps;
+exports["default"] = Affix;
 //# sourceMappingURL=affix2.js.map

package/lib/components/affix/src/affix2.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n  /**\n   * @description affix element zIndex value\n   * */\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  /**\n   * @description target container. (CSS selector)\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description offset distance\n   * */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description position of affix\n   * */\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n  scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n    isNumber(scrollTop) && isBoolean(fixed),\n  [CHANGE_EVENT]: (fixed: boolean) => isBoolean(fixed),\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix>\n"],"names":["buildProps","definePropType","isNumber","isBoolean","CHANGE_EVENT"],"mappings":";;;;;;;;AAOY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAKC,cAAQ,CAAC,SAAS,CAAC,IAAIC,eAAS,CAAC,KAAK,CAAC;AAC3E,EAAE,CAACC,kBAAY,GAAG,CAAC,KAAK,KAAKD,eAAS,CAAC,KAAK,CAAC;AAC7C;;;;;"}
+{"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n    <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef, watch, watchEffect } from 'vue'\nimport {\n  useElementBounding,\n  useEventListener,\n  useWindowSize,\n} from '@vueuse/core'\nimport { addUnit, getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n  height: rootHeight,\n  width: rootWidth,\n  top: rootTop,\n  bottom: rootBottom,\n  update: updateRoot,\n} = useElementBounding(root, { windowScroll: false })\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n  return {\n    height: fixed.value ? `${rootHeight.value}px` : '',\n    width: fixed.value ? `${rootWidth.value}px` : '',\n  }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n  if (!fixed.value) return {}\n\n  const offset = props.offset ? addUnit(props.offset) : 0\n  return {\n    height: `${rootHeight.value}px`,\n    width: `${rootWidth.value}px`,\n    top: props.position === 'top' ? offset : '',\n    bottom: props.position === 'bottom' ? offset : '',\n    transform: transform.value ? `translateY(${transform.value}px)` : '',\n    zIndex: props.zIndex,\n  }\n})\n\nconst update = () => {\n  if (!scrollContainer.value) return\n\n  scrollTop.value =\n    scrollContainer.value instanceof Window\n      ? document.documentElement.scrollTop\n      : scrollContainer.value.scrollTop || 0\n\n  const { position, target, offset } = props\n  const rootHeightOffset = offset + rootHeight.value\n\n  if (position === 'top') {\n    if (target) {\n      const difference = targetRect.bottom.value - rootHeightOffset\n      fixed.value = offset > rootTop.value && targetRect.bottom.value > 0\n      transform.value = difference < 0 ? difference : 0\n    } else {\n      fixed.value = offset > rootTop.value\n    }\n  } else if (target) {\n    const difference =\n      windowHeight.value - targetRect.top.value - rootHeightOffset\n    fixed.value =\n      windowHeight.value - offset < rootBottom.value &&\n      windowHeight.value > targetRect.top.value\n    transform.value = difference < 0 ? -difference : 0\n  } else {\n    fixed.value = windowHeight.value - offset < rootBottom.value\n  }\n}\n\nconst handleScroll = () => {\n  updateRoot()\n  emit('scroll', {\n    scrollTop: scrollTop.value,\n    fixed: fixed.value,\n  })\n}\n\nwatch(fixed, (val) => emit('change', val))\n\nonMounted(() => {\n  if (props.target) {\n    target.value =\n      document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!target.value)\n      throwError(COMPONENT_NAME, `Target does not exist: ${props.target}`)\n  } else {\n    target.value = document.documentElement\n  }\n  scrollContainer.value = getScrollContainer(root.value!, true)\n  updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n  /** @description update affix status */\n  update,\n  /** @description update rootRect info */\n  updateRoot,\n})\n</script>\n"],"names":["useNamespace","shallowRef","useWindowSize","useElementBounding","ref","computed","addUnit","target","watch","onMounted","throwError","getScrollContainer","useEventListener","watchEffect"],"mappings":"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"}

package/lib/components/carousel/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var carousel$1 = require('./src/carousel2.js');
-var carouselItem$1 = require('./src/carousel-item2.js');
+var carouselItem$1 = require('./src/carousel-item.js');
 var carousel = require('./src/carousel.js');
-var carouselItem = require('./src/carousel-item.js');
+var carouselItem = require('./src/carousel-item2.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/carousel/src/carousel-item.js

@@ -2,15 +2,77 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var carouselItem = require('./carousel-item2.js');
+var useCarouselItem = require('./use-carousel-item.js');
+var constants = require('./constants.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const carouselItemProps = runtime.buildProps({
-  name: { type: String, default: "" },
-  label: {
-    type: [String, Number],
-    default: ""
+const __default__ = vue.defineComponent({
+  name: constants.CAROUSEL_ITEM_NAME
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: carouselItem.carouselItemProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("carousel");
+    const {
+      carouselItemRef,
+      active,
+      animating,
+      hover,
+      inStage,
+      isVertical,
+      translate,
+      isCardType,
+      scale,
+      ready,
+      handleItemClick
+    } = useCarouselItem.useCarouselItem(props);
+    const itemKls = vue.computed(() => [
+      ns.e("item"),
+      ns.is("active", active.value),
+      ns.is("in-stage", inStage.value),
+      ns.is("hover", hover.value),
+      ns.is("animating", animating.value),
+      {
+        [ns.em("item", "card")]: isCardType.value,
+        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
+      }
+    ]);
+    const itemStyle = vue.computed(() => {
+      const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
+      const _translate = `${translateType}(${vue.unref(translate)}px)`;
+      const _scale = `scale(${vue.unref(scale)})`;
+      const transform = [_translate, _scale].join(" ");
+      return {
+        transform
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "carouselItemRef",
+        ref: carouselItemRef,
+        class: vue.normalizeClass(vue.unref(itemKls)),
+        style: vue.normalizeStyle(vue.unref(itemStyle)),
+        onClick: vue.unref(handleItemClick)
+      }, [
+        vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("mask"))
+        }, null, 2)), [
+          [vue.vShow, !vue.unref(active)]
+        ]) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 14, ["onClick"])), [
+        [vue.vShow, vue.unref(ready)]
+      ]);
+    };
   }
 });
+var CarouselItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "carousel-item.vue"]]);
 
-exports.carouselItemProps = carouselItemProps;
+exports["default"] = CarouselItem;
 //# sourceMappingURL=carousel-item.js.map

package/lib/components/carousel/src/carousel-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"carousel-item.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["CAROUSEL_ITEM_NAME","useNamespace","useCarouselItem","computed","unref"],"mappings":";;;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAAA,4BAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAIC,gCAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAAC,SAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAAA,SAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAASA,SAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/carousel/src/carousel-item2.js

@@ -2,77 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var carouselItem = require('./carousel-item.js');
-var useCarouselItem = require('./use-carousel-item.js');
-var constants = require('./constants.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: constants.CAROUSEL_ITEM_NAME
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: carouselItem.carouselItemProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("carousel");
-    const {
-      carouselItemRef,
-      active,
-      animating,
-      hover,
-      inStage,
-      isVertical,
-      translate,
-      isCardType,
-      scale,
-      ready,
-      handleItemClick
-    } = useCarouselItem.useCarouselItem(props);
-    const itemKls = vue.computed(() => [
-      ns.e("item"),
-      ns.is("active", active.value),
-      ns.is("in-stage", inStage.value),
-      ns.is("hover", hover.value),
-      ns.is("animating", animating.value),
-      {
-        [ns.em("item", "card")]: isCardType.value,
-        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
-      }
-    ]);
-    const itemStyle = vue.computed(() => {
-      const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
-      const _translate = `${translateType}(${vue.unref(translate)}px)`;
-      const _scale = `scale(${vue.unref(scale)})`;
-      const transform = [_translate, _scale].join(" ");
-      return {
-        transform
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "carouselItemRef",
-        ref: carouselItemRef,
-        class: vue.normalizeClass(vue.unref(itemKls)),
-        style: vue.normalizeStyle(vue.unref(itemStyle)),
-        onClick: vue.unref(handleItemClick)
-      }, [
-        vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).e("mask"))
-        }, null, 2)), [
-          [vue.vShow, !vue.unref(active)]
-        ]) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 14, ["onClick"])), [
-        [vue.vShow, vue.unref(ready)]
-      ]);
-    };
+const carouselItemProps = runtime.buildProps({
+  name: { type: String, default: "" },
+  label: {
+    type: [String, Number],
+    default: ""
   }
 });
-var CarouselItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "carousel-item.vue"]]);
 
-exports["default"] = CarouselItem;
+exports.carouselItemProps = carouselItemProps;
 //# sourceMappingURL=carousel-item2.js.map

package/lib/components/carousel/src/carousel-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item2.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["CAROUSEL_ITEM_NAME","useNamespace","useCarouselItem","computed","unref"],"mappings":";;;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAAA,4BAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAIC,gCAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAAC,SAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAAA,SAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAASA,SAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"carousel-item2.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/lib/components/index.js

@@ -86,7 +86,7 @@ var index$1g = require('./notification/index.js');
 var index$1h = require('./popover/index.js');
 var fixedSizeGrid = require('./virtual-list/src/components/fixed-size-grid.js');
 var dynamicSizeGrid = require('./virtual-list/src/components/dynamic-size-grid.js');
-var affix = require('./affix/src/affix2.js');
+var affix = require('./affix/src/affix.js');
 var alert = require('./alert/src/alert.js');
 var autocomplete = require('./autocomplete/src/autocomplete.js');
 var avatar = require('./avatar/src/avatar.js');
@@ -100,7 +100,7 @@ var constants$1 = require('./button/src/constants.js');
 var calendar = require('./calendar/src/calendar.js');
 var card = require('./card/src/card.js');
 var carousel = require('./carousel/src/carousel.js');
-var carouselItem = require('./carousel/src/carousel-item.js');
+var carouselItem = require('./carousel/src/carousel-item2.js');
 var constants$2 = require('./carousel/src/constants.js');
 var cascader = require('./cascader/src/cascader.js');
 var types = require('./cascader-panel/src/types.js');
@@ -141,7 +141,7 @@ var image = require('./image/src/image.js');
 var imageViewer = require('./image-viewer/src/image-viewer.js');
 var input = require('./input/src/input.js');
 var inputNumber = require('./input-number/src/input-number.js');
-var inputTag = require('./input-tag/src/input-tag.js');
+var inputTag = require('./input-tag/src/input-tag2.js');
 var link = require('./link/src/link.js');
 var menu = require('./menu/src/menu.js');
 var menuItem = require('./menu/src/menu-item.js');
@@ -221,7 +221,7 @@ var dynamicSizeList = require('./virtual-list/src/components/dynamic-size-list.j
 var props$1 = require('./virtual-list/src/props.js');
 var watermark = require('./watermark/src/watermark.js');
 var tour = require('./tour/src/tour.js');
-var step = require('./tour/src/step.js');
+var step = require('./tour/src/step2.js');
 var content$3 = require('./tour/src/content.js');
 var anchor = require('./anchor/src/anchor.js');
 var segmented = require('./segmented/src/segmented.js');

package/lib/components/input-tag/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var inputTag$1 = require('./src/input-tag2.js');
-var inputTag = require('./src/input-tag.js');
+var inputTag$1 = require('./src/input-tag.js');
+var inputTag = require('./src/input-tag2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElInputTag = install.withInstall(inputTag$1["default"]);