@element-plus/nightly 0.0.20220306 → 0.0.20220307

package/lib/components/calendar/src/date-table2.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-table2.js","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { dateTableProps, dateTableEmits } from './date-table'\nimport type { Dayjs } from 'dayjs'\ndayjs.extend(localeData)\n\ntype CellType = 'next' | 'prev' | 'current'\ninterface Cell {\n  text: number\n  type: CellType\n}\n\nconst WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'] as const\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nconst toNestedArr = (days: Cell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport default defineComponent({\n  props: dateTableProps,\n  emits: dateTableEmits,\n\n  setup(props, { emit }) {\n    const { t, lang } = useLocale()\n    const nsTable = useNamespace('calendar-table')\n    const nsDay = useNamespace('calendar-day')\n\n    const now = dayjs().locale(lang.value)\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek: number = (now as any).$locale().weekStart || 0\n\n    const isInRange = computed(() => !!props.range && !!props.range.length)\n\n    const rows = computed(() => {\n      let days: Cell[] = []\n      if (isInRange.value) {\n        const [start, end] = props.range!\n        const currentMonthRange: Cell[] = rangeArr(\n          end.date() - start.date() + 1\n        ).map((index) => ({\n          text: start.date() + index,\n          type: 'current',\n        }))\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange: Cell[] = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays: Cell[] = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays: Cell[] = getMonthDays(props.date).map(\n          (day) => ({\n            text: day,\n            type: 'current',\n          })\n        )\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays: Cell[] = rangeArr(42 - days.length).map(\n          (_, index) => ({\n            text: index + 1,\n            type: 'next',\n          })\n        )\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n      if (start === 0) {\n        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))\n      } else {\n        return WEEK_DAYS.slice(start)\n          .concat(WEEK_DAYS.slice(0, start))\n          .map((_) => t(`el.datepicker.weeks.${_}`))\n      }\n    })\n\n    const getFormattedDate = (day: number, type: CellType): Dayjs => {\n      switch (type) {\n        case 'prev':\n          return props.date.startOf('month').subtract(1, 'month').date(day)\n        case 'next':\n          return props.date.startOf('month').add(1, 'month').date(day)\n        case 'current':\n          return props.date.date(day)\n      }\n    }\n\n    const getCellClass = ({ text, type }: Cell) => {\n      const classes: string[] = [type]\n      if (type === 'current') {\n        const date = getFormattedDate(text, type)\n        if (date.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const handlePickDay = ({ text, type }: Cell) => {\n      const date = getFormattedDate(text, type)\n      emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }: Cell) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      handlePickDay,\n      getSlotData,\n\n      nsTable,\n      nsDay,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","localeData","rangeArr","defineComponent","dateTableProps","dateTableEmits","useLocale","useNamespace","computed","_createElementBlock","_normalizeClass","_Fragment","_toDisplayString","_createElementVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"date-table2.js","sources":["../../../../../../packages/components/calendar/src/date-table.vue"],"sourcesContent":["<template>\n  <table\n    :class=\"[nsTable.b(), nsTable.is('range', isInRange)]\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n  >\n    <thead v-if=\"!hideHeader\">\n      <th v-for=\"day in weekDays\" :key=\"day\">{{ day }}</th>\n    </thead>\n\n    <tbody>\n      <tr\n        v-for=\"(row, index) in rows\"\n        :key=\"index\"\n        :class=\"{\n          [nsTable.e('row')]: true,\n          [nsTable.em('row', 'hide-border')]: index === 0 && hideHeader,\n        }\"\n      >\n        <td\n          v-for=\"(cell, key) in row\"\n          :key=\"key\"\n          :class=\"getCellClass(cell)\"\n          @click=\"handlePickDay(cell)\"\n        >\n          <div :class=\"nsDay.b()\">\n            <slot name=\"dateCell\" :data=\"getSlotData(cell)\">\n              <span>{{ cell.text }}</span>\n            </slot>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\nimport localeData from 'dayjs/plugin/localeData'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { rangeArr } from '@element-plus/components/time-picker'\nimport { dateTableProps, dateTableEmits } from './date-table'\nimport type { Dayjs } from 'dayjs'\ndayjs.extend(localeData)\n\ntype CellType = 'next' | 'prev' | 'current'\ninterface Cell {\n  text: number\n  type: CellType\n}\n\nconst WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'] as const\n\nexport const getPrevMonthLastDays = (date: Dayjs, count: number) => {\n  const lastDay = date.subtract(1, 'month').endOf('month').date()\n  return rangeArr(count).map((_, index) => lastDay - (count - index - 1))\n}\n\nexport const getMonthDays = (date: Dayjs) => {\n  const days = date.daysInMonth()\n  return rangeArr(days).map((_, index) => index + 1)\n}\n\nconst toNestedArr = (days: Cell[]) =>\n  rangeArr(days.length / 7).map((index) => {\n    const start = index * 7\n    return days.slice(start, start + 7)\n  })\n\nexport default defineComponent({\n  props: dateTableProps,\n  emits: dateTableEmits,\n\n  setup(props, { emit }) {\n    const { t, lang } = useLocale()\n    const nsTable = useNamespace('calendar-table')\n    const nsDay = useNamespace('calendar-day')\n\n    const now = dayjs().locale(lang.value)\n    // todo better way to get Day.js locale object\n    const firstDayOfWeek: number = (now as any).$locale().weekStart || 0\n\n    const isInRange = computed(() => !!props.range && !!props.range.length)\n\n    const rows = computed(() => {\n      let days: Cell[] = []\n      if (isInRange.value) {\n        const [start, end] = props.range!\n        const currentMonthRange: Cell[] = rangeArr(\n          end.date() - start.date() + 1\n        ).map((index) => ({\n          text: start.date() + index,\n          type: 'current',\n        }))\n\n        let remaining = currentMonthRange.length % 7\n        remaining = remaining === 0 ? 0 : 7 - remaining\n        const nextMonthRange: Cell[] = rangeArr(remaining).map((_, index) => ({\n          text: index + 1,\n          type: 'next',\n        }))\n        days = currentMonthRange.concat(nextMonthRange)\n      } else {\n        const firstDay = props.date.startOf('month').day() || 7\n        const prevMonthDays: Cell[] = getPrevMonthLastDays(\n          props.date,\n          firstDay - firstDayOfWeek\n        ).map((day) => ({\n          text: day,\n          type: 'prev',\n        }))\n        const currentMonthDays: Cell[] = getMonthDays(props.date).map(\n          (day) => ({\n            text: day,\n            type: 'current',\n          })\n        )\n        days = [...prevMonthDays, ...currentMonthDays]\n        const nextMonthDays: Cell[] = rangeArr(42 - days.length).map(\n          (_, index) => ({\n            text: index + 1,\n            type: 'next',\n          })\n        )\n        days = days.concat(nextMonthDays)\n      }\n      return toNestedArr(days)\n    })\n\n    const weekDays = computed(() => {\n      const start = firstDayOfWeek\n      if (start === 0) {\n        return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))\n      } else {\n        return WEEK_DAYS.slice(start)\n          .concat(WEEK_DAYS.slice(0, start))\n          .map((_) => t(`el.datepicker.weeks.${_}`))\n      }\n    })\n\n    const getFormattedDate = (day: number, type: CellType): Dayjs => {\n      switch (type) {\n        case 'prev':\n          return props.date.startOf('month').subtract(1, 'month').date(day)\n        case 'next':\n          return props.date.startOf('month').add(1, 'month').date(day)\n        case 'current':\n          return props.date.date(day)\n      }\n    }\n\n    const getCellClass = ({ text, type }: Cell) => {\n      const classes: string[] = [type]\n      if (type === 'current') {\n        const date = getFormattedDate(text, type)\n        if (date.isSame(props.selectedDay, 'day')) {\n          classes.push('is-selected')\n        }\n        if (date.isSame(now, 'day')) {\n          classes.push('is-today')\n        }\n      }\n      return classes\n    }\n\n    const handlePickDay = ({ text, type }: Cell) => {\n      const date = getFormattedDate(text, type)\n      emit('pick', date)\n    }\n\n    const getSlotData = ({ text, type }: Cell) => {\n      const day = getFormattedDate(text, type)\n      return {\n        isSelected: day.isSame(props.selectedDay),\n        type: `${type}-month`,\n        day: day.format('YYYY-MM-DD'),\n        date: day.toDate(),\n      }\n    }\n\n    return {\n      isInRange,\n      weekDays,\n      rows,\n      getCellClass,\n      handlePickDay,\n      getSlotData,\n\n      nsTable,\n      nsDay,\n    }\n  },\n})\n</script>\n"],"names":["dayjs","localeData","rangeArr","defineComponent","dateTableProps","dateTableEmits","useLocale","useNamespace","computed","_createElementBlock","_normalizeClass","_openBlock","_Fragment","_renderList","_toDisplayString","_createElementVNode","_renderSlot"],"mappings":"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"}

package/lib/components/card/src/card2.js.map

@@ -1 +1 @@
-{"version":3,"file":"card2.js","sources":["../../../../../../packages/components/card/src/card.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is(`${shadow}-shadow`)]\">\n    <div v-if=\"$slots.header || header\" :class=\"ns.e('header')\">\n      <slot name=\"header\">{{ header }}</slot>\n    </div>\n    <div :class=\"ns.e('body')\" :style=\"bodyStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { cardProps } from './card'\n\ndefineOptions({\n  name: 'ElCard',\n})\n\ndefineProps(cardProps)\n\nconst ns = useNamespace('card')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"card2.js","sources":["../../../../../../packages/components/card/src/card.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is(`${shadow}-shadow`)]\">\n    <div v-if=\"$slots.header || header\" :class=\"ns.e('header')\">\n      <slot name=\"header\">{{ header }}</slot>\n    </div>\n    <div :class=\"ns.e('body')\" :style=\"bodyStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { cardProps } from './card'\n\ndefineOptions({\n  name: 'ElCard',\n})\n\ndefineProps(cardProps)\n\nconst ns = useNamespace('card')\n</script>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;AAoBA,IAAA,MAAA,KAAAA,kBAAA,CAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../../packages/components/carousel/src/item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"data.ready\"\n    :class=\"[\n      ns.e('item'),\n      ns.is('active', data.active),\n      ns.is('in-stage', data.inStage),\n      ns.is('hover', data.hover),\n      ns.is('animating', data.animating),\n      { [ns.em('item', 'card')]: type === 'card' },\n    ]\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div\n      v-if=\"type === 'card'\"\n      v-show=\"!data.active\"\n      :class=\"ns.e('mask')\"\n    ></div>\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  onMounted,\n  inject,\n  computed,\n  toRefs,\n  getCurrentInstance,\n  onUnmounted,\n} from 'vue'\nimport { debugWarn } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport type { CSSProperties } from 'vue'\nimport type { InjectCarouselScope, ICarouselItemProps } from './carousel'\n\nconst CARD_SCALE = 0.83\nexport default defineComponent({\n  name: 'ElCarouselItem',\n  props: {\n    name: { type: String, default: '' },\n    label: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props: ICarouselItemProps) {\n    const ns = useNamespace('carousel')\n    // instance\n    const instance = getCurrentInstance()\n\n    // data\n    const data = reactive({\n      hover: false,\n      translate: 0,\n      scale: 1,\n      active: false,\n      ready: false,\n      inStage: false,\n      animating: false,\n    })\n\n    // inject\n    const injectCarouselScope: InjectCarouselScope = inject(\n      'injectCarouselScope'\n    )\n\n    // computed\n    const parentDirection = computed(() => {\n      return injectCarouselScope.direction\n    })\n\n    const itemStyle = computed(() => {\n      const translateType =\n        parentDirection.value === 'vertical' ? 'translateY' : 'translateX'\n      const value = `${translateType}(${data.translate}px) scale(${data.scale})`\n      const style: CSSProperties = {\n        transform: value,\n      }\n      return style\n    })\n\n    // methods\n\n    function processIndex(index, activeIndex, length) {\n      if (activeIndex === 0 && index === length - 1) {\n        return -1\n      } else if (activeIndex === length - 1 && index === 0) {\n        return length\n      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {\n        return length + 1\n      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {\n        return -2\n      }\n      return index\n    }\n\n    function calcCardTranslate(index, activeIndex) {\n      const parentWidth = injectCarouselScope.root.value?.offsetWidth || 0\n      if (data.inStage) {\n        return (\n          (parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1)) / 4\n        )\n      } else if (index < activeIndex) {\n        return (-(1 + CARD_SCALE) * parentWidth) / 4\n      } else {\n        return ((3 + CARD_SCALE) * parentWidth) / 4\n      }\n    }\n\n    function calcTranslate(index, activeIndex, isVertical) {\n      const distance =\n        (isVertical\n          ? injectCarouselScope.root.value?.offsetHeight\n          : injectCarouselScope.root.value?.offsetWidth) || 0\n      return distance * (index - activeIndex)\n    }\n\n    const translateItem = (\n      index: number,\n      activeIndex: number,\n      oldIndex: number\n    ) => {\n      const parentType = injectCarouselScope.type\n      const length = injectCarouselScope.items.value.length\n      if (parentType !== 'card' && oldIndex !== undefined) {\n        data.animating = index === activeIndex || index === oldIndex\n      }\n      if (index !== activeIndex && length > 2 && injectCarouselScope.loop) {\n        index = processIndex(index, activeIndex, length)\n      }\n      if (parentType === 'card') {\n        if (parentDirection.value === 'vertical') {\n          debugWarn(\n            'Carousel',\n            'vertical direction is not supported in card mode'\n          )\n        }\n        data.inStage = Math.round(Math.abs(index - activeIndex)) <= 1\n        data.active = index === activeIndex\n        data.translate = calcCardTranslate(index, activeIndex)\n        data.scale = data.active ? 1 : CARD_SCALE\n      } else {\n        data.active = index === activeIndex\n        const isVertical = parentDirection.value === 'vertical'\n        data.translate = calcTranslate(index, activeIndex, isVertical)\n      }\n      data.ready = true\n    }\n\n    function handleItemClick() {\n      if (injectCarouselScope && injectCarouselScope.type === 'card') {\n        const index = injectCarouselScope.items.value\n          .map((d) => d.uid)\n          .indexOf(instance.uid)\n        injectCarouselScope.setActiveItem(index)\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      if (injectCarouselScope.addItem) {\n        injectCarouselScope.addItem({\n          uid: instance.uid,\n          ...props,\n          ...toRefs(data),\n          translateItem,\n        })\n      }\n    })\n\n    onUnmounted(() => {\n      if (injectCarouselScope.removeItem) {\n        injectCarouselScope.removeItem(instance.uid)\n      }\n    })\n\n    return {\n      data,\n      itemStyle,\n      translateItem,\n      type: injectCarouselScope.type,\n      handleItemClick,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","getCurrentInstance","reactive","inject","computed"],"mappings":";;;;;;;;;;;AAsCA,MAAM,aAAa;AACnB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM,EAAE,MAAM,QAAQ,SAAS;AAAA,IAC/B,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAA2B;AAC/B,UAAM,KAAKC,mBAAa;AAExB,UAAM,WAAWC;AAGjB,UAAM,OAAOC,aAAS;AAAA,MACpB,OAAO;AAAA,MACP,WAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA;AAIb,UAAM,sBAA2CC,WAC/C;AAIF,UAAM,kBAAkBC,aAAS,MAAM;AACrC,aAAO,oBAAoB;AAAA;AAG7B,UAAM,YAAYA,aAAS,MAAM;AAC/B,YAAM,gBACJ,gBAAgB,UAAU,aAAa,eAAe;AACxD,YAAM,QAAQ,GAAG,iBAAiB,KAAK,sBAAsB,KAAK;AAClE,YAAM,QAAuB;AAAA,QAC3B,WAAW;AAAA;AAEb,aAAO;AAAA;AAKT,0BAAsB,OAAO,aAAa,QAAQ;AAChD,UAAI,gBAAgB,KAAK,UAAU,SAAS,GAAG;AAC7C,eAAO;AAAA,iBACE,gBAAgB,SAAS,KAAK,UAAU,GAAG;AACpD,eAAO;AAAA,iBACE,QAAQ,cAAc,KAAK,cAAc,SAAS,SAAS,GAAG;AACvE,eAAO,SAAS;AAAA,iBACP,QAAQ,cAAc,KAAK,QAAQ,eAAe,SAAS,GAAG;AACvE,eAAO;AAAA;AAET,aAAO;AAAA;AAGT,+BAA2B,OAAO,aAAa;AAC7C,YAAM;AACN;AACE,eACG;AAAgE;AAGnE;AAA2C;AAE3C;AAA0C;AAAA;AAI9C;AACE,yDAE0B;AAE1B;AAA2B;AAG7B;AAKE;AACA,+CAAyC;AACzC,yBAAmB;AACjB,4DAAoD;AAAA;AAEtD,mCAA6B,kCAAkC;AAC7D;AAAyC;AAE3C;AACE;AACE,oBACE;AACA;AAGJ;AACA;AACA,aAAK,8BAA8B;AACnC,aAAK;AAA0B,aAC1B;AACL,aAAK,mBAAmB;AACxB;AACA,aAAK;AAA8C;AAErD;AAAa;AAGf;AACE;AACE;AAGA;AAAkC;AAAA;AAKtC;AACE;AACE;AAA4B,UAC1B;AAAc;AACX,aACA;AAAO,UACV;AAAA;AAAA;AAAA;AAKN;AACE;AACE;AAAwC;AAAA;AAI5C;AAAO,MACL;AAAA;AACA,MACA;AAAA,MACA;AAA0B,MAC1B;AAAA,MACA;AAAA;AAAA;AAAA;;;AArKE;AAjBE;AAAc,8BAAgC;AAAK,MAAe,QAAG;AAAoB,MAAgB,QAAG,GAAE,mBAAe;AAAA,MAAc,QAAG,GAAE;AAAmB,iBAAwB;AAAyB;AAAA;AAQlN;AACA;IAGA;AAGD;aADC;AAAM;;AADE;mBAGH;AAAA;;AAjBA;AAAA;;;;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../../../packages/components/carousel/src/item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"data.ready\"\n    :class=\"[\n      ns.e('item'),\n      ns.is('active', data.active),\n      ns.is('in-stage', data.inStage),\n      ns.is('hover', data.hover),\n      ns.is('animating', data.animating),\n      { [ns.em('item', 'card')]: type === 'card' },\n    ]\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div\n      v-if=\"type === 'card'\"\n      v-show=\"!data.active\"\n      :class=\"ns.e('mask')\"\n    ></div>\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  onMounted,\n  inject,\n  computed,\n  toRefs,\n  getCurrentInstance,\n  onUnmounted,\n} from 'vue'\nimport { debugWarn } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport type { CSSProperties } from 'vue'\nimport type { InjectCarouselScope, ICarouselItemProps } from './carousel'\n\nconst CARD_SCALE = 0.83\nexport default defineComponent({\n  name: 'ElCarouselItem',\n  props: {\n    name: { type: String, default: '' },\n    label: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props: ICarouselItemProps) {\n    const ns = useNamespace('carousel')\n    // instance\n    const instance = getCurrentInstance()\n\n    // data\n    const data = reactive({\n      hover: false,\n      translate: 0,\n      scale: 1,\n      active: false,\n      ready: false,\n      inStage: false,\n      animating: false,\n    })\n\n    // inject\n    const injectCarouselScope: InjectCarouselScope = inject(\n      'injectCarouselScope'\n    )\n\n    // computed\n    const parentDirection = computed(() => {\n      return injectCarouselScope.direction\n    })\n\n    const itemStyle = computed(() => {\n      const translateType =\n        parentDirection.value === 'vertical' ? 'translateY' : 'translateX'\n      const value = `${translateType}(${data.translate}px) scale(${data.scale})`\n      const style: CSSProperties = {\n        transform: value,\n      }\n      return style\n    })\n\n    // methods\n\n    function processIndex(index, activeIndex, length) {\n      if (activeIndex === 0 && index === length - 1) {\n        return -1\n      } else if (activeIndex === length - 1 && index === 0) {\n        return length\n      } else if (index < activeIndex - 1 && activeIndex - index >= length / 2) {\n        return length + 1\n      } else if (index > activeIndex + 1 && index - activeIndex >= length / 2) {\n        return -2\n      }\n      return index\n    }\n\n    function calcCardTranslate(index, activeIndex) {\n      const parentWidth = injectCarouselScope.root.value?.offsetWidth || 0\n      if (data.inStage) {\n        return (\n          (parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1)) / 4\n        )\n      } else if (index < activeIndex) {\n        return (-(1 + CARD_SCALE) * parentWidth) / 4\n      } else {\n        return ((3 + CARD_SCALE) * parentWidth) / 4\n      }\n    }\n\n    function calcTranslate(index, activeIndex, isVertical) {\n      const distance =\n        (isVertical\n          ? injectCarouselScope.root.value?.offsetHeight\n          : injectCarouselScope.root.value?.offsetWidth) || 0\n      return distance * (index - activeIndex)\n    }\n\n    const translateItem = (\n      index: number,\n      activeIndex: number,\n      oldIndex: number\n    ) => {\n      const parentType = injectCarouselScope.type\n      const length = injectCarouselScope.items.value.length\n      if (parentType !== 'card' && oldIndex !== undefined) {\n        data.animating = index === activeIndex || index === oldIndex\n      }\n      if (index !== activeIndex && length > 2 && injectCarouselScope.loop) {\n        index = processIndex(index, activeIndex, length)\n      }\n      if (parentType === 'card') {\n        if (parentDirection.value === 'vertical') {\n          debugWarn(\n            'Carousel',\n            'vertical direction is not supported in card mode'\n          )\n        }\n        data.inStage = Math.round(Math.abs(index - activeIndex)) <= 1\n        data.active = index === activeIndex\n        data.translate = calcCardTranslate(index, activeIndex)\n        data.scale = data.active ? 1 : CARD_SCALE\n      } else {\n        data.active = index === activeIndex\n        const isVertical = parentDirection.value === 'vertical'\n        data.translate = calcTranslate(index, activeIndex, isVertical)\n      }\n      data.ready = true\n    }\n\n    function handleItemClick() {\n      if (injectCarouselScope && injectCarouselScope.type === 'card') {\n        const index = injectCarouselScope.items.value\n          .map((d) => d.uid)\n          .indexOf(instance.uid)\n        injectCarouselScope.setActiveItem(index)\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      if (injectCarouselScope.addItem) {\n        injectCarouselScope.addItem({\n          uid: instance.uid,\n          ...props,\n          ...toRefs(data),\n          translateItem,\n        })\n      }\n    })\n\n    onUnmounted(() => {\n      if (injectCarouselScope.removeItem) {\n        injectCarouselScope.removeItem(instance.uid)\n      }\n    })\n\n    return {\n      data,\n      itemStyle,\n      translateItem,\n      type: injectCarouselScope.type,\n      handleItemClick,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","getCurrentInstance","reactive","inject","computed","debugWarn","onMounted","toRefs","onUnmounted","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_withDirectives","_vShow","_createCommentVNode"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../../../../../../packages/components/carousel/src/main.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\n    @mouseenter.stop=\"handleMouseEnter\"\n    @mouseleave.stop=\"handleMouseLeave\"\n  >\n    <div :class=\"ns.e('container')\" :style=\"{ height: height }\">\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex > 0)\n          \"\n          type=\"button\"\n          :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\n          @mouseenter=\"handleButtonEnter('left')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex - 1)\"\n        >\n          <el-icon>\n            <arrow-left />\n          </el-icon>\n        </button>\n      </transition>\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex < items.length - 1)\n          \"\n          type=\"button\"\n          :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\n          @mouseenter=\"handleButtonEnter('right')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex + 1)\"\n        >\n          <el-icon>\n            <arrow-right />\n          </el-icon>\n        </button>\n      </transition>\n      <slot></slot>\n    </div>\n    <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        :class=\"[\n          ns.e('indicator'),\n          ns.em('indicator', direction),\n          ns.is('active', index === data.activeIndex),\n        ]\"\n        @mouseenter=\"throttledIndicatorHover(index)\"\n        @click.stop=\"handleIndicatorClick(index)\"\n      >\n        <button :class=\"ns.e('button')\">\n          <span v-if=\"hasLabel\">{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  computed,\n  ref,\n  provide,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  nextTick,\n} from 'vue'\nimport { throttle } from 'lodash-unified'\nimport {\n  addResizeListener,\n  removeResizeListener,\n  debugWarn,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type {\n  ICarouselProps,\n  CarouselItem,\n  InjectCarouselScope,\n} from './carousel'\n\nexport default defineComponent({\n  name: 'ElCarousel',\n  components: {\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n  props: {\n    initialIndex: {\n      type: Number,\n      default: 0,\n    },\n    height: { type: String, default: '' },\n    trigger: {\n      type: String,\n      default: 'hover',\n    },\n    autoplay: {\n      type: Boolean,\n      default: true,\n    },\n    interval: {\n      type: Number,\n      default: 3000,\n    },\n    indicatorPosition: { type: String, default: '' },\n    indicator: {\n      type: Boolean,\n      default: true,\n    },\n    arrow: {\n      type: String,\n      default: 'hover',\n    },\n    type: { type: String, default: '' },\n    loop: {\n      type: Boolean,\n      default: true,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator(val: string) {\n        return ['horizontal', 'vertical'].includes(val)\n      },\n    },\n    pauseOnHover: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: ['change'],\n  setup(props: ICarouselProps, { emit }) {\n    const ns = useNamespace('carousel')\n    // data\n    const data = reactive<{\n      activeIndex: number\n      containerWidth: number\n      timer: null | ReturnType<typeof setInterval>\n      hover: boolean\n    }>({\n      activeIndex: -1,\n      containerWidth: 0,\n      timer: null,\n      hover: false,\n    })\n\n    // refs\n    const root = ref(null)\n    const items = ref<CarouselItem[]>([])\n\n    // computed\n    const arrowDisplay = computed(\n      () => props.arrow !== 'never' && props.direction !== 'vertical'\n    )\n\n    const hasLabel = computed(() => {\n      return items.value.some((item) => item.label.toString().length > 0)\n    })\n\n    const carouselClasses = computed(() => {\n      const classes = [ns.b(), ns.m(props.direction)]\n      if (props.type === 'card') {\n        classes.push(ns.m('card'))\n      }\n      return classes\n    })\n\n    const indicatorsClasses = computed(() => {\n      const classes = [ns.e('indicators'), ns.em('indicators', props.direction)]\n      if (hasLabel.value) {\n        classes.push(ns.em('indicators', 'labels'))\n      }\n      if (props.indicatorPosition === 'outside' || props.type === 'card') {\n        classes.push(ns.em('indicators', 'outside'))\n      }\n      return classes\n    })\n\n    // methods\n    const throttledArrowClick = throttle(\n      (index) => {\n        setActiveItem(index)\n      },\n      300,\n      { trailing: true }\n    )\n\n    const throttledIndicatorHover = throttle((index) => {\n      handleIndicatorHover(index)\n    }, 300)\n\n    function pauseTimer() {\n      if (data.timer) {\n        clearInterval(data.timer)\n        data.timer = null\n      }\n    }\n\n    function startTimer() {\n      if (props.interval <= 0 || !props.autoplay || data.timer) return\n      data.timer = setInterval(() => playSlides(), props.interval)\n    }\n\n    const playSlides = () => {\n      if (data.activeIndex < items.value.length - 1) {\n        data.activeIndex = data.activeIndex + 1\n      } else if (props.loop) {\n        data.activeIndex = 0\n      }\n    }\n\n    function setActiveItem(index) {\n      if (typeof index === 'string') {\n        const filteredItems = items.value.filter((item) => item.name === index)\n        if (filteredItems.length > 0) {\n          index = items.value.indexOf(filteredItems[0])\n        }\n      }\n      index = Number(index)\n      if (isNaN(index) || index !== Math.floor(index)) {\n        debugWarn('Carousel', 'index must be an integer.')\n        return\n      }\n      const length = items.value.length\n      const oldIndex = data.activeIndex\n      if (index < 0) {\n        data.activeIndex = props.loop ? length - 1 : 0\n      } else if (index >= length) {\n        data.activeIndex = props.loop ? 0 : length - 1\n      } else {\n        data.activeIndex = index\n      }\n      if (oldIndex === data.activeIndex) {\n        resetItemPosition(oldIndex)\n      }\n    }\n\n    function resetItemPosition(oldIndex) {\n      items.value.forEach((item, index) => {\n        item.translateItem(index, data.activeIndex, oldIndex)\n      })\n    }\n\n    function addItem(item) {\n      items.value.push(item)\n    }\n\n    function removeItem(uid) {\n      const index = items.value.findIndex((item) => item.uid === uid)\n      if (index !== -1) {\n        items.value.splice(index, 1)\n        if (data.activeIndex === index) next()\n      }\n    }\n\n    function itemInStage(item, index) {\n      const length = items.value.length\n      if (\n        (index === length - 1 && item.inStage && items.value[0].active) ||\n        (item.inStage &&\n          items.value[index + 1] &&\n          items.value[index + 1].active)\n      ) {\n        return 'left'\n      } else if (\n        (index === 0 && item.inStage && items.value[length - 1].active) ||\n        (item.inStage &&\n          items.value[index - 1] &&\n          items.value[index - 1].active)\n      ) {\n        return 'right'\n      }\n      return false\n    }\n\n    function handleMouseEnter() {\n      data.hover = true\n      if (props.pauseOnHover) {\n        pauseTimer()\n      }\n    }\n\n    function handleMouseLeave() {\n      data.hover = false\n      startTimer()\n    }\n\n    function handleButtonEnter(arrow) {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item, index) => {\n        if (arrow === itemInStage(item, index)) {\n          item.hover = true\n        }\n      })\n    }\n\n    function handleButtonLeave() {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item) => {\n        item.hover = false\n      })\n    }\n\n    function handleIndicatorClick(index) {\n      data.activeIndex = index\n    }\n\n    function handleIndicatorHover(index) {\n      if (props.trigger === 'hover' && index !== data.activeIndex) {\n        data.activeIndex = index\n      }\n    }\n\n    function prev() {\n      setActiveItem(data.activeIndex - 1)\n    }\n\n    function next() {\n      setActiveItem(data.activeIndex + 1)\n    }\n\n    // watch\n    watch(\n      () => data.activeIndex,\n      (current, prev) => {\n        resetItemPosition(prev)\n        if (prev > -1) {\n          emit('change', current, prev)\n        }\n      }\n    )\n    watch(\n      () => props.autoplay,\n      (current) => {\n        current ? startTimer() : pauseTimer()\n      }\n    )\n    watch(\n      () => props.loop,\n      () => {\n        setActiveItem(data.activeIndex)\n      }\n    )\n\n    // lifecycle\n    onMounted(() => {\n      nextTick(() => {\n        addResizeListener(root.value, resetItemPosition)\n        if (\n          props.initialIndex < items.value.length &&\n          props.initialIndex >= 0\n        ) {\n          data.activeIndex = props.initialIndex\n        }\n        startTimer()\n      })\n    })\n\n    onBeforeUnmount(() => {\n      if (root.value) removeResizeListener(root.value, resetItemPosition)\n      pauseTimer()\n    })\n\n    // provide\n    provide<InjectCarouselScope>('injectCarouselScope', {\n      root,\n      direction: props.direction,\n      type: props.type,\n      items,\n      loop: props.loop,\n      addItem,\n      removeItem,\n      setActiveItem,\n    })\n\n    return {\n      data,\n      props,\n      items,\n\n      arrowDisplay,\n      carouselClasses,\n      indicatorsClasses,\n      hasLabel,\n\n      handleMouseEnter,\n      handleMouseLeave,\n      handleIndicatorClick,\n      throttledArrowClick,\n      throttledIndicatorHover,\n      handleButtonEnter,\n      handleButtonLeave,\n\n      prev,\n      next,\n      setActiveItem,\n\n      root,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","ArrowLeft","ArrowRight","useNamespace","reactive","ref","computed","throttle","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_createBlock","_Transition","_createVNode","_renderSlot","_Fragment","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"main.js","sources":["../../../../../../packages/components/carousel/src/main.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\n    @mouseenter.stop=\"handleMouseEnter\"\n    @mouseleave.stop=\"handleMouseLeave\"\n  >\n    <div :class=\"ns.e('container')\" :style=\"{ height: height }\">\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex > 0)\n          \"\n          type=\"button\"\n          :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\n          @mouseenter=\"handleButtonEnter('left')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex - 1)\"\n        >\n          <el-icon>\n            <arrow-left />\n          </el-icon>\n        </button>\n      </transition>\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex < items.length - 1)\n          \"\n          type=\"button\"\n          :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\n          @mouseenter=\"handleButtonEnter('right')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex + 1)\"\n        >\n          <el-icon>\n            <arrow-right />\n          </el-icon>\n        </button>\n      </transition>\n      <slot></slot>\n    </div>\n    <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        :class=\"[\n          ns.e('indicator'),\n          ns.em('indicator', direction),\n          ns.is('active', index === data.activeIndex),\n        ]\"\n        @mouseenter=\"throttledIndicatorHover(index)\"\n        @click.stop=\"handleIndicatorClick(index)\"\n      >\n        <button :class=\"ns.e('button')\">\n          <span v-if=\"hasLabel\">{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  computed,\n  ref,\n  provide,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  nextTick,\n} from 'vue'\nimport { throttle } from 'lodash-unified'\nimport {\n  addResizeListener,\n  removeResizeListener,\n  debugWarn,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type {\n  ICarouselProps,\n  CarouselItem,\n  InjectCarouselScope,\n} from './carousel'\n\nexport default defineComponent({\n  name: 'ElCarousel',\n  components: {\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n  props: {\n    initialIndex: {\n      type: Number,\n      default: 0,\n    },\n    height: { type: String, default: '' },\n    trigger: {\n      type: String,\n      default: 'hover',\n    },\n    autoplay: {\n      type: Boolean,\n      default: true,\n    },\n    interval: {\n      type: Number,\n      default: 3000,\n    },\n    indicatorPosition: { type: String, default: '' },\n    indicator: {\n      type: Boolean,\n      default: true,\n    },\n    arrow: {\n      type: String,\n      default: 'hover',\n    },\n    type: { type: String, default: '' },\n    loop: {\n      type: Boolean,\n      default: true,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator(val: string) {\n        return ['horizontal', 'vertical'].includes(val)\n      },\n    },\n    pauseOnHover: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: ['change'],\n  setup(props: ICarouselProps, { emit }) {\n    const ns = useNamespace('carousel')\n    // data\n    const data = reactive<{\n      activeIndex: number\n      containerWidth: number\n      timer: null | ReturnType<typeof setInterval>\n      hover: boolean\n    }>({\n      activeIndex: -1,\n      containerWidth: 0,\n      timer: null,\n      hover: false,\n    })\n\n    // refs\n    const root = ref(null)\n    const items = ref<CarouselItem[]>([])\n\n    // computed\n    const arrowDisplay = computed(\n      () => props.arrow !== 'never' && props.direction !== 'vertical'\n    )\n\n    const hasLabel = computed(() => {\n      return items.value.some((item) => item.label.toString().length > 0)\n    })\n\n    const carouselClasses = computed(() => {\n      const classes = [ns.b(), ns.m(props.direction)]\n      if (props.type === 'card') {\n        classes.push(ns.m('card'))\n      }\n      return classes\n    })\n\n    const indicatorsClasses = computed(() => {\n      const classes = [ns.e('indicators'), ns.em('indicators', props.direction)]\n      if (hasLabel.value) {\n        classes.push(ns.em('indicators', 'labels'))\n      }\n      if (props.indicatorPosition === 'outside' || props.type === 'card') {\n        classes.push(ns.em('indicators', 'outside'))\n      }\n      return classes\n    })\n\n    // methods\n    const throttledArrowClick = throttle(\n      (index) => {\n        setActiveItem(index)\n      },\n      300,\n      { trailing: true }\n    )\n\n    const throttledIndicatorHover = throttle((index) => {\n      handleIndicatorHover(index)\n    }, 300)\n\n    function pauseTimer() {\n      if (data.timer) {\n        clearInterval(data.timer)\n        data.timer = null\n      }\n    }\n\n    function startTimer() {\n      if (props.interval <= 0 || !props.autoplay || data.timer) return\n      data.timer = setInterval(() => playSlides(), props.interval)\n    }\n\n    const playSlides = () => {\n      if (data.activeIndex < items.value.length - 1) {\n        data.activeIndex = data.activeIndex + 1\n      } else if (props.loop) {\n        data.activeIndex = 0\n      }\n    }\n\n    function setActiveItem(index) {\n      if (typeof index === 'string') {\n        const filteredItems = items.value.filter((item) => item.name === index)\n        if (filteredItems.length > 0) {\n          index = items.value.indexOf(filteredItems[0])\n        }\n      }\n      index = Number(index)\n      if (isNaN(index) || index !== Math.floor(index)) {\n        debugWarn('Carousel', 'index must be an integer.')\n        return\n      }\n      const length = items.value.length\n      const oldIndex = data.activeIndex\n      if (index < 0) {\n        data.activeIndex = props.loop ? length - 1 : 0\n      } else if (index >= length) {\n        data.activeIndex = props.loop ? 0 : length - 1\n      } else {\n        data.activeIndex = index\n      }\n      if (oldIndex === data.activeIndex) {\n        resetItemPosition(oldIndex)\n      }\n    }\n\n    function resetItemPosition(oldIndex) {\n      items.value.forEach((item, index) => {\n        item.translateItem(index, data.activeIndex, oldIndex)\n      })\n    }\n\n    function addItem(item) {\n      items.value.push(item)\n    }\n\n    function removeItem(uid) {\n      const index = items.value.findIndex((item) => item.uid === uid)\n      if (index !== -1) {\n        items.value.splice(index, 1)\n        if (data.activeIndex === index) next()\n      }\n    }\n\n    function itemInStage(item, index) {\n      const length = items.value.length\n      if (\n        (index === length - 1 && item.inStage && items.value[0].active) ||\n        (item.inStage &&\n          items.value[index + 1] &&\n          items.value[index + 1].active)\n      ) {\n        return 'left'\n      } else if (\n        (index === 0 && item.inStage && items.value[length - 1].active) ||\n        (item.inStage &&\n          items.value[index - 1] &&\n          items.value[index - 1].active)\n      ) {\n        return 'right'\n      }\n      return false\n    }\n\n    function handleMouseEnter() {\n      data.hover = true\n      if (props.pauseOnHover) {\n        pauseTimer()\n      }\n    }\n\n    function handleMouseLeave() {\n      data.hover = false\n      startTimer()\n    }\n\n    function handleButtonEnter(arrow) {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item, index) => {\n        if (arrow === itemInStage(item, index)) {\n          item.hover = true\n        }\n      })\n    }\n\n    function handleButtonLeave() {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item) => {\n        item.hover = false\n      })\n    }\n\n    function handleIndicatorClick(index) {\n      data.activeIndex = index\n    }\n\n    function handleIndicatorHover(index) {\n      if (props.trigger === 'hover' && index !== data.activeIndex) {\n        data.activeIndex = index\n      }\n    }\n\n    function prev() {\n      setActiveItem(data.activeIndex - 1)\n    }\n\n    function next() {\n      setActiveItem(data.activeIndex + 1)\n    }\n\n    // watch\n    watch(\n      () => data.activeIndex,\n      (current, prev) => {\n        resetItemPosition(prev)\n        if (prev > -1) {\n          emit('change', current, prev)\n        }\n      }\n    )\n    watch(\n      () => props.autoplay,\n      (current) => {\n        current ? startTimer() : pauseTimer()\n      }\n    )\n    watch(\n      () => props.loop,\n      () => {\n        setActiveItem(data.activeIndex)\n      }\n    )\n\n    // lifecycle\n    onMounted(() => {\n      nextTick(() => {\n        addResizeListener(root.value, resetItemPosition)\n        if (\n          props.initialIndex < items.value.length &&\n          props.initialIndex >= 0\n        ) {\n          data.activeIndex = props.initialIndex\n        }\n        startTimer()\n      })\n    })\n\n    onBeforeUnmount(() => {\n      if (root.value) removeResizeListener(root.value, resetItemPosition)\n      pauseTimer()\n    })\n\n    // provide\n    provide<InjectCarouselScope>('injectCarouselScope', {\n      root,\n      direction: props.direction,\n      type: props.type,\n      items,\n      loop: props.loop,\n      addItem,\n      removeItem,\n      setActiveItem,\n    })\n\n    return {\n      data,\n      props,\n      items,\n\n      arrowDisplay,\n      carouselClasses,\n      indicatorsClasses,\n      hasLabel,\n\n      handleMouseEnter,\n      handleMouseLeave,\n      handleIndicatorClick,\n      throttledArrowClick,\n      throttledIndicatorHover,\n      handleButtonEnter,\n      handleButtonLeave,\n\n      prev,\n      next,\n      setActiveItem,\n\n      root,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","ArrowLeft","ArrowRight","useNamespace","reactive","ref","computed","throttle","debugWarn","watch","onMounted","nextTick","addResizeListener","onBeforeUnmount","removeResizeListener","provide","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_openBlock","_createBlock","_Transition","_withDirectives","_withModifiers","_createVNode","_withCtx","_renderSlot","_Fragment","_renderList","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/lib/components/cascader/index.d.ts

@@ -1005,6 +1005,20 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onExpand-change"?: ((...args: any[]) => any) | undefined;
         }, {
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
             menuList: import("vue").Ref<any[]>;
             menus: import("vue").Ref<{
                 readonly uid: number;
@@ -1174,6 +1188,20 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onExpand-change"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
         menuList: import("vue").Ref<any[]>;
         menus: import("vue").Ref<{
             readonly uid: number;
@@ -1498,6 +1526,34 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     readonly: import("vue").ComputedRef<boolean>;
     clearBtnVisible: import("vue").ComputedRef<boolean>;
     compatTeleported: import("vue").ComputedRef<boolean>;
+    nsCascader: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     t: import("../..").Translator;
     togglePopperVisible: (visible?: boolean | undefined) => void;
     hideSuggestionPanel: () => void;
@@ -2593,6 +2649,20 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onExpand-change"?: ((...args: any[]) => any) | undefined;
         }, {
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
             menuList: import("vue").Ref<any[]>;
             menus: import("vue").Ref<{
                 readonly uid: number;
@@ -2762,6 +2832,20 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onExpand-change"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
         menuList: import("vue").Ref<any[]>;
         menus: import("vue").Ref<{
             readonly uid: number;
@@ -3086,6 +3170,34 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     readonly: import("vue").ComputedRef<boolean>;
     clearBtnVisible: import("vue").ComputedRef<boolean>;
     compatTeleported: import("vue").ComputedRef<boolean>;
+    nsCascader: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     t: import("../..").Translator;
     togglePopperVisible: (visible?: boolean | undefined) => void;
     hideSuggestionPanel: () => void;

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

@@ -26,9 +26,10 @@ var validator = require('../../../utils/vue/validator.js');
 var tooltip = require('../../tooltip/src/tooltip.js');
 var event = require('../../../constants/event.js');
 var deprecation = require('../../popper/src/deprecation.js');
-var index$7 = require('../../../hooks/use-locale/index.js');
+var index$7 = require('../../../hooks/use-namespace/index.js');
+var index$8 = require('../../../hooks/use-locale/index.js');
 var form = require('../../../tokens/form.js');
-var index$8 = require('../../../hooks/use-common-props/index.js');
+var index$9 = require('../../../hooks/use-common-props/index.js');
 var error = require('../../../utils/error.js');
 var i18n = require('../../../utils/i18n.js');
 var aria = require('../../../constants/aria.js');
@@ -130,7 +131,9 @@ const _sfc_main = vue.defineComponent({
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
     const { compatTeleported } = deprecation.useDeprecateAppendToBody(COMPONENT_NAME, "popperAppendToBody");
-    const { t } = index$7.useLocale();
+    const nsCascader = index$7.useNamespace("cascader");
+    const nsInput = index$7.useNamespace("input");
+    const { t } = index$8.useLocale();
     const elForm = vue.inject(form.formContextKey, {});
     const elFormItem = vue.inject(form.formItemContextKey, {});
     const tooltipRef = vue.ref(null);
@@ -148,7 +151,7 @@ const _sfc_main = vue.defineComponent({
     const isOnComposition = vue.ref(false);
     const isDisabled = vue.computed(() => props.disabled || elForm.disabled);
     const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
-    const realSize = index$8.useSize();
+    const realSize = index$9.useSize();
     const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
     const multiple = vue.computed(() => !!props.props.multiple);
     const readonly = vue.computed(() => !props.filterable || multiple.value);
@@ -272,9 +275,9 @@ const _sfc_main = vue.defineComponent({
       var _a;
       let firstNode;
       if (filtering.value && suggestionPanel.value) {
-        firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
+        firstNode = suggestionPanel.value.$el.querySelector(`.${nsCascader.e("suggestion-item")}`);
       } else {
-        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector(`.${nsCascader.b("node")}[tabindex="-1"]`);
       }
       if (firstNode) {
         firstNode.focus();
@@ -289,7 +292,7 @@ const _sfc_main = vue.defineComponent({
       if (!core.isClient || !inputInner)
         return;
       if (suggestionPanelEl) {
-        const suggestionList = suggestionPanelEl.querySelector(".el-cascader__suggestion-list");
+        const suggestionList = suggestionPanelEl.querySelector(`.${nsCascader.e("suggestion-list")}`);
         suggestionList.style.minWidth = `${inputInner.offsetWidth}px`;
       }
       if (tagWrapperEl) {
@@ -358,7 +361,7 @@ const _sfc_main = vue.defineComponent({
         case aria.EVENT_CODE.up:
         case aria.EVENT_CODE.down: {
           const distance = code === aria.EVENT_CODE.up ? -1 : 1;
-          aria$1.focusNode(aria$1.getSibling(target, distance, '.el-cascader__suggestion-item[tabindex="-1"]'));
+          aria$1.focusNode(aria$1.getSibling(target, distance, `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`));
           break;
         }
         case aria.EVENT_CODE.enter:
@@ -444,6 +447,8 @@ const _sfc_main = vue.defineComponent({
       readonly,
       clearBtnVisible,
       compatTeleported,
+      nsCascader,
+      nsInput,
       t,
       togglePopperVisible,
       hideSuggestionPanel,
@@ -461,14 +466,8 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = {
-  key: 0,
-  ref: "tagWrapper",
-  class: "el-cascader__tags"
-};
-const _hoisted_2 = ["placeholder"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "el-cascader__empty-text" };
+const _hoisted_1 = ["placeholder"];
+const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = vue.resolveComponent("circle-close");
   const _component_el_icon = vue.resolveComponent("el-icon");
@@ -485,7 +484,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.popperVisible,
     "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.popperVisible = $event),
     teleported: _ctx.compatTeleported,
-    "popper-class": `el-cascader__dropdown ${_ctx.popperClass}`,
+    "popper-class": [_ctx.nsCascader.e("dropdown"), _ctx.popperClass],
     "popper-options": _ctx.popperOptions,
     "fallback-placements": [
       "bottom-start",
@@ -498,7 +497,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "stop-popper-mouse-event": false,
     "gpu-acceleration": false,
     placement: "bottom-start",
-    transition: "el-zoom-in-top",
+    transition: `${_ctx.nsCascader.namespace.value}-zoom-in-top`,
     effect: "light",
     pure: "",
     persistent: "",
@@ -507,9 +506,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [
       vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass([
-          "el-cascader",
-          _ctx.realSize && `el-cascader--${_ctx.realSize}`,
-          { "is-disabled": _ctx.isDisabled },
+          _ctx.nsCascader.b(),
+          _ctx.nsCascader.m(_ctx.realSize),
+          _ctx.nsCascader.is("disabled", _ctx.isDisabled),
           _ctx.$attrs.class
         ]),
         style: vue.normalizeStyle(_ctx.$attrs.style),
@@ -527,7 +526,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: _ctx.isDisabled,
           "validate-event": false,
           size: _ctx.realSize,
-          class: vue.normalizeClass({ "is-focus": _ctx.popperVisible }),
+          class: vue.normalizeClass(_ctx.nsCascader.is("focus", _ctx.popperVisible)),
           onCompositionstart: _ctx.handleComposition,
           onCompositionupdate: _ctx.handleComposition,
           onCompositionend: _ctx.handleComposition,
@@ -538,19 +537,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           suffix: vue.withCtx(() => [
             _ctx.clearBtnVisible ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: "clear",
-              class: "el-input__icon icon-circle-close",
+              class: vue.normalizeClass([_ctx.nsInput.e("icon"), "icon-circle-close"]),
               onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(_component_circle_close)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: "arrow-down",
               class: vue.normalizeClass([
-                "el-input__icon",
+                _ctx.nsInput.e("icon"),
                 "icon-arrow-down",
-                _ctx.popperVisible && "is-reverse"
+                _ctx.nsCascader.is("reverse", _ctx.popperVisible)
               ]),
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
             }, {
@@ -562,7 +561,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          ref: "tagWrapper",
+          class: vue.normalizeClass(_ctx.nsCascader.e("tags"))
+        }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
             return vue.openBlock(), vue.createBlock(_component_el_tag, {
               key: tag.key,
@@ -583,7 +586,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.searchInputValue = $event),
             type: "text",
-            class: "el-cascader__search-input",
+            class: vue.normalizeClass(_ctx.nsCascader.e("search-input")),
             placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder,
             onInput: _cache[5] || (_cache[5] = (e) => _ctx.handleInput(_ctx.searchInputValue, e)),
             onClick: _cache[6] || (_cache[6] = vue.withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
@@ -591,10 +594,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-          }, null, 40, _hoisted_2)), [
+          }, null, 42, _hoisted_1)), [
             [vue.vModelText, _ctx.searchInputValue]
           ]) : vue.createCommentVNode("v-if", true)
-        ], 512)) : vue.createCommentVNode("v-if", true)
+        ], 2)) : vue.createCommentVNode("v-if", true)
       ], 38)), [
         [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
       ])
@@ -617,8 +620,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         ref: "suggestionPanel",
         tag: "ul",
-        class: "el-cascader__suggestion-panel",
-        "view-class": "el-cascader__suggestion-list",
+        class: vue.normalizeClass(_ctx.nsCascader.e("suggestion-panel")),
+        "view-class": _ctx.nsCascader.e("suggestion-list"),
         onKeydown: _ctx.handleSuggestionKeyDown
       }, {
         default: vue.withCtx(() => [
@@ -626,8 +629,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: item.uid,
               class: vue.normalizeClass([
-                "el-cascader__suggestion-item",
-                item.checked && "is-checked"
+                _ctx.nsCascader.e("suggestion-item"),
+                _ctx.nsCascader.is("checked", item.checked)
               ]),
               tabindex: -1,
               onClick: ($event) => _ctx.handleSuggestionClick(item)
@@ -639,18 +642,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true)
-            ], 10, _hoisted_3);
+            ], 10, _hoisted_2);
           }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-            vue.createElementVNode("li", _hoisted_4, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
+            vue.createElementVNode("li", {
+              class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
+            }, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 3)
           ])
         ]),
         _: 3
-      }, 8, ["onKeydown"])), [
+      }, 8, ["class", "view-class", "onKeydown"])), [
         [vue.vShow, _ctx.filtering]
       ]) : vue.createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
+  }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
 }
 var Cascader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);