element-ps 2.0.13 → 2.0.14

package/es/components/card/src/card2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card2.mjs","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 />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-ps/hooks'\nimport { cardProps } from './card'\n\ndefineOptions({\n  name: 'PsCard',\n})\n\ndefineProps(cardProps)\n\nconst ns = useNamespace('card')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoBA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"card2.mjs","sources":["../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport type Card from './card.vue'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const cardProps = buildProps({\n  header: {\n    type: String,\n    default: '',\n  },\n  bodyStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  shadow: {\n    type: String,\n    default: 'always',\n  },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\nexport type CardInstance = InstanceType<typeof Card>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}

package/es/components/carousel/src/carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.mjs","sources":["../../../../../../packages/components/carousel/src/carousel.ts"],"sourcesContent":["import { buildProps, isNumber } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Carousel from './carousel.vue'\n\nexport const carouselProps = buildProps({\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} as const)\n\nexport type CarouselProps = ExtractPropTypes<typeof carouselProps>\n\nexport type CarouselInstance = InstanceType<typeof Carousel>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACvC,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AAClD,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,CAAC,GAAG,EAAE;AACnB,MAAM,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"carousel.mjs","sources":["../../../../../../packages/components/carousel/src/carousel.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Carousel from './carousel.vue'\n\nexport const carouselProps = buildProps({\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} as const)\n\nexport type CarouselProps = ExtractPropTypes<typeof carouselProps>\n\nexport type CarouselInstance = InstanceType<typeof Carousel>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACvC,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AAClD,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,CAAC,GAAG,EAAE;AACnB,MAAM,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}

package/es/components/carousel/src/carousel2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, unref, shallowRef, onMounted, nextTick, onBeforeUnmount, provide, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createBlock, Transition, withCtx, withDirectives, createVNode, vShow, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, unref, shallowRef, onMounted, nextTick, onBeforeUnmount, provide, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, renderSlot, Fragment, renderList, toDisplayString, createCommentVNode } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
 import '../../../utils/index.mjs';
 import { PsIcon } from '../../icon/index.mjs';
@@ -153,54 +153,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(ns).e("container")),
           style: normalizeStyle({ height: _ctx.height })
         }, [
-          unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
-            key: 0,
-            name: "carousel-arrow-left"
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("button", {
-                type: "button",
-                class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")])
-              }, [
-                createVNode(unref(PsIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(ArrowLeft))
-                  ]),
-                  _: 1
-                })
-              ], 2), [
-                [
-                  vShow,
-                  (_ctx.arrow === "always" || hover.value) && (props.loop || activeIndex.value > 0)
-                ]
-              ])
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          unref(arrowDisplay) ? (openBlock(), createBlock(Transition, {
-            key: 1,
-            name: "carousel-arrow-right"
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("button", {
-                type: "button",
-                class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")])
-              }, [
-                createVNode(unref(PsIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(ArrowRight))
-                  ]),
-                  _: 1
-                })
-              ], 2), [
-                [
-                  vShow,
-                  (_ctx.arrow === "always" || hover.value) && (props.loop || activeIndex.value < items.value.length - 1)
-                ]
-              ])
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
+          createElementVNode("button", {
+            type: "button",
+            class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "left")])
+          }, [
+            createVNode(unref(PsIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(ArrowLeft))
+              ]),
+              _: 1
+            })
+          ], 2),
+          createElementVNode("button", {
+            type: "button",
+            class: normalizeClass([unref(ns).e("arrow"), unref(ns).em("arrow", "right")])
+          }, [
+            createVNode(unref(PsIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(ArrowRight))
+              ]),
+              _: 1
+            })
+          ], 2),
           renderSlot(_ctx.$slots, "default")
         ], 6),
         _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {

package/es/components/carousel/src/carousel2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\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' || hover) && (props.loop || activeIndex > 0)\n          \"\n          type=\"button\"\n          :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\n        >\n          <PsIcon>\n            <ArrowLeft />\n          </PsIcon>\n        </button>\n      </transition>\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n        <button\n          v-show=\"\n            (arrow === 'always' || hover) &&\n            (props.loop || activeIndex < items.length - 1)\n          \"\n          type=\"button\"\n          :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\n        >\n          <PsIcon>\n            <ArrowRight />\n          </PsIcon>\n        </button>\n      </transition>\n      <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 === activeIndex),\n        ]\"\n      >\n        <button :class=\"ns.e('button')\">\n          <span v-if=\"hasLabel\">{{ item.props.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  unref,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { debugWarn, isString } from '@element-ps/utils'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { carouselContextKey } from '@element-ps/tokens'\nimport { carouselProps } from './carousel'\nimport type { CarouselItemContext } from '@element-ps/tokens'\n\ndefineOptions({\n  name: 'PsCarousel',\n})\n\nconst props = defineProps(carouselProps)\nconst ns = useNamespace('carousel')\nconst COMPONENT_NAME = 'PsCarousel'\nconst THROTTLE_TIME = 300\n\n// refs\nconst activeIndex = ref(-1)\nconst timer = ref<ReturnType<typeof setInterval> | null>(null)\nconst hover = ref(false)\nconst root = ref<HTMLDivElement>()\nconst items = ref<Array<CarouselItemContext>>([])\n\n// computed\nconst arrowDisplay = computed(\n  () => props.arrow !== 'never' && !unref(isVertical)\n)\n\nconst hasLabel = computed(() => {\n  return items.value.some((item) => item.props.label.toString().length > 0)\n})\n\nconst carouselClasses = computed(() => {\n  const classes = [ns.b(), ns.m(props.direction)]\n  if (unref(isCardType)) {\n    classes.push(ns.m('card'))\n  }\n  return classes\n})\n\nconst indicatorsClasses = computed(() => {\n  const classes = [ns.e('indicators'), ns.em('indicators', props.direction)]\n  if (hasLabel.value) {\n    classes.push(ns.em('indicators', 'labels'))\n  }\n  if (props.indicatorPosition === 'outside' || unref(isCardType)) {\n    classes.push(ns.em('indicators', 'outside'))\n  }\n  return classes\n})\n\nconst isCardType = computed(() => props.type === 'card')\nconst isVertical = computed(() => props.direction === 'vertical')\n\nfunction pauseTimer() {\n  if (timer.value) {\n    clearInterval(timer.value)\n    timer.value = null\n  }\n}\n\nfunction startTimer() {\n  if (props.interval <= 0 || !props.autoplay || timer.value) return\n  timer.value = setInterval(() => playSlides(), props.interval)\n}\n\nconst playSlides = () => {\n  if (activeIndex.value < items.value.length - 1) {\n    activeIndex.value = activeIndex.value + 1\n  } else if (props.loop) {\n    activeIndex.value = 0\n  }\n}\n\nfunction setActiveItem(index: number | string) {\n  if (isString(index)) {\n    const filteredItems = items.value.filter(\n      (item) => item.props.name === index\n    )\n    if (filteredItems.length > 0) {\n      index = items.value.indexOf(filteredItems[0])\n    }\n  }\n  index = Number(index)\n  if (Number.isNaN(index) || index !== Math.floor(index)) {\n    debugWarn(COMPONENT_NAME, 'index must be integer.')\n    return\n  }\n  const itemCount = items.value.length\n  const oldIndex = activeIndex.value\n  if (index < 0) {\n    activeIndex.value = props.loop ? itemCount - 1 : 0\n  } else if (index >= itemCount) {\n    activeIndex.value = props.loop ? 0 : itemCount - 1\n  } else {\n    activeIndex.value = index\n  }\n  if (oldIndex === activeIndex.value) {\n    resetItemPosition(oldIndex)\n  }\n}\n\nfunction resetItemPosition(oldIndex?: number) {\n  items.value.forEach((item, index) => {\n    item.translateItem(index, activeIndex.value, oldIndex)\n  })\n}\n\nfunction addItem(item: CarouselItemContext) {\n  items.value.push(item)\n}\n\nfunction removeItem(uid?: number) {\n  const index = items.value.findIndex((item) => item.uid === uid)\n  if (index !== -1) {\n    items.value.splice(index, 1)\n    if (activeIndex.value === index) next()\n  }\n}\n\nfunction next() {\n  setActiveItem(activeIndex.value + 1)\n}\n\nconst resizeObserver = shallowRef<ReturnType<typeof useResizeObserver>>()\n// lifecycle\nonMounted(async () => {\n  await nextTick()\n\n  resizeObserver.value = useResizeObserver(root.value, () => {\n    resetItemPosition()\n  })\n  if (props.initialIndex < items.value.length && props.initialIndex >= 0) {\n    activeIndex.value = props.initialIndex\n  }\n  startTimer()\n})\n\nonBeforeUnmount(() => {\n  pauseTimer()\n  if (root.value && resizeObserver.value) resizeObserver.value.stop()\n})\n\n// provide\nprovide(carouselContextKey, {\n  root,\n  isCardType,\n  isVertical,\n  items,\n  loop: props.loop,\n  addItem,\n  removeItem,\n  setActiveItem,\n})\n\ndefineExpose({\n  /** @description manually switch slide */\n  setActiveItem,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA8EA,IAAA,MAAA,EAAA,GAAA,aAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,cAAA,GAAA,YAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,GAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,GAAA,IAAA,IAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,KAAA,GAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,SACA,MAAA,KAAA,CAAA,UAAA,OAAA,IAAA,CAAA,KAAA,CAAA,UAAA,CACA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,SAAA,MAAA;AACA,MAAA,OAAA,KAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,IAAA,KAAA,IAAA,CAAA,KAAA,CAAA,KAAA,CAAA,QAAA,EAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,eAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,OAAA,GAAA,CAAA,EAAA,CAAA,CAAA,IAAA,EAAA,CAAA,CAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,UAAA,CAAA,EAAA;AACA,QAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,OACA;AACA,MAAA,OAAA,OAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,OAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,YAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AACA,MAAA,IAAA,SAAA,KAAA,EAAA;AACA,QAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAA,CAAA,CAAA;AAAA,OACA;AACA,MAAA,IAAA,KAAA,CAAA,iBAAA,KAAA,SAAA,IAAA,KAAA,CAAA,UAAA,CAAA,EAAA;AACA,QAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,SAAA,CAAA,CAAA,CAAA;AAAA,OACA;AACA,MAAA,OAAA,OAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,SAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,UAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,cAAA,UAAA,CAAA,CAAA;AAEA,IAAA,SAAA,UAAA,GAAA;AACA,MAAA,IAAA,MAAA,KAAA,EAAA;AACA,QAAA,aAAA,CAAA,MAAA,KAAA,CAAA,CAAA;AACA,QAAA,KAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,OACA;AAAA,KACA;AAEA,IAAA,SAAA,UAAA,GAAA;AACA,MAAA,IAAA,MAAA,QAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,YAAA,KAAA,CAAA,KAAA;AAAA,QAAA,OAAA;AACA,MAAA,KAAA,CAAA,QAAA,WAAA,CAAA,MAAA,UAAA,EAAA,EAAA,MAAA,QAAA,CAAA,CAAA;AAAA,KACA;AAEA,IAAA,MAAA,aAAA,MAAA;AACA,MAAA,IAAA,WAAA,CAAA,KAAA,GAAA,KAAA,CAAA,KAAA,CAAA,SAAA,CAAA,EAAA;AACA,QAAA,WAAA,CAAA,KAAA,GAAA,YAAA,KAAA,GAAA,CAAA,CAAA;AAAA,OACA,MAAA,IAAA,MAAA,IAAA,EAAA;AACA,QAAA,WAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,SAAA,aAAA,CAAA,KAAA,EAAA;AACA,MAAA,IAAA,QAAA,CAAA,KAAA,CAAA,EAAA;AACA,QAAA,MAAA,aAAA,GAAA,MAAA,KAAA,CAAA,MAAA,CACA,CAAA,IAAA,KAAA,IAAA,CAAA,KAAA,CAAA,IAAA,KAAA,KACA,CAAA,CAAA;AACA,QAAA,IAAA,aAAA,CAAA,SAAA,CAAA,EAAA;AACA,UAAA,KAAA,GAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SACA;AAAA,OACA;AACA,MAAA,KAAA,GAAA,OAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,MAAA,CAAA,MAAA,KAAA,CAAA,IAAA,UAAA,IAAA,CAAA,KAAA,CAAA,KAAA,CAAA,EAAA;AACA,QAAA,SAAA,CAAA,gBAAA,wBAAA,CAAA,CAAA;AACA,QAAA,OAAA;AAAA,OACA;AACA,MAAA,MAAA,SAAA,GAAA,MAAA,KAAA,CAAA,MAAA,CAAA;AACA,MAAA,MAAA,WAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,QAAA,CAAA,EAAA;AACA,QAAA,WAAA,CAAA,KAAA,GAAA,KAAA,CAAA,IAAA,GAAA,SAAA,GAAA,CAAA,GAAA,CAAA,CAAA;AAAA,OACA,MAAA,IAAA,SAAA,SAAA,EAAA;AACA,QAAA,WAAA,CAAA,KAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,SAAA,GAAA,CAAA,CAAA;AAAA,OACA,MAAA;AACA,QAAA,WAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,OACA;AACA,MAAA,IAAA,QAAA,KAAA,YAAA,KAAA,EAAA;AACA,QAAA,iBAAA,CAAA,QAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA;AAEA,IAAA,SAAA,iBAAA,CAAA,QAAA,EAAA;AACA,MAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,IAAA,EAAA,KAAA,KAAA;AACA,QAAA,IAAA,CAAA,aAAA,CAAA,KAAA,EAAA,WAAA,CAAA,KAAA,EAAA,QAAA,CAAA,CAAA;AAAA,OACA,CAAA,CAAA;AAAA,KACA;AAEA,IAAA,SAAA,OAAA,CAAA,IAAA,EAAA;AACA,MAAA,KAAA,CAAA,KAAA,CAAA,KAAA,IAAA,CAAA,CAAA;AAAA,KACA;AAEA,IAAA,SAAA,UAAA,CAAA,GAAA,EAAA;AACA,MAAA,MAAA,KAAA,GAAA,MAAA,KAAA,CAAA,SAAA,CAAA,CAAA,IAAA,KAAA,IAAA,CAAA,QAAA,GAAA,CAAA,CAAA;AACA,MAAA,IAAA,UAAA,CAAA,CAAA,EAAA;AACA,QAAA,KAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACA,QAAA,IAAA,YAAA,KAAA,KAAA,KAAA;AAAA,UAAA,IAAA,EAAA,CAAA;AAAA,OACA;AAAA,KACA;AAEA,IAAA,SAAA,IAAA,GAAA;AACA,MAAA,aAAA,CAAA,WAAA,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,KACA;AAEA,IAAA,MAAA,iBAAA,UAAA,EAAA,CAAA;AAEA,IAAA,SAAA,CAAA,YAAA;AACA,MAAA,MAAA,QAAA,EAAA,CAAA;AAEA,MAAA,cAAA,CAAA,KAAA,GAAA,iBAAA,CAAA,IAAA,CAAA,KAAA,EAAA,MAAA;AACA,QAAA,iBAAA,EAAA,CAAA;AAAA,OACA,CAAA,CAAA;AACA,MAAA,IAAA,MAAA,YAAA,GAAA,KAAA,CAAA,MAAA,MAAA,IAAA,KAAA,CAAA,gBAAA,CAAA,EAAA;AACA,QAAA,WAAA,CAAA,QAAA,KAAA,CAAA,YAAA,CAAA;AAAA,OACA;AACA,MAAA,UAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,eAAA,CAAA,MAAA;AACA,MAAA,UAAA,EAAA,CAAA;AACA,MAAA,IAAA,IAAA,CAAA,SAAA,cAAA,CAAA,KAAA;AAAA,QAAA,cAAA,CAAA,MAAA,IAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAGA,IAAA,OAAA,CAAA,kBAAA,EAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,KAAA,CAAA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,aAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"carousel2.mjs","sources":["../../../../../../packages/components/carousel/src/carousel.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\n  >\n    <div :class=\"ns.e('container')\" :style=\"{ height: height }\">\n      <button\n        type=\"button\"\n        :class=\"[ns.e('arrow'), ns.em('arrow', 'left')]\"\n      >\n        <PsIcon>\n          <ArrowLeft />\n        </PsIcon>\n      </button>\n      <button\n        type=\"button\"\n        :class=\"[ns.e('arrow'), ns.em('arrow', 'right')]\"\n      >\n        <PsIcon>\n          <ArrowRight />\n        </PsIcon>\n      </button>\n      <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 === activeIndex),\n        ]\"\n      >\n        <button :class=\"ns.e('button')\">\n          <span v-if=\"hasLabel\">{{ item.props.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  unref,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { debugWarn, isString } from '@element-ps/utils'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { carouselContextKey } from '@element-ps/tokens'\nimport { carouselProps } from './carousel'\nimport type { CarouselItemContext } from '@element-ps/tokens'\n\ndefineOptions({\n  name: 'PsCarousel',\n})\n\nconst props = defineProps(carouselProps)\nconst ns = useNamespace('carousel')\nconst COMPONENT_NAME = 'PsCarousel'\nconst THROTTLE_TIME = 300\n\n// refs\nconst activeIndex = ref(-1)\nconst timer = ref<ReturnType<typeof setInterval> | null>(null)\nconst hover = ref(false)\nconst root = ref<HTMLDivElement>()\nconst items = ref<Array<CarouselItemContext>>([])\n\n// computed\nconst arrowDisplay = computed(\n  () => props.arrow !== 'never' && !unref(isVertical)\n)\n\nconst hasLabel = computed(() => {\n  return items.value.some((item) => item.props.label.toString().length > 0)\n})\n\nconst carouselClasses = computed(() => {\n  const classes = [ns.b(), ns.m(props.direction)]\n  if (unref(isCardType)) {\n    classes.push(ns.m('card'))\n  }\n  return classes\n})\n\nconst indicatorsClasses = computed(() => {\n  const classes = [ns.e('indicators'), ns.em('indicators', props.direction)]\n  if (hasLabel.value) {\n    classes.push(ns.em('indicators', 'labels'))\n  }\n  if (props.indicatorPosition === 'outside' || unref(isCardType)) {\n    classes.push(ns.em('indicators', 'outside'))\n  }\n  return classes\n})\n\nconst isCardType = computed(() => props.type === 'card')\nconst isVertical = computed(() => props.direction === 'vertical')\n\nfunction pauseTimer() {\n  if (timer.value) {\n    clearInterval(timer.value)\n    timer.value = null\n  }\n}\n\nfunction startTimer() {\n  if (props.interval <= 0 || !props.autoplay || timer.value) return\n  timer.value = setInterval(() => playSlides(), props.interval)\n}\n\nconst playSlides = () => {\n  if (activeIndex.value < items.value.length - 1) {\n    activeIndex.value = activeIndex.value + 1\n  } else if (props.loop) {\n    activeIndex.value = 0\n  }\n}\n\nfunction setActiveItem(index: number | string) {\n  if (isString(index)) {\n    const filteredItems = items.value.filter(\n      (item) => item.props.name === index\n    )\n    if (filteredItems.length > 0) {\n      index = items.value.indexOf(filteredItems[0])\n    }\n  }\n  index = Number(index)\n  if (Number.isNaN(index) || index !== Math.floor(index)) {\n    debugWarn(COMPONENT_NAME, 'index must be integer.')\n    return\n  }\n  const itemCount = items.value.length\n  const oldIndex = activeIndex.value\n  if (index < 0) {\n    activeIndex.value = props.loop ? itemCount - 1 : 0\n  } else if (index >= itemCount) {\n    activeIndex.value = props.loop ? 0 : itemCount - 1\n  } else {\n    activeIndex.value = index\n  }\n  if (oldIndex === activeIndex.value) {\n    resetItemPosition(oldIndex)\n  }\n}\n\nfunction resetItemPosition(oldIndex?: number) {\n  items.value.forEach((item, index) => {\n    item.translateItem(index, activeIndex.value, oldIndex)\n  })\n}\n\nfunction addItem(item: CarouselItemContext) {\n  items.value.push(item)\n}\n\nfunction removeItem(uid?: number) {\n  const index = items.value.findIndex((item) => item.uid === uid)\n  if (index !== -1) {\n    items.value.splice(index, 1)\n    if (activeIndex.value === index) next()\n  }\n}\n\nfunction next() {\n  setActiveItem(activeIndex.value + 1)\n}\n\nconst resizeObserver = shallowRef<ReturnType<typeof useResizeObserver>>()\n// lifecycle\nonMounted(async () => {\n  await nextTick()\n\n  resizeObserver.value = useResizeObserver(root.value, () => {\n    resetItemPosition()\n  })\n  if (props.initialIndex < items.value.length && props.initialIndex >= 0) {\n    activeIndex.value = props.initialIndex\n  }\n  startTimer()\n})\n\nonBeforeUnmount(() => {\n  pauseTimer()\n  if (root.value && resizeObserver.value) resizeObserver.value.stop()\n})\n\n// provide\nprovide(carouselContextKey, {\n  root,\n  isCardType,\n  isVertical,\n  items,\n  loop: props.loop,\n  addItem,\n  removeItem,\n  setActiveItem,\n})\n\ndefineExpose({\n  /** @description manually switch slide */\n  setActiveItem,\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/cascader/src/index.mjs

@@ -14,7 +14,7 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { CommonProps } from '../../cascader-panel/src/config.mjs';
 import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
-import { tagProps } from '../../tag/src/tag2.mjs';
+import { tagProps } from '../../tag/src/tag.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { formContextKey } from '../../../tokens/form.mjs';

package/es/components/cascader-panel/index.d.ts

@@ -146,6 +146,13 @@ declare const _CascaderPanel: SFCWithInstall<import("vue").DefineComponent<{
         setCheckState: (checked: boolean) => void;
         doCheck: (checked: boolean) => void;
     }[]>;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    handleCheckChange: (node: import("./src/node").default, checked: boolean, emitClose?: boolean | undefined) => void;
+    getFlattedNodes: (leafOnly: boolean) => import("./src/node").default[] | undefined;
+    getCheckedNodes: (leafOnly: boolean) => import("./src/node").default[] | undefined;
+    clearCheckedNodes: () => void;
+    calculateCheckedValue: () => void;
+    scrollToExpandingNode: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;
@@ -314,6 +321,13 @@ export declare const PsCascaderPanel: SFCWithInstall<import("vue").DefineCompone
         setCheckState: (checked: boolean) => void;
         doCheck: (checked: boolean) => void;
     }[]>;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    handleCheckChange: (node: import("./src/node").default, checked: boolean, emitClose?: boolean | undefined) => void;
+    getFlattedNodes: (leafOnly: boolean) => import("./src/node").default[] | undefined;
+    getCheckedNodes: (leafOnly: boolean) => import("./src/node").default[] | undefined;
+    clearCheckedNodes: () => void;
+    calculateCheckedValue: () => void;
+    scrollToExpandingNode: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;

package/es/components/cascader-panel/src/config.mjs

@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import { NOOP } from '@vue/shared';
-import { ExpandTrigger } from './node2.mjs';
+import { ExpandTrigger } from './node.mjs';
 
 const CommonProps = {
   modelValue: [Number, String, Array],

package/es/components/cascader-panel/src/index.mjs

@@ -1,17 +1,22 @@
-import { defineComponent, ref, computed, nextTick, provide, reactive, onBeforeUpdate, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock } from 'vue';
+import { defineComponent, ref, computed, nextTick, provide, reactive, watch, onBeforeUpdate, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock } from 'vue';
 import { isEqual, flattenDeep } from 'lodash-unified';
 import { isClient } from '@vueuse/core';
 import '../../../utils/index.mjs';
+import '../../../constants/index.mjs';
 import '../../../hooks/index.mjs';
 import PsCascaderMenu from './menu.mjs';
-import Node, { ExpandTrigger } from './node2.mjs';
+import Store from './store.mjs';
+import Node, { ExpandTrigger } from './node.mjs';
 import { CommonProps, useCascaderConfig } from './config.mjs';
+import { sortByOriginalOrder, checkNode, getMenuIndex } from './utils.mjs';
 import { CASCADER_PANEL_INJECTION_KEY } from './types.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isEmpty } from '../../../utils/types.mjs';
 import { unique, castArray } from '../../../utils/arrays.mjs';
 import { scrollIntoView } from '../../../utils/dom/scroll.mjs';
-import { isEmpty } from '../../../utils/types.mjs';
+import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { focusNode, getSibling } from '../../../utils/dom/aria.mjs';
 
 const _sfc_main = defineComponent({
   name: "PsCascaderPanel",
@@ -26,7 +31,7 @@ const _sfc_main = defineComponent({
     },
     renderLabel: Function
   },
-  setup(props, { slots }) {
+  setup(props, { emit, slots }) {
     let manualChecked = false;
     const ns = useNamespace("cascader");
     const config = useCascaderConfig(props);
@@ -39,6 +44,26 @@ const _sfc_main = defineComponent({
     const checkedNodes = ref([]);
     const isHoverMenu = computed(() => config.value.expandTrigger === ExpandTrigger.HOVER);
     const renderLabelFn = computed(() => props.renderLabel || slots.default);
+    const initStore = () => {
+      const { options } = props;
+      const cfg = config.value;
+      manualChecked = false;
+      store = new Store(options, cfg);
+      menus.value = [store.getNodes()];
+      if (cfg.lazy && isEmpty(props.options)) {
+        initialLoaded.value = false;
+        lazyLoad(void 0, (list) => {
+          if (list) {
+            store = new Store(list, cfg);
+            menus.value = [store.getNodes()];
+          }
+          initialLoaded.value = true;
+          syncCheckedValue(false, true);
+        });
+      } else {
+        syncCheckedValue(false, true);
+      }
+    };
     const lazyLoad = (node, cb) => {
       const cfg = config.value;
       node = node || new Node({}, cfg, void 0, true);
@@ -71,6 +96,16 @@ const _sfc_main = defineComponent({
         !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
       }
     };
+    const handleCheckChange = (node, checked, emitClose = true) => {
+      const { checkStrictly, multiple } = config.value;
+      const oldNode = checkedNodes.value[0];
+      manualChecked = true;
+      !multiple && (oldNode == null ? void 0 : oldNode.doCheck(false));
+      node.doCheck(checked);
+      calculateCheckedValue();
+      emitClose && !multiple && !checkStrictly && emit("close");
+      !emitClose && !multiple && !checkStrictly && expandParentNode(node);
+    };
     const expandParentNode = (node) => {
       if (!node)
         return;
@@ -78,6 +113,27 @@ const _sfc_main = defineComponent({
       expandParentNode(node);
       node && expandNode(node);
     };
+    const getFlattedNodes = (leafOnly) => {
+      return store == null ? void 0 : store.getFlattedNodes(leafOnly);
+    };
+    const getCheckedNodes = (leafOnly) => {
+      var _a;
+      return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
+    };
+    const clearCheckedNodes = () => {
+      checkedNodes.value.forEach((node) => node.doCheck(false));
+      calculateCheckedValue();
+    };
+    const calculateCheckedValue = () => {
+      var _a;
+      const { checkStrictly, multiple } = config.value;
+      const oldNodes = checkedNodes.value;
+      const newNodes = getCheckedNodes(!checkStrictly);
+      const nodes = sortByOriginalOrder(oldNodes, newNodes);
+      const values = nodes.map((node) => node.valueByOption);
+      checkedNodes.value = nodes;
+      checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
+    };
     const syncCheckedValue = (loaded = false, forced = false) => {
       const { modelValue } = props;
       const { lazy, multiple, checkStrictly } = config.value;
@@ -129,21 +185,69 @@ const _sfc_main = defineComponent({
         }
       });
     };
+    const handleKeyDown = (e) => {
+      const target = e.target;
+      const { code } = e;
+      switch (code) {
+        case EVENT_CODE.up:
+        case EVENT_CODE.down: {
+          e.preventDefault();
+          const distance = code === EVENT_CODE.up ? -1 : 1;
+          focusNode(getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
+          break;
+        }
+        case EVENT_CODE.left: {
+          e.preventDefault();
+          const preMenu = menuList.value[getMenuIndex(target) - 1];
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector(`.${ns.b("node")}[aria-expanded="true"]`);
+          focusNode(expandedNode);
+          break;
+        }
+        case EVENT_CODE.right: {
+          e.preventDefault();
+          const nextMenu = menuList.value[getMenuIndex(target) + 1];
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector(`.${ns.b("node")}[tabindex="-1"]`);
+          focusNode(firstNode);
+          break;
+        }
+        case EVENT_CODE.enter:
+          checkNode(target);
+          break;
+        case EVENT_CODE.esc:
+        case EVENT_CODE.tab:
+          emit("close");
+          break;
+      }
+    };
     provide(CASCADER_PANEL_INJECTION_KEY, reactive({
       config,
       expandingNode,
       checkedNodes,
       isHoverMenu,
       initialLoaded,
-      renderLabelFn
+      renderLabelFn,
+      lazyLoad,
+      expandNode,
+      handleCheckChange
     }));
+    watch([config, () => props.options], initStore, {
+      deep: true,
+      immediate: true
+    });
     onBeforeUpdate(() => menuList.value = []);
     onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue());
     return {
       ns,
       menuList,
       menus,
-      checkedNodes
+      checkedNodes,
+      handleKeyDown,
+      handleCheckChange,
+      getFlattedNodes,
+      getCheckedNodes,
+      clearCheckedNodes,
+      calculateCheckedValue,
+      scrollToExpandingNode
     };
   }
 });

package/es/components/cascader-panel/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/cascader-panel/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('panel'), ns.is('bordered', border)]\"\n  >\n    <ps-cascader-menu\n      v-for=\"(menu, index) in menus\"\n      :key=\"index\"\n      :ref=\"(item) => (menuList[index] = item)\"\n      :index=\"index\"\n      :nodes=\"[...menu]\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUpdate,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n} from 'vue'\nimport { flattenDeep, isEqual } from 'lodash-unified'\nimport { isClient } from '@vueuse/core'\nimport {\n  castArray,\n  isEmpty,\n  scrollIntoView,\n  unique,\n} from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\n\nimport PsCascaderMenu from './menu.vue'\nimport Store from './store'\nimport Node, { ExpandTrigger } from './node'\nimport { CommonProps, useCascaderConfig } from './config'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-ps/utils'\nimport type {\n  default as CascaderNode,\n  CascaderNodeValue,\n  CascaderOption,\n  CascaderValue,\n  RenderLabel,\n} from './node'\n\nimport type { PsCascaderPanelContext } from './types'\n\nexport default defineComponent({\n  name: 'PsCascaderPanel',\n\n  components: {\n    PsCascaderMenu,\n  },\n\n  props: {\n    ...CommonProps,\n    border: {\n      type: Boolean,\n      default: true,\n    },\n    renderLabel: Function as PropType<RenderLabel>,\n  },\n\n  setup(props, { slots }) {\n    // for interrupt sync check status in lazy mode\n    let manualChecked = false\n\n    const ns = useNamespace('cascader')\n    const config = useCascaderConfig(props)\n\n    let store: Nullable<Store> = null\n    const initialLoaded = ref(true)\n    const menuList = ref<any[]>([])\n    const checkedValue = ref<Nullable<CascaderValue>>(null)\n    const menus = ref<CascaderNode[][]>([])\n    const expandingNode = ref<Nullable<CascaderNode>>(null)\n    const checkedNodes = ref<CascaderNode[]>([])\n\n    const isHoverMenu = computed(\n      () => config.value.expandTrigger === ExpandTrigger.HOVER\n    )\n    const renderLabelFn = computed(() => props.renderLabel || slots.default)\n\n    const lazyLoad: PsCascaderPanelContext['lazyLoad'] = (node, cb) => {\n      const cfg = config.value\n      node! = node || new Node({}, cfg, undefined, true)\n      node.loading = true\n\n      const resolve = (dataList: CascaderOption[]) => {\n        const _node = node as Node\n        const parent = _node.root ? null : _node\n        dataList && store?.appendNodes(dataList, parent as any)\n        _node.loading = false\n        _node.loaded = true\n        _node.childrenData = _node.childrenData || []\n        cb && cb(dataList)\n      }\n\n      cfg.lazyLoad(node, resolve as any)\n    }\n\n    const expandNode: PsCascaderPanelContext['expandNode'] = (node, silent) => {\n      const { level } = node\n      const newMenus = menus.value.slice(0, level)\n      let newExpandingNode: Nullable<CascaderNode>\n\n      if (node.isLeaf) {\n        newExpandingNode = node.pathNodes[level - 2]\n      } else {\n        newExpandingNode = node\n        newMenus.push(node.children)\n      }\n\n      if (expandingNode.value?.uid !== newExpandingNode?.uid) {\n        expandingNode.value = node\n        menus.value = newMenus\n        !silent && emit('expand-change', node?.pathValues || [])\n      }\n    }\n\n    const expandParentNode = (node) => {\n      if (!node) return\n      node = node.parent\n      expandParentNode(node)\n      node && expandNode(node)\n    }\n\n    const syncCheckedValue = (loaded = false, forced = false) => {\n      const { modelValue } = props\n      const { lazy, multiple, checkStrictly } = config.value\n      const leafOnly = !checkStrictly\n\n      if (\n        !initialLoaded.value ||\n        manualChecked ||\n        (!forced && isEqual(modelValue, checkedValue.value))\n      )\n        return\n\n      if (lazy && !loaded) {\n        const values: CascaderNodeValue[] = unique(\n          flattenDeep(castArray(modelValue))\n        )\n        const nodes = values\n          .map((val) => store?.getNodeByValue(val))\n          .filter((node) => !!node && !node.loaded && !node.loading) as Node[]\n\n        if (nodes.length) {\n          nodes.forEach((node) => {\n            lazyLoad(node, () => syncCheckedValue(false, forced))\n          })\n        } else {\n          syncCheckedValue(true, forced)\n        }\n      } else {\n        const values = multiple ? castArray(modelValue) : [modelValue]\n        const nodes = unique(\n          values.map((val) => store?.getNodeByValue(val, leafOnly))\n        ) as Node[]\n        syncMenuState(nodes, false)\n        checkedValue.value = modelValue!\n      }\n    }\n\n    const syncMenuState = (\n      newCheckedNodes: CascaderNode[],\n      reserveExpandingState = true\n    ) => {\n      const { checkStrictly } = config.value\n      const oldNodes = checkedNodes.value\n      const newNodes = newCheckedNodes.filter(\n        (node) => !!node && (checkStrictly || node.isLeaf)\n      )\n      const oldExpandingNode = store?.getSameNode(expandingNode.value!)\n      const newExpandingNode =\n        (reserveExpandingState && oldExpandingNode) || newNodes[0]\n\n      if (newExpandingNode) {\n        newExpandingNode.pathNodes.forEach((node) => expandNode(node, true))\n      } else {\n        expandingNode.value = null\n      }\n\n      oldNodes.forEach((node) => node.doCheck(false))\n      newNodes.forEach((node) => node.doCheck(true))\n\n      checkedNodes.value = newNodes\n      nextTick(scrollToExpandingNode)\n    }\n\n    const scrollToExpandingNode = () => {\n      if (!isClient) return\n\n      menuList.value.forEach((menu) => {\n        const menuElement = menu?.$el\n        if (menuElement) {\n          const container = menuElement.querySelector(\n            `.${ns.namespace.value}-scrollbar__wrap`\n          )\n          const activeNode =\n            menuElement.querySelector(`.${ns.b('node')}.${ns.is('active')}`) ||\n            menuElement.querySelector(`.${ns.b('node')}.in-active-path`)\n          scrollIntoView(container, activeNode)\n        }\n      })\n    }\n\n    provide(\n      CASCADER_PANEL_INJECTION_KEY,\n      reactive({\n        config,\n        expandingNode,\n        checkedNodes,\n        isHoverMenu,\n        initialLoaded,\n        renderLabelFn,\n      })\n    )\n\n    onBeforeUpdate(() => (menuList.value = []))\n\n    onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue())\n\n    return {\n      ns,\n      menuList,\n      menus,\n      checkedNodes,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_normalizeClass","_Fragment","_renderList","_createBlock"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/cascader-panel/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('panel'), ns.is('bordered', border)]\"\n  >\n    <ps-cascader-menu\n      v-for=\"(menu, index) in menus\"\n      :key=\"index\"\n      :ref=\"(item) => (menuList[index] = item)\"\n      :index=\"index\"\n      :nodes=\"[...menu]\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUpdate,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { flattenDeep, isEqual } from 'lodash-unified'\nimport { isClient } from '@vueuse/core'\nimport {\n  castArray,\n  focusNode,\n  getSibling,\n  isEmpty,\n  scrollIntoView,\n  unique,\n} from '@element-ps/utils'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-ps/constants'\nimport { useNamespace } from '@element-ps/hooks'\n\nimport PsCascaderMenu from './menu.vue'\nimport Store from './store'\nimport Node, { ExpandTrigger } from './node'\nimport { CommonProps, useCascaderConfig } from './config'\nimport { checkNode, getMenuIndex, sortByOriginalOrder } from './utils'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-ps/utils'\nimport type {\n  default as CascaderNode,\n  CascaderNodeValue,\n  CascaderOption,\n  CascaderValue,\n  RenderLabel,\n} from './node'\n\nimport type { PsCascaderPanelContext } from './types'\n\nexport default defineComponent({\n  name: 'PsCascaderPanel',\n  components: {\n    PsCascaderMenu,\n  },\n  props: {\n    ...CommonProps,\n    border: {\n      type: Boolean,\n      default: true,\n    },\n    renderLabel: Function as PropType<RenderLabel>,\n  },\n  setup(props, { emit, slots }) {\n    // for interrupt sync check status in lazy mode\n    let manualChecked = false\n\n    const ns = useNamespace('cascader')\n    const config = useCascaderConfig(props)\n\n    let store: Nullable<Store> = null\n    const initialLoaded = ref(true)\n    const menuList = ref<any[]>([])\n    const checkedValue = ref<Nullable<CascaderValue>>(null)\n    const menus = ref<CascaderNode[][]>([])\n    const expandingNode = ref<Nullable<CascaderNode>>(null)\n    const checkedNodes = ref<CascaderNode[]>([])\n\n    const isHoverMenu = computed(\n      () => config.value.expandTrigger === ExpandTrigger.HOVER\n    )\n    const renderLabelFn = computed(() => props.renderLabel || slots.default)\n\n    const initStore = () => {\n      const { options } = props\n      const cfg = config.value\n\n      manualChecked = false\n      store = new Store(options, cfg)\n      menus.value = [store.getNodes()]\n\n      if (cfg.lazy && isEmpty(props.options)) {\n        initialLoaded.value = false\n        lazyLoad(undefined, (list) => {\n          if (list) {\n            store = new Store(list, cfg)\n            menus.value = [store.getNodes()]\n          }\n          initialLoaded.value = true\n          syncCheckedValue(false, true)\n        })\n      } else {\n        syncCheckedValue(false, true)\n      }\n    }\n\n    const lazyLoad: PsCascaderPanelContext['lazyLoad'] = (node, cb) => {\n      const cfg = config.value\n      node! = node || new Node({}, cfg, undefined, true)\n      node.loading = true\n\n      const resolve = (dataList: CascaderOption[]) => {\n        const _node = node as Node\n        const parent = _node.root ? null : _node\n        dataList && store?.appendNodes(dataList, parent as any)\n        _node.loading = false\n        _node.loaded = true\n        _node.childrenData = _node.childrenData || []\n        cb && cb(dataList)\n      }\n\n      cfg.lazyLoad(node, resolve as any)\n    }\n\n    const expandNode: PsCascaderPanelContext['expandNode'] = (node, silent) => {\n      const { level } = node\n      const newMenus = menus.value.slice(0, level)\n      let newExpandingNode: Nullable<CascaderNode>\n\n      if (node.isLeaf) {\n        newExpandingNode = node.pathNodes[level - 2]\n      } else {\n        newExpandingNode = node\n        newMenus.push(node.children)\n      }\n\n      if (expandingNode.value?.uid !== newExpandingNode?.uid) {\n        expandingNode.value = node\n        menus.value = newMenus\n        !silent && emit('expand-change', node?.pathValues || [])\n      }\n    }\n\n    const handleCheckChange: PsCascaderPanelContext['handleCheckChange'] = (\n      node,\n      checked,\n      emitClose = true\n    ) => {\n      const { checkStrictly, multiple } = config.value\n      const oldNode = checkedNodes.value[0]\n      manualChecked = true\n\n      !multiple && oldNode?.doCheck(false)\n      node.doCheck(checked)\n      calculateCheckedValue()\n      emitClose && !multiple && !checkStrictly && emit('close')\n      !emitClose && !multiple && !checkStrictly && expandParentNode(node)\n    }\n\n    const expandParentNode = (node) => {\n      if (!node) return\n      node = node.parent\n      expandParentNode(node)\n      node && expandNode(node)\n    }\n\n    const getFlattedNodes = (leafOnly: boolean) => {\n      return store?.getFlattedNodes(leafOnly)\n    }\n\n    const getCheckedNodes = (leafOnly: boolean) => {\n      return getFlattedNodes(leafOnly)?.filter((node) => node.checked !== false)\n    }\n\n    const clearCheckedNodes = () => {\n      checkedNodes.value.forEach((node) => node.doCheck(false))\n      calculateCheckedValue()\n    }\n\n    const calculateCheckedValue = () => {\n      const { checkStrictly, multiple } = config.value\n      const oldNodes = checkedNodes.value\n      const newNodes = getCheckedNodes(!checkStrictly)!\n      // ensure the original order\n      const nodes = sortByOriginalOrder(oldNodes, newNodes)\n      const values = nodes.map((node) => node.valueByOption)\n      checkedNodes.value = nodes\n      checkedValue.value = multiple ? values : values[0] ?? null\n    }\n\n    const syncCheckedValue = (loaded = false, forced = false) => {\n      const { modelValue } = props\n      const { lazy, multiple, checkStrictly } = config.value\n      const leafOnly = !checkStrictly\n\n      if (\n        !initialLoaded.value ||\n        manualChecked ||\n        (!forced && isEqual(modelValue, checkedValue.value))\n      )\n        return\n\n      if (lazy && !loaded) {\n        const values: CascaderNodeValue[] = unique(\n          flattenDeep(castArray(modelValue))\n        )\n        const nodes = values\n          .map((val) => store?.getNodeByValue(val))\n          .filter((node) => !!node && !node.loaded && !node.loading) as Node[]\n\n        if (nodes.length) {\n          nodes.forEach((node) => {\n            lazyLoad(node, () => syncCheckedValue(false, forced))\n          })\n        } else {\n          syncCheckedValue(true, forced)\n        }\n      } else {\n        const values = multiple ? castArray(modelValue) : [modelValue]\n        const nodes = unique(\n          values.map((val) => store?.getNodeByValue(val, leafOnly))\n        ) as Node[]\n        syncMenuState(nodes, false)\n        checkedValue.value = modelValue!\n      }\n    }\n\n    const syncMenuState = (\n      newCheckedNodes: CascaderNode[],\n      reserveExpandingState = true\n    ) => {\n      const { checkStrictly } = config.value\n      const oldNodes = checkedNodes.value\n      const newNodes = newCheckedNodes.filter(\n        (node) => !!node && (checkStrictly || node.isLeaf)\n      )\n      const oldExpandingNode = store?.getSameNode(expandingNode.value!)\n      const newExpandingNode =\n        (reserveExpandingState && oldExpandingNode) || newNodes[0]\n\n      if (newExpandingNode) {\n        newExpandingNode.pathNodes.forEach((node) => expandNode(node, true))\n      } else {\n        expandingNode.value = null\n      }\n\n      oldNodes.forEach((node) => node.doCheck(false))\n      newNodes.forEach((node) => node.doCheck(true))\n\n      checkedNodes.value = newNodes\n      nextTick(scrollToExpandingNode)\n    }\n\n    const scrollToExpandingNode = () => {\n      if (!isClient) return\n\n      menuList.value.forEach((menu) => {\n        const menuElement = menu?.$el\n        if (menuElement) {\n          const container = menuElement.querySelector(\n            `.${ns.namespace.value}-scrollbar__wrap`\n          )\n          const activeNode =\n            menuElement.querySelector(`.${ns.b('node')}.${ns.is('active')}`) ||\n            menuElement.querySelector(`.${ns.b('node')}.in-active-path`)\n          scrollIntoView(container, activeNode)\n        }\n      })\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      const target = e.target as HTMLElement\n      const { code } = e\n\n      switch (code) {\n        case EVENT_CODE.up:\n        case EVENT_CODE.down: {\n          e.preventDefault()\n          const distance = code === EVENT_CODE.up ? -1 : 1\n          focusNode(\n            getSibling(target, distance, `.${ns.b('node')}[tabindex=\"-1\"]`)\n          )\n          break\n        }\n        case EVENT_CODE.left: {\n          e.preventDefault()\n          const preMenu = menuList.value[getMenuIndex(target) - 1]\n          const expandedNode = preMenu?.$el.querySelector(\n            `.${ns.b('node')}[aria-expanded=\"true\"]`\n          )\n          focusNode(expandedNode)\n          break\n        }\n        case EVENT_CODE.right: {\n          e.preventDefault()\n          const nextMenu = menuList.value[getMenuIndex(target) + 1]\n          const firstNode = nextMenu?.$el.querySelector(\n            `.${ns.b('node')}[tabindex=\"-1\"]`\n          )\n          focusNode(firstNode)\n          break\n        }\n        case EVENT_CODE.enter:\n          checkNode(target)\n          break\n        case EVENT_CODE.esc:\n        case EVENT_CODE.tab:\n          emit('close')\n          break\n      }\n    }\n\n    provide(\n      CASCADER_PANEL_INJECTION_KEY,\n      reactive({\n        config,\n        expandingNode,\n        checkedNodes,\n        isHoverMenu,\n        initialLoaded,\n        renderLabelFn,\n        lazyLoad,\n        expandNode,\n        handleCheckChange,\n      })\n    )\n\n    watch([config, () => props.options], initStore, {\n      deep: true,\n      immediate: true,\n    })\n\n    onBeforeUpdate(() => (menuList.value = []))\n\n    onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue())\n\n    return {\n      ns,\n      menuList,\n      menus,\n      checkedNodes,\n      handleKeyDown,\n      handleCheckChange,\n      getFlattedNodes,\n      getCheckedNodes,\n      clearCheckedNodes,\n      calculateCheckedValue,\n      scrollToExpandingNode,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock"],"mappings":"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"}

package/es/components/cascader-panel/src/index.vue.d.ts

@@ -148,6 +148,13 @@ declare const _default: import("vue").DefineComponent<{
         setCheckState: (checked: boolean) => void;
         doCheck: (checked: boolean) => void;
     }[]>;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    handleCheckChange: (node: Node, checked: boolean, emitClose?: boolean | undefined) => void;
+    getFlattedNodes: (leafOnly: boolean) => Node[] | undefined;
+    getCheckedNodes: (leafOnly: boolean) => Node[] | undefined;
+    clearCheckedNodes: () => void;
+    calculateCheckedValue: () => void;
+    scrollToExpandingNode: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;

package/es/components/cascader-panel/src/menu.mjs

@@ -1,10 +1,10 @@
-import { defineComponent, inject, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, getCurrentInstance, inject, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { PsScrollbar } from '../../scrollbar/index.mjs';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
 import { Loading } from '@element-plus/icons-vue';
 import { PsIcon } from '../../icon/index.mjs';
-import PsCascaderNode from './node.mjs';
+import PsCascaderNode from './node2.mjs';
 import { CASCADER_PANEL_INJECTION_KEY } from './types.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -30,14 +30,29 @@ const _sfc_main = defineComponent({
     }
   },
   setup(props) {
+    const instance = getCurrentInstance();
     const ns = useNamespace("cascader-menu");
     const { t } = useLocale();
     const id = generateId();
+    let activeNode = null;
+    let hoverTimer = null;
     const panel = inject(CASCADER_PANEL_INJECTION_KEY);
     const hoverZone = ref(null);
     const isEmpty = computed(() => !props.nodes.length);
     const isLoading = computed(() => !panel.initialLoaded);
     const menuId = computed(() => `cascader-menu-${id}-${props.index}`);
+    const clearHoverTimer = () => {
+      if (!hoverTimer)
+        return;
+      clearTimeout(hoverTimer);
+      hoverTimer = null;
+    };
+    const clearHoverZone = () => {
+      if (!hoverZone.value)
+        return;
+      hoverZone.value.innerHTML = "";
+      clearHoverTimer();
+    };
     return {
       ns,
       panel,

package/es/components/cascader-panel/src/menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu.mjs","sources":["../../../../../../packages/components/cascader-panel/src/menu.vue"],"sourcesContent":["<template>\n  <ps-scrollbar\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    :class=\"ns.b()\"\n    :wrap-class=\"ns.e('wrap')\"\n    :view-class=\"[ns.e('list'), ns.is('empty', isEmpty)]\"\n  >\n    <ps-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n    />\n    <div v-if=\"isLoading\" :class=\"ns.e('empty-text')\">\n      <ps-icon size=\"14\" :class=\"ns.is('loading')\">\n        <loading />\n      </ps-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" :class=\"ns.e('empty-text')\">\n      {{ t('el.cascader.noData') }}\n    </div>\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      :class=\"ns.e('hover-zone')\"\n    />\n  </ps-scrollbar>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref } from 'vue'\nimport PsScrollbar from '@element-ps/components/scrollbar'\nimport { useLocale, useNamespace } from '@element-ps/hooks'\nimport { generateId } from '@element-ps/utils'\nimport { Loading } from '@element-plus/icons-vue'\nimport PsIcon from '@element-ps/components/icon'\nimport PsCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { default as CascaderNode } from './node'\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'PsCascaderMenu',\n\n  components: {\n    Loading,\n    PsIcon,\n    PsScrollbar,\n    PsCascaderNode,\n  },\n\n  props: {\n    nodes: {\n      type: Array as PropType<CascaderNode[]>,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const ns = useNamespace('cascader-menu')\n\n    const { t } = useLocale()\n    const id = generateId()\n\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const hoverZone = ref<null | SVGSVGElement>(null)\n\n    const isEmpty = computed(() => !props.nodes.length)\n    const isLoading = computed(() => !panel.initialLoaded)\n    const menuId = computed(() => `cascader-menu-${id}-${props.index}`)\n\n    return {\n      ns,\n      panel,\n      hoverZone,\n      isEmpty,\n      isLoading,\n      menuId,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_withCtx","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;AA6CA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,gBAAA;AAAA,EAEN,UAAY,EAAA;AAAA,IACV,OAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,GACF;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,KAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,GACF;AAAA,EAEA,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAK,aAAa,eAAe,CAAA,CAAA;AAEvC,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,KAAK,UAAW,EAAA,CAAA;AAEtB,IAAM,MAAA,KAAA,GAAQ,OAAO,4BAA4B,CAAA,CAAA;AAEjD,IAAM,MAAA,SAAA,GAAY,IAA0B,IAAI,CAAA,CAAA;AAEhD,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,CAAC,KAAA,CAAM,MAAM,MAAM,CAAA,CAAA;AAClD,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,CAAC,MAAM,aAAa,CAAA,CAAA;AACrD,IAAA,MAAM,SAAS,QAAS,CAAA,MAAM,CAAiB,cAAA,EAAA,EAAA,CAAA,CAAA,EAAM,MAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAElE,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;;;sBAzFCA,WA4Be,CAAA,uBAAA,EAAA;AAAA,IA3BZ,GAAK,EAAA,IAAA,CAAA,MAAA;AAAA,IACN,GAAI,EAAA,IAAA;AAAA,IACJ,IAAK,EAAA,MAAA;AAAA,IACJ,KAAA,EAAKC,cAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,EAAA,CAAA;AAAA,IACX,YAAA,EAAY,QAAG,CAAC,CAAA,MAAA,CAAA;AAAA,IAChB,YAAA,EAAU,CAAG,IAAG,CAAA,EAAA,CAAA,CAAA,CAAC,SAAU,IAAG,CAAA,EAAA,CAAA,EAAA,CAAE,SAAU,IAAO,CAAA,OAAA,CAAA,CAAA;AAAA,GAAA,EAAA;qBAGhD,MAAqB;AAAA,MAAA,IAAA,EAAA,CAAA;;AAIrB,SAAAC,SAHW,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAAAC,QAAA,EAAA,IAAA,EAAAC,UAAA,CAAA,IAAA,CAAA,KAAA,EAAA,CAAA,IAAA,KAAA;AAAA,UACV,OAAAH,SAAA,EAAA,EAAAF,WAAA,CAAA,2BAAA,EAAA;AAAA,YACS,GAAA,EAAA,IAAA,CAAA,GAAA;AAAA,YAAA,IAAA;;AAED,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,SAKL,CAAA,CAAA,CAAA;AAAA,SAAA,CAAA,EAAA,GAAA,CAAA;QALiB,IAAK,CAAA,SAAA,IAAAE,aAAMC,kBAAA,CAAA,KAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;UAGtB,KAAA,EAAAF,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA;AAAA,SAAA,EAFI;AAAA,UAAMK,WAAO,CAAA,kBAAG,EAAE;AAAA,YAAA,IAAA,EAAA,IAAA;iCACnB,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,WAAA,EAAA;AAAA,YAAA,OAAA,EAAAC,OAAA,CAAA,MAAA;;;AACH,YAAA,CAAA,EAAA,CAAA;AACN,WAAA,EAAA,CAAA;AAIA,UAAAC,eAAA,CAAA,GAAA,GAAAC,eAAA,CAAA,IAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,CAAA,CAAA;SAFyB,EAAA,CAAA,CAAA,IAAA,IAAA,CAAA,OAAA,aAAM,EAAA,EAAAN,kBAAA,CAAA,KAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAOnC,UAAA,KAAA,EAAAF,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA;SAFI,EAAAQ,eAAA,CAAA,IAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA,IAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAAP,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,UACH,GAAA,EAAK,CAAE;AAAI,UAAA,GAAA,EAAA,WAAA;;;;;;;;;;;;"}
+{"version":3,"file":"menu.mjs","sources":["../../../../../../packages/components/cascader-panel/src/menu.vue"],"sourcesContent":["<template>\n  <ps-scrollbar\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    :class=\"ns.b()\"\n    :wrap-class=\"ns.e('wrap')\"\n    :view-class=\"[ns.e('list'), ns.is('empty', isEmpty)]\"\n  >\n    <ps-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n    />\n    <div v-if=\"isLoading\" :class=\"ns.e('empty-text')\">\n      <ps-icon size=\"14\" :class=\"ns.is('loading')\">\n        <loading />\n      </ps-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" :class=\"ns.e('empty-text')\">\n      {{ t('el.cascader.noData') }}\n    </div>\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      :class=\"ns.e('hover-zone')\"\n    />\n  </ps-scrollbar>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject, ref } from 'vue'\nimport PsScrollbar from '@element-ps/components/scrollbar'\nimport { useLocale, useNamespace } from '@element-ps/hooks'\nimport { generateId } from '@element-ps/utils'\nimport { Loading } from '@element-plus/icons-vue'\nimport PsIcon from '@element-ps/components/icon'\nimport PsCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { default as CascaderNode } from './node'\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-ps/utils'\n\nexport default defineComponent({\n  name: 'PsCascaderMenu',\n\n  components: {\n    Loading,\n    PsIcon,\n    PsScrollbar,\n    PsCascaderNode,\n  },\n\n  props: {\n    nodes: {\n      type: Array as PropType<CascaderNode[]>,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const ns = useNamespace('cascader-menu')\n\n    const { t } = useLocale()\n    const id = generateId()\n    let activeNode: Nullable<HTMLElement> = null\n    let hoverTimer: Nullable<number> = null\n\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const hoverZone = ref<null | SVGSVGElement>(null)\n\n    const isEmpty = computed(() => !props.nodes.length)\n    const isLoading = computed(() => !panel.initialLoaded)\n    const menuId = computed(() => `cascader-menu-${id}-${props.index}`)\n\n    const clearHoverTimer = () => {\n      if (!hoverTimer) return\n      clearTimeout(hoverTimer)\n      hoverTimer = null\n    }\n\n    const clearHoverZone = () => {\n      if (!hoverZone.value) return\n      hoverZone.value.innerHTML = ''\n      clearHoverTimer()\n    }\n    return {\n      ns,\n      panel,\n      hoverZone,\n      isEmpty,\n      isLoading,\n      menuId,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_withCtx","_createTextVNode","_toDisplayString"],"mappings":"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"}