@element-plus/nightly 0.0.20220120 → 0.0.20220124

package/es/components/scrollbar/src/bar.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <transition name=\"el-scrollbar-fade\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"['el-scrollbar__bar', 'is-' + bar.key]\"\n      @mousedown=\"clickTrackHandler\"\n    >\n      <div\n        ref=\"thumb\"\n        class=\"el-scrollbar__thumb\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      ></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  ref,\n  toRef,\n} from 'vue'\nimport { useEventListener, isClient } from '@vueuse/core'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils/error'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport { barProps } from './bar'\n\nconst COMPONENT_NAME = 'Bar'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: barProps,\n\n  setup(props) {\n    const scrollbar = inject(scrollbarContextKey)\n    if (!scrollbar)\n      throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\n    const instance = ref<HTMLDivElement>()\n    const thumb = ref<HTMLDivElement>()\n\n    const barStore = ref({})\n    const visible = ref(false)\n\n    let cursorDown = false\n    let cursorLeave = false\n    let onselectstartStore:\n      | ((this: GlobalEventHandlers, ev: Event) => any)\n      | null = isClient ? document.onselectstart : null\n\n    const bar = computed(\n      () => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n    )\n\n    const thumbStyle = computed(() =>\n      renderThumbStyle({\n        size: props.size,\n        move: props.move,\n        bar: bar.value,\n      })\n    )\n\n    const offsetRatio = computed(\n      () =>\n        // offsetRatioX = original width of thumb / current width of thumb / ratioX\n        // offsetRatioY = original height of thumb / current height of thumb / ratioY\n        // instance height = wrap height - GAP\n        instance.value![bar.value.offset] ** 2 /\n        scrollbar.wrapElement![bar.value.scrollSize] /\n        props.ratio /\n        thumb.value![bar.value.offset]\n    )\n\n    const clickThumbHandler = (e: MouseEvent) => {\n      // prevent click event of middle and right button\n      e.stopPropagation()\n      if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n      window.getSelection()?.removeAllRanges()\n      startDrag(e)\n\n      const el = e.currentTarget as HTMLDivElement\n      if (!el) return\n      barStore.value[bar.value.axis] =\n        el[bar.value.offset] -\n        (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n    }\n\n    const clickTrackHandler = (e: MouseEvent) => {\n      if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n      const offset = Math.abs(\n        (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]\n      )\n      const thumbHalf = thumb.value[bar.value.offset] / 2\n      const thumbPositionPercentage =\n        ((offset - thumbHalf) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n\n      scrollbar.wrapElement[bar.value.scroll] =\n        (thumbPositionPercentage *\n          scrollbar.wrapElement[bar.value.scrollSize]) /\n        100\n    }\n\n    const startDrag = (e: MouseEvent) => {\n      e.stopImmediatePropagation()\n      cursorDown = true\n      document.addEventListener('mousemove', mouseMoveDocumentHandler)\n      document.addEventListener('mouseup', mouseUpDocumentHandler)\n      onselectstartStore = document.onselectstart\n      document.onselectstart = () => false\n    }\n\n    const mouseMoveDocumentHandler = (e: MouseEvent) => {\n      if (!instance.value || !thumb.value) return\n      if (cursorDown === false) return\n\n      const prevPage = barStore.value[bar.value.axis]\n      if (!prevPage) return\n\n      const offset =\n        (instance.value.getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]) *\n        -1\n      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n      const thumbPositionPercentage =\n        ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n      scrollbar.wrapElement[bar.value.scroll] =\n        (thumbPositionPercentage *\n          scrollbar.wrapElement[bar.value.scrollSize]) /\n        100\n    }\n\n    const mouseUpDocumentHandler = () => {\n      cursorDown = false\n      barStore.value[bar.value.axis] = 0\n      document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n      document.removeEventListener('mouseup', mouseUpDocumentHandler)\n      restoreOnselectstart()\n      if (cursorLeave) visible.value = false\n    }\n\n    const mouseMoveScrollbarHandler = () => {\n      cursorLeave = false\n      visible.value = !!props.size\n    }\n\n    const mouseLeaveScrollbarHandler = () => {\n      cursorLeave = true\n      visible.value = cursorDown\n    }\n\n    onBeforeUnmount(() => {\n      restoreOnselectstart()\n      document.removeEventListener('mouseup', mouseUpDocumentHandler)\n    })\n\n    const restoreOnselectstart = () => {\n      if (document.onselectstart !== onselectstartStore)\n        document.onselectstart = onselectstartStore\n    }\n\n    useEventListener(\n      toRef(scrollbar, 'scrollbarElement'),\n      'mousemove',\n      mouseMoveScrollbarHandler\n    )\n    useEventListener(\n      toRef(scrollbar, 'scrollbarElement'),\n      'mouseleave',\n      mouseLeaveScrollbarHandler\n    )\n\n    return {\n      instance,\n      thumb,\n      bar,\n      thumbStyle,\n      visible,\n      clickTrackHandler,\n      clickThumbHandler,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAgCA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,QAAQ;AACjB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,SAAS,GAAG;IAClB,KAAK;;IAEL,MAAM;IACN,MAAM,KAAK,GAAG,KAAK,CAAC;IACpB,MAAM,QAAQ;UACR,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;;IAE3B,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAI,kBAAkB,GAAG,QAAQ;;IAEjC,MAAM,aAAa;MACjB,IAAI,EAAE,MAAM,IAAI;;MAEhB,GAAG,EAAE,GAAG,CAAC;KACV,CAAC,EAAE;IACJ,MAAM,WAAW,GAAG;UACd,iBAAiB,GAAG,CAAC,CAAC,KAAK;MAC/B,IAAI,GAAG;;MAEP,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC;eACT;;;MAGT,MAAM,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;MAC3B,IAAI,CAAC,EAAE;QACL,OAAO;cACD,CAAC,KAAK,CAAC,GAAG;;;;;MAKlB,MAAM,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;MAC1B;YACM,uBAAuB,GAAG,CAAC,MAAM,GAAG,SAAS,IAAI,GAAG,GAAG,WAAW,CAAC;eAChE,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,uBAAuB,GAAG,SAAS,CAAC;;UAE1E,SAAS,GAAG,CAAC,CAAC,KAAK;QACrB,wBAAwB,EAAE,CAAC;gBACnB;cACF,CAAC,gBAAgB,CAAC;;;MAG1B,QAAQ,CAAC,aAAa,GAAG,MAAM,KAAK,CAAC;MACrC;UACI;MACJ,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK;;MAEnC,IAAI,UAAU,KAAK,KAAK;QACtB,OAAO;;MAET,IAAI,SAAS;eACJ;MACT,MAAM,MAAM,GAAG,CAAC,QAAQ,CAAC,MAAM;YACzB;YACA,uBAAuB,GAAG,CAAC,MAAM,GAAG,kBAAkB,IAAI,GAAG,GAAG;;;IAGxE,MAAM,sBAAsB,GAAG,MAAM;MACnC,UAAU,GAAG,KAAK;;MAElB,QAAQ,CAAC;cACD,CAAC,mBAAmB,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;0BAC5C,EAAE;MACtB;QACE,OAAO,CAAC,QAAQ,KAAK,CAAC;MACxB;UACI,4BAA4B,MAAM;iBAC3B,GAAG,KAAK,CAAC;;MAEpB;UACI;iBACO,GAAG,IAAI,CAAC;;;;MAInB,oBAAoB,EAAE,CAAC;MACvB,QAAQ,CAAC;MACT,CAAC;UACG,oBAAoB,GAAG,MAAM;MACjC,IAAI,QAAQ,CAAC,aAAa,KAAK,kBAAkB;QAC/C,QAAQ,CAAC,aAAa,GAAG;MAC3B;IACF;;IAEA,OAAO;MACL,QAAQ;MACR,KAAK;;MAEL,UAAU;MACV,OAAO;;MAEP;;;;;;;"}

package/es/components/scrollbar/src/bar.vue_vue_type_template_id_2f63f10a_lang.mjs

@@ -1,26 +0,0 @@
-import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, vShow } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, { name: "el-scrollbar-fade" }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        ref: "instance",
-        class: normalizeClass(["el-scrollbar__bar", "is-" + _ctx.bar.key]),
-        onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.clickTrackHandler && _ctx.clickTrackHandler(...args))
-      }, [
-        createElementVNode("div", {
-          ref: "thumb",
-          class: "el-scrollbar__thumb",
-          style: normalizeStyle(_ctx.thumbStyle),
-          onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.clickThumbHandler && _ctx.clickThumbHandler(...args))
-        }, null, 36)
-      ], 34), [
-        [vShow, _ctx.always || _ctx.visible]
-      ])
-    ]),
-    _: 1
-  });
-}
-
-export { render };
-//# sourceMappingURL=bar.vue_vue_type_template_id_2f63f10a_lang.mjs.map

package/es/components/scrollbar/src/bar.vue_vue_type_template_id_2f63f10a_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.vue_vue_type_template_id_2f63f10a_lang.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue?vue&type=template&id=2f63f10a&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-scrollbar-fade\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"['el-scrollbar__bar', 'is-' + bar.key]\"\n      @mousedown=\"clickTrackHandler\"\n    >\n      <div\n        ref=\"thumb\"\n        class=\"el-scrollbar__thumb\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      ></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  ref,\n  toRef,\n} from 'vue'\nimport { useEventListener, isClient } from '@vueuse/core'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport { throwError } from '@element-plus/utils/error'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport { barProps } from './bar'\n\nconst COMPONENT_NAME = 'Bar'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: barProps,\n\n  setup(props) {\n    const scrollbar = inject(scrollbarContextKey)\n    if (!scrollbar)\n      throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\n    const instance = ref<HTMLDivElement>()\n    const thumb = ref<HTMLDivElement>()\n\n    const barStore = ref({})\n    const visible = ref(false)\n\n    let cursorDown = false\n    let cursorLeave = false\n    let onselectstartStore:\n      | ((this: GlobalEventHandlers, ev: Event) => any)\n      | null = isClient ? document.onselectstart : null\n\n    const bar = computed(\n      () => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n    )\n\n    const thumbStyle = computed(() =>\n      renderThumbStyle({\n        size: props.size,\n        move: props.move,\n        bar: bar.value,\n      })\n    )\n\n    const offsetRatio = computed(\n      () =>\n        // offsetRatioX = original width of thumb / current width of thumb / ratioX\n        // offsetRatioY = original height of thumb / current height of thumb / ratioY\n        // instance height = wrap height - GAP\n        instance.value![bar.value.offset] ** 2 /\n        scrollbar.wrapElement![bar.value.scrollSize] /\n        props.ratio /\n        thumb.value![bar.value.offset]\n    )\n\n    const clickThumbHandler = (e: MouseEvent) => {\n      // prevent click event of middle and right button\n      e.stopPropagation()\n      if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n      window.getSelection()?.removeAllRanges()\n      startDrag(e)\n\n      const el = e.currentTarget as HTMLDivElement\n      if (!el) return\n      barStore.value[bar.value.axis] =\n        el[bar.value.offset] -\n        (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n    }\n\n    const clickTrackHandler = (e: MouseEvent) => {\n      if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n      const offset = Math.abs(\n        (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]\n      )\n      const thumbHalf = thumb.value[bar.value.offset] / 2\n      const thumbPositionPercentage =\n        ((offset - thumbHalf) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n\n      scrollbar.wrapElement[bar.value.scroll] =\n        (thumbPositionPercentage *\n          scrollbar.wrapElement[bar.value.scrollSize]) /\n        100\n    }\n\n    const startDrag = (e: MouseEvent) => {\n      e.stopImmediatePropagation()\n      cursorDown = true\n      document.addEventListener('mousemove', mouseMoveDocumentHandler)\n      document.addEventListener('mouseup', mouseUpDocumentHandler)\n      onselectstartStore = document.onselectstart\n      document.onselectstart = () => false\n    }\n\n    const mouseMoveDocumentHandler = (e: MouseEvent) => {\n      if (!instance.value || !thumb.value) return\n      if (cursorDown === false) return\n\n      const prevPage = barStore.value[bar.value.axis]\n      if (!prevPage) return\n\n      const offset =\n        (instance.value.getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]) *\n        -1\n      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n      const thumbPositionPercentage =\n        ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n      scrollbar.wrapElement[bar.value.scroll] =\n        (thumbPositionPercentage *\n          scrollbar.wrapElement[bar.value.scrollSize]) /\n        100\n    }\n\n    const mouseUpDocumentHandler = () => {\n      cursorDown = false\n      barStore.value[bar.value.axis] = 0\n      document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n      document.removeEventListener('mouseup', mouseUpDocumentHandler)\n      restoreOnselectstart()\n      if (cursorLeave) visible.value = false\n    }\n\n    const mouseMoveScrollbarHandler = () => {\n      cursorLeave = false\n      visible.value = !!props.size\n    }\n\n    const mouseLeaveScrollbarHandler = () => {\n      cursorLeave = true\n      visible.value = cursorDown\n    }\n\n    onBeforeUnmount(() => {\n      restoreOnselectstart()\n      document.removeEventListener('mouseup', mouseUpDocumentHandler)\n    })\n\n    const restoreOnselectstart = () => {\n      if (document.onselectstart !== onselectstartStore)\n        document.onselectstart = onselectstartStore\n    }\n\n    useEventListener(\n      toRef(scrollbar, 'scrollbarElement'),\n      'mousemove',\n      mouseMoveScrollbarHandler\n    )\n    useEventListener(\n      toRef(scrollbar, 'scrollbarElement'),\n      'mouseleave',\n      mouseLeaveScrollbarHandler\n    )\n\n    return {\n      instance,\n      thumb,\n      bar,\n      thumbStyle,\n      visible,\n      clickTrackHandler,\n      clickThumbHandler,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_normalizeStyle"],"mappings":";;;;;qBAEIA;;QAEE,KAAI;QACH;;;;UAIC,KAAI;UACJ,KAAK,EAACC;UACL;;;;;;;;;;;;"}

package/es/components/scrollbar/src/scrollbar.vue_vue_type_script_lang.mjs

@@ -1,118 +0,0 @@
-import { defineComponent, ref, computed, watch, provide, reactive, onMounted, nextTick } from 'vue';
-import { useResizeObserver, useEventListener } from '@vueuse/core';
-import { addUnit, isNumber } from '../../../utils/util.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
-import '../../../tokens/index.mjs';
-import './bar2.mjs';
-import { scrollbarProps, scrollbarEmits } from './scrollbar.mjs';
-import script$1 from './bar.vue_vue_type_script_lang.mjs';
-import { scrollbarContextKey } from '../../../tokens/scrollbar.mjs';
-
-var script = defineComponent({
-  name: "ElScrollbar",
-  components: {
-    Bar: script$1
-  },
-  props: scrollbarProps,
-  emits: scrollbarEmits,
-  setup(props, { emit }) {
-    let stopResizeObserver = void 0;
-    let stopResizeListener = void 0;
-    const scrollbar$ = ref();
-    const wrap$ = ref();
-    const resize$ = ref();
-    const sizeWidth = ref("0");
-    const sizeHeight = ref("0");
-    const moveX = ref(0);
-    const moveY = ref(0);
-    const ratioY = ref(1);
-    const ratioX = ref(1);
-    const SCOPE = "ElScrollbar";
-    const GAP = 4;
-    const style = computed(() => {
-      const style2 = {};
-      if (props.height)
-        style2.height = addUnit(props.height);
-      if (props.maxHeight)
-        style2.maxHeight = addUnit(props.maxHeight);
-      return [props.wrapStyle, style2];
-    });
-    const handleScroll = () => {
-      if (wrap$.value) {
-        const offsetHeight = wrap$.value.offsetHeight - GAP;
-        const offsetWidth = wrap$.value.offsetWidth - GAP;
-        moveY.value = wrap$.value.scrollTop * 100 / offsetHeight * ratioY.value;
-        moveX.value = wrap$.value.scrollLeft * 100 / offsetWidth * ratioX.value;
-        emit("scroll", {
-          scrollTop: wrap$.value.scrollTop,
-          scrollLeft: wrap$.value.scrollLeft
-        });
-      }
-    };
-    const setScrollTop = (value) => {
-      if (!isNumber(value)) {
-        debugWarn(SCOPE, "value must be a number");
-        return;
-      }
-      wrap$.value.scrollTop = value;
-    };
-    const setScrollLeft = (value) => {
-      if (!isNumber(value)) {
-        debugWarn(SCOPE, "value must be a number");
-        return;
-      }
-      wrap$.value.scrollLeft = value;
-    };
-    const update = () => {
-      if (!wrap$.value)
-        return;
-      const offsetHeight = wrap$.value.offsetHeight - GAP;
-      const offsetWidth = wrap$.value.offsetWidth - GAP;
-      const originalHeight = offsetHeight ** 2 / wrap$.value.scrollHeight;
-      const originalWidth = offsetWidth ** 2 / wrap$.value.scrollWidth;
-      const height = Math.max(originalHeight, props.minSize);
-      const width = Math.max(originalWidth, props.minSize);
-      ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
-      ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
-      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
-      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
-    };
-    watch(() => props.noresize, (noresize) => {
-      if (noresize) {
-        stopResizeObserver == null ? void 0 : stopResizeObserver();
-        stopResizeListener == null ? void 0 : stopResizeListener();
-      } else {
-        ;
-        ({ stop: stopResizeObserver } = useResizeObserver(resize$, update));
-        stopResizeListener = useEventListener("resize", update);
-      }
-    }, { immediate: true });
-    provide(scrollbarContextKey, reactive({
-      scrollbarElement: scrollbar$,
-      wrapElement: wrap$
-    }));
-    onMounted(() => {
-      if (!props.native)
-        nextTick(() => update());
-    });
-    return {
-      scrollbar$,
-      wrap$,
-      resize$,
-      moveX,
-      moveY,
-      ratioX,
-      ratioY,
-      sizeWidth,
-      sizeHeight,
-      style,
-      update,
-      handleScroll,
-      setScrollTop,
-      setScrollLeft
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=scrollbar.vue_vue_type_script_lang.mjs.map

package/es/components/scrollbar/src/scrollbar.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbar$\" class=\"el-scrollbar\">\n    <div\n      ref=\"wrap$\"\n      :class=\"[\n        wrapClass,\n        'el-scrollbar__wrap',\n        native ? '' : 'el-scrollbar__wrap--hidden-default',\n      ]\"\n      :style=\"style\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        ref=\"resize$\"\n        :class=\"['el-scrollbar__view', viewClass]\"\n        :style=\"viewStyle\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n      <bar\n        :move=\"moveY\"\n        :ratio=\"ratioY\"\n        :size=\"sizeHeight\"\n        vertical\n        :always=\"always\"\n      />\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onMounted,\n  provide,\n  ref,\n  watch,\n  reactive,\n} from 'vue'\nimport { useResizeObserver, useEventListener } from '@vueuse/core'\nimport { addUnit, isNumber } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport Bar from './bar.vue'\n\nimport { scrollbarProps, scrollbarEmits } from './scrollbar'\nimport type { StyleValue, CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElScrollbar',\n  components: {\n    Bar,\n  },\n  props: scrollbarProps,\n  emits: scrollbarEmits,\n\n  setup(props, { emit }) {\n    let stopResizeObserver: (() => void) | undefined = undefined\n    let stopResizeListener: (() => void) | undefined = undefined\n\n    const scrollbar$ = ref<HTMLDivElement>()\n    const wrap$ = ref<HTMLDivElement>()\n    const resize$ = ref<HTMLElement>()\n\n    const sizeWidth = ref('0')\n    const sizeHeight = ref('0')\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const ratioY = ref(1)\n    const ratioX = ref(1)\n    const SCOPE = 'ElScrollbar'\n    const GAP = 4 // top 2 + bottom 2 of bar instance\n\n    const style = computed<StyleValue>(() => {\n      const style: CSSProperties = {}\n      if (props.height) style.height = addUnit(props.height)\n      if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n      return [props.wrapStyle, style]\n    })\n\n    const handleScroll = () => {\n      if (wrap$.value) {\n        const offsetHeight = wrap$.value.offsetHeight - GAP\n        const offsetWidth = wrap$.value.offsetWidth - GAP\n\n        moveY.value =\n          ((wrap$.value.scrollTop * 100) / offsetHeight) * ratioY.value\n        moveX.value =\n          ((wrap$.value.scrollLeft * 100) / offsetWidth) * ratioX.value\n\n        emit('scroll', {\n          scrollTop: wrap$.value.scrollTop,\n          scrollLeft: wrap$.value.scrollLeft,\n        })\n      }\n    }\n\n    const setScrollTop = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap$.value!.scrollTop = value\n    }\n\n    const setScrollLeft = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap$.value!.scrollLeft = value\n    }\n\n    const update = () => {\n      if (!wrap$.value) return\n\n      const offsetHeight = wrap$.value.offsetHeight - GAP\n      const offsetWidth = wrap$.value.offsetWidth - GAP\n\n      const originalHeight = offsetHeight ** 2 / wrap$.value.scrollHeight\n      const originalWidth = offsetWidth ** 2 / wrap$.value.scrollWidth\n      const height = Math.max(originalHeight, props.minSize)\n      const width = Math.max(originalWidth, props.minSize)\n\n      ratioY.value =\n        originalHeight /\n        (offsetHeight - originalHeight) /\n        (height / (offsetHeight - height))\n      ratioX.value =\n        originalWidth /\n        (offsetWidth - originalWidth) /\n        (width / (offsetWidth - width))\n\n      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n    }\n\n    watch(\n      () => props.noresize,\n      (noresize) => {\n        if (noresize) {\n          stopResizeObserver?.()\n          stopResizeListener?.()\n        } else {\n          ;({ stop: stopResizeObserver } = useResizeObserver(resize$, update))\n          stopResizeListener = useEventListener('resize', update)\n        }\n      },\n      { immediate: true }\n    )\n\n    provide(\n      scrollbarContextKey,\n      reactive({\n        scrollbarElement: scrollbar$,\n        wrapElement: wrap$,\n      })\n    )\n\n    onMounted(() => {\n      if (!props.native) nextTick(() => update())\n    })\n\n    return {\n      scrollbar$,\n      wrap$,\n      resize$,\n\n      moveX,\n      moveY,\n      ratioX,\n      ratioY,\n      sizeWidth,\n      sizeHeight,\n      style,\n      update,\n      handleScroll,\n      setScrollTop,\n      setScrollLeft,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAkDA,EAAE,mBAAmB;AACrB,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,EAAE;OACF;;IAEH;IACA,MAAM,UAAU,GAAG;;IAEnB,MAAM,OAAO,GAAG,GAAG,EAAE;IACrB,MAAM,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC;IAC1B,MAAM,UAAU,GAAG,GAAG,IAAI,EAAE;;IAE5B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACrB,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC;;IAEtB,MAAM,GAAG,GAAG,CAAC,CAAC;IACd,MAAM,KAAK,GAAG,QAAQ,CAAC;MACrB,MAAM,MAAM,GAAG,EAAE;MACjB,IAAI,MAAM,MAAM;QACd,MAAM,CAAC,MAAM,GAAG;MAClB,IAAI,KAAK;QACP,MAAM,UAAU,GAAG;MACrB,QAAQ,KAAK,UAAU,EAAE,OAAO,CAAC;;IAEnC,MAAM,YAAY,GAAG,MAAM;MACzB,IAAI,KAAK,CAAC,KAAK,EAAE;cACT,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG;cAC7C,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,CAAC;QAClD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;;;UAGxB,SAAS,EAAE,KAAK;UAChB,UAAU;SACX,CAAC,CAAC;;;UAGD;UACA,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACpB,SAAS,CAAC;eACH;;WAEJ,CAAC,KAAK,CAAC;;UAER,aAAa,GAAG,CAAC,KAAK,KAAK;;;;;MAK/B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;MAC/B;UACI,MAAM,GAAG,MAAM;UACf,CAAC;;MAEL,MAAM,YAAY,GAAG,KAAK,CAAC;;;MAG3B,MAAM,gBAAgB,WAAW,IAAI;MACrC,MAAM,MAAM,GAAG,IAAI,CAAC;YACd,KAAK,GAAG,KAAK,GAAG,CAAC,aAAa,EAAE,KAAK;YACrC,CAAC;MACP;MACA,UAAU,CAAC,KAAK,GAAG,SAAS;;;IAG9B,MAAM,YAAY;MAChB,IAAI,QAAQ,EAAE;;QAEZ,sBAAsB,IAAI,GAAG,KAAK,CAAC,GAAG;OACvC,MAAM;;QAEL,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,CAAC,OAAO,EAAE;QAC3D,kBAAkB,GAAG,gBAAgB,SAAS,EAAE,MAAM,CAAC,CAAC;OACzD;OACA,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;;MAEtB;iBACW,EAAE;QACX;aACK,CAAC,MAAM;MACd,IAAI,CAAC,KAAK,CAAC;QACT,QAAQ,CAAC;;WAEN;;MAEL,KAAK;MACL,OAAO;;;MAGP;MACA,MAAM;MACN,SAAS;gBACC;WACL;YACC;;kBAEM;mBACC;;;;;;;"}

package/es/components/scrollbar/src/scrollbar.vue_vue_type_template_id_303f965d_lang.mjs

@@ -1,50 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, renderSlot, Fragment, createVNode, createCommentVNode } from 'vue';
-
-const _hoisted_1 = {
-  ref: "scrollbar$",
-  class: "el-scrollbar"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_bar = resolveComponent("bar");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", {
-      ref: "wrap$",
-      class: normalizeClass([
-        _ctx.wrapClass,
-        "el-scrollbar__wrap",
-        _ctx.native ? "" : "el-scrollbar__wrap--hidden-default"
-      ]),
-      style: normalizeStyle(_ctx.style),
-      onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.handleScroll && _ctx.handleScroll(...args))
-    }, [
-      (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-        ref: "resize$",
-        class: normalizeClass(["el-scrollbar__view", _ctx.viewClass]),
-        style: normalizeStyle(_ctx.viewStyle)
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]))
-    ], 38),
-    !_ctx.native ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createVNode(_component_bar, {
-        move: _ctx.moveX,
-        ratio: _ctx.ratioX,
-        size: _ctx.sizeWidth,
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"]),
-      createVNode(_component_bar, {
-        move: _ctx.moveY,
-        ratio: _ctx.ratioY,
-        size: _ctx.sizeHeight,
-        vertical: "",
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"])
-    ], 64)) : createCommentVNode("v-if", true)
-  ], 512);
-}
-
-export { render };
-//# sourceMappingURL=scrollbar.vue_vue_type_template_id_303f965d_lang.mjs.map

package/es/components/scrollbar/src/scrollbar.vue_vue_type_template_id_303f965d_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.vue_vue_type_template_id_303f965d_lang.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue?vue&type=template&id=303f965d&lang.js"],"sourcesContent":["<template>\n  <div ref=\"scrollbar$\" class=\"el-scrollbar\">\n    <div\n      ref=\"wrap$\"\n      :class=\"[\n        wrapClass,\n        'el-scrollbar__wrap',\n        native ? '' : 'el-scrollbar__wrap--hidden-default',\n      ]\"\n      :style=\"style\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        ref=\"resize$\"\n        :class=\"['el-scrollbar__view', viewClass]\"\n        :style=\"viewStyle\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n      <bar\n        :move=\"moveY\"\n        :ratio=\"ratioY\"\n        :size=\"sizeHeight\"\n        vertical\n        :always=\"always\"\n      />\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onMounted,\n  provide,\n  ref,\n  watch,\n  reactive,\n} from 'vue'\nimport { useResizeObserver, useEventListener } from '@vueuse/core'\nimport { addUnit, isNumber } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport Bar from './bar.vue'\n\nimport { scrollbarProps, scrollbarEmits } from './scrollbar'\nimport type { StyleValue, CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElScrollbar',\n  components: {\n    Bar,\n  },\n  props: scrollbarProps,\n  emits: scrollbarEmits,\n\n  setup(props, { emit }) {\n    let stopResizeObserver: (() => void) | undefined = undefined\n    let stopResizeListener: (() => void) | undefined = undefined\n\n    const scrollbar$ = ref<HTMLDivElement>()\n    const wrap$ = ref<HTMLDivElement>()\n    const resize$ = ref<HTMLElement>()\n\n    const sizeWidth = ref('0')\n    const sizeHeight = ref('0')\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const ratioY = ref(1)\n    const ratioX = ref(1)\n    const SCOPE = 'ElScrollbar'\n    const GAP = 4 // top 2 + bottom 2 of bar instance\n\n    const style = computed<StyleValue>(() => {\n      const style: CSSProperties = {}\n      if (props.height) style.height = addUnit(props.height)\n      if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n      return [props.wrapStyle, style]\n    })\n\n    const handleScroll = () => {\n      if (wrap$.value) {\n        const offsetHeight = wrap$.value.offsetHeight - GAP\n        const offsetWidth = wrap$.value.offsetWidth - GAP\n\n        moveY.value =\n          ((wrap$.value.scrollTop * 100) / offsetHeight) * ratioY.value\n        moveX.value =\n          ((wrap$.value.scrollLeft * 100) / offsetWidth) * ratioX.value\n\n        emit('scroll', {\n          scrollTop: wrap$.value.scrollTop,\n          scrollLeft: wrap$.value.scrollLeft,\n        })\n      }\n    }\n\n    const setScrollTop = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap$.value!.scrollTop = value\n    }\n\n    const setScrollLeft = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap$.value!.scrollLeft = value\n    }\n\n    const update = () => {\n      if (!wrap$.value) return\n\n      const offsetHeight = wrap$.value.offsetHeight - GAP\n      const offsetWidth = wrap$.value.offsetWidth - GAP\n\n      const originalHeight = offsetHeight ** 2 / wrap$.value.scrollHeight\n      const originalWidth = offsetWidth ** 2 / wrap$.value.scrollWidth\n      const height = Math.max(originalHeight, props.minSize)\n      const width = Math.max(originalWidth, props.minSize)\n\n      ratioY.value =\n        originalHeight /\n        (offsetHeight - originalHeight) /\n        (height / (offsetHeight - height))\n      ratioX.value =\n        originalWidth /\n        (offsetWidth - originalWidth) /\n        (width / (offsetWidth - width))\n\n      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n    }\n\n    watch(\n      () => props.noresize,\n      (noresize) => {\n        if (noresize) {\n          stopResizeObserver?.()\n          stopResizeListener?.()\n        } else {\n          ;({ stop: stopResizeObserver } = useResizeObserver(resize$, update))\n          stopResizeListener = useEventListener('resize', update)\n        }\n      },\n      { immediate: true }\n    )\n\n    provide(\n      scrollbarContextKey,\n      reactive({\n        scrollbarElement: scrollbar$,\n        wrapElement: wrap$,\n      })\n    )\n\n    onMounted(() => {\n      if (!props.native) nextTick(() => update())\n    })\n\n    return {\n      scrollbar$,\n      wrap$,\n      resize$,\n\n      moveX,\n      moveY,\n      ratioX,\n      ratioY,\n      sizeWidth,\n      sizeHeight,\n      style,\n      update,\n      handleScroll,\n      setScrollTop,\n      setScrollLeft,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;EACO,KAAI;EAAa;;;;;;;;;;;;;;;;;;;QAcf;4CACgB;;;UAEjB;;;;;;;;gBAIQ,EAAE;kBAAe;YAAS,MAAM;oBAAoB;;;gBAEvD;mBACG;gCACS;;;;;;"}

package/es/components/select/src/option-group.vue_vue_type_script_lang.mjs

@@ -1,50 +0,0 @@
-import { defineComponent, ref, getCurrentInstance, provide, reactive, toRefs, inject, onMounted, toRaw, watch } from 'vue';
-import { selectGroupKey, selectKey } from './token.mjs';
-
-var script = defineComponent({
-  name: "ElOptionGroup",
-  componentName: "ElOptionGroup",
-  props: {
-    label: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const visible = ref(true);
-    const instance = getCurrentInstance();
-    const children = ref([]);
-    provide(selectGroupKey, reactive({
-      ...toRefs(props)
-    }));
-    const select = inject(selectKey);
-    onMounted(() => {
-      children.value = flattedChildren(instance.subTree);
-    });
-    const flattedChildren = (node) => {
-      const children2 = [];
-      if (Array.isArray(node.children)) {
-        node.children.forEach((child) => {
-          var _a;
-          if (child.type && child.type.name === "ElOption" && child.component && child.component.proxy) {
-            children2.push(child.component.proxy);
-          } else if ((_a = child.children) == null ? void 0 : _a.length) {
-            children2.push(...flattedChildren(child));
-          }
-        });
-      }
-      return children2;
-    };
-    const { groupQueryChange } = toRaw(select);
-    watch(groupQueryChange, () => {
-      visible.value = children.value.some((option) => option.visible === true);
-    });
-    return {
-      visible
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=option-group.vue_vue_type_script_lang.mjs.map

package/es/components/select/src/option-group.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/select/src/option-group.vue"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" class=\"el-select-group__wrap\">\n    <li class=\"el-select-group__title\">{{ label }}</li>\n    <li>\n      <ul class=\"el-select-group\">\n        <slot></slot>\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  inject,\n  ref,\n  reactive,\n  toRefs,\n  getCurrentInstance,\n  onMounted,\n  watch,\n  toRaw,\n} from 'vue'\nimport { selectGroupKey, selectKey } from './token'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    label: String,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const visible = ref(true)\n    const instance = getCurrentInstance()\n    const children = ref([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const select = inject(selectKey)\n\n    onMounted(() => {\n      children.value = flattedChildren(instance.subTree)\n    })\n\n    // get all instances of options\n    const flattedChildren = (node) => {\n      const children = []\n      if (Array.isArray(node.children)) {\n        node.children.forEach((child) => {\n          if (\n            child.type &&\n            child.type.name === 'ElOption' &&\n            child.component &&\n            child.component.proxy\n          ) {\n            children.push(child.component.proxy)\n          } else if (child.children?.length) {\n            children.push(...flattedChildren(child))\n          }\n        })\n      }\n      return children\n    }\n\n    const { groupQueryChange } = toRaw(select)\n    watch(groupQueryChange, () => {\n      visible.value = children.value.some((option) => option.visible === true)\n    })\n\n    return {\n      visible,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAwBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,aAAa,EAAE;EACf,OAAO;IACL,KAAK,EAAE,MAAM;;MAEX;MACA,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;IACX;;IAEA,MAAM;IACN,OAAO,CAAC,cAAc,EAAE;MACtB,SAAS,CAAC,KAAK,CAAC;KACjB,CAAC,CAAC,CAAC;;IAEJ;MACE,QAAQ,CAAC,KAAK;MACd,CAAC;UACG;MACJ;;;UAGI,IAAI,GAAG;;YAEL;WACD,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,GAAG;;;SAG5C,EAAE;OACJ;MACD,OAAO,UAAU;MACjB;UACI,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;UAC7B;aACG,CAAC,KAAK;;;aAGN;;;;;;;"}

package/es/components/select/src/option-group.vue_vue_type_template_id_072bbb70_lang.mjs

@@ -1,20 +0,0 @@
-import { withDirectives, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, vShow } from 'vue';
-
-const _hoisted_1 = { class: "el-select-group__wrap" };
-const _hoisted_2 = { class: "el-select-group__title" };
-const _hoisted_3 = { class: "el-select-group" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("ul", _hoisted_1, [
-    createElementVNode("li", _hoisted_2, toDisplayString(_ctx.label), 1),
-    createElementVNode("li", null, [
-      createElementVNode("ul", _hoisted_3, [
-        renderSlot(_ctx.$slots, "default")
-      ])
-    ])
-  ], 512)), [
-    [vShow, _ctx.visible]
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=option-group.vue_vue_type_template_id_072bbb70_lang.mjs.map

package/es/components/select/src/option-group.vue_vue_type_template_id_072bbb70_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.vue_vue_type_template_id_072bbb70_lang.mjs","sources":["../../../../../../packages/components/select/src/option-group.vue?vue&type=template&id=072bbb70&lang.js"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" class=\"el-select-group__wrap\">\n    <li class=\"el-select-group__title\">{{ label }}</li>\n    <li>\n      <ul class=\"el-select-group\">\n        <slot></slot>\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  inject,\n  ref,\n  reactive,\n  toRefs,\n  getCurrentInstance,\n  onMounted,\n  watch,\n  toRaw,\n} from 'vue'\nimport { selectGroupKey, selectKey } from './token'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    label: String,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const visible = ref(true)\n    const instance = getCurrentInstance()\n    const children = ref([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const select = inject(selectKey)\n\n    onMounted(() => {\n      children.value = flattedChildren(instance.subTree)\n    })\n\n    // get all instances of options\n    const flattedChildren = (node) => {\n      const children = []\n      if (Array.isArray(node.children)) {\n        node.children.forEach((child) => {\n          if (\n            child.type &&\n            child.type.name === 'ElOption' &&\n            child.component &&\n            child.component.proxy\n          ) {\n            children.push(child.component.proxy)\n          } else if (child.children?.length) {\n            children.push(...flattedChildren(child))\n          }\n        })\n      }\n      return children\n    }\n\n    const { groupQueryChange } = toRaw(select)\n    watch(groupQueryChange, () => {\n      visible.value = children.value.some((option) => option.visible === true)\n    })\n\n    return {\n      visible,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;qBACuB,KAAK,EAAC;qBACrB,KAAK,EAAC;sCAEmB;;;;6BAF7B;;;;;;;;;;;"}

package/es/components/select/src/option.vue_vue_type_script_lang.mjs

@@ -1,64 +0,0 @@
-import { defineComponent, reactive, toRefs, getCurrentInstance, onBeforeUnmount } from 'vue';
-import { useOption } from './useOption.mjs';
-
-var script = defineComponent({
-  name: "ElOption",
-  componentName: "ElOption",
-  props: {
-    value: {
-      required: true,
-      type: [String, Number, Boolean, Object]
-    },
-    label: [String, Number],
-    created: Boolean,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const states = reactive({
-      index: -1,
-      groupDisabled: false,
-      visible: true,
-      hitState: false,
-      hover: false
-    });
-    const { currentLabel, itemSelected, isDisabled, select, hoverItem } = useOption(props, states);
-    const { visible, hover } = toRefs(states);
-    const vm = getCurrentInstance().proxy;
-    const key = vm.value;
-    select.onOptionCreate(vm);
-    onBeforeUnmount(() => {
-      const { selected } = select;
-      const selectedOptions = select.props.multiple ? selected : [selected];
-      const doesExist = select.cachedOptions.has(key);
-      const doesSelected = selectedOptions.some((item) => {
-        return item.value === vm.value;
-      });
-      if (doesExist && !doesSelected) {
-        select.cachedOptions.delete(key);
-      }
-      select.onOptionDestroy(key);
-    });
-    function selectOptionClick() {
-      if (props.disabled !== true && states.groupDisabled !== true) {
-        select.handleOptionSelect(vm, true);
-      }
-    }
-    return {
-      currentLabel,
-      itemSelected,
-      isDisabled,
-      select,
-      hoverItem,
-      visible,
-      hover,
-      selectOptionClick,
-      states
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=option.vue_vue_type_script_lang.mjs.map

package/es/components/select/src/option.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    class=\"el-select-dropdown__item\"\n    :class=\"{\n      selected: itemSelected,\n      'is-disabled': isDisabled,\n      hover: hover,\n    }\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  toRefs,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  reactive,\n} from 'vue'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    label: [String, Number],\n    created: Boolean,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props) {\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n    const key = (vm as unknown as SelectOptionProxy).value\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesExist = select.cachedOptions.has(key)\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      if (doesExist && !doesSelected) {\n        select.cachedOptions.delete(key)\n      }\n      select.onOptionDestroy(key)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm, true)\n      }\n    }\n\n    return {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n      states,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AA0BA,aAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,UAAU;;AAElB,EAAE,KAAK,EAAE;IACL,KAAK,EAAE;MACL,QAAQ,MAAM;;KAEf;IACD,KAAK,EAAE;WACA,EAAE,OAAO;YACR,EAAE;;MAER,OAAO,EAAE,KAAK;KACf;;OAEE,CAAC,KAAK,EAAE;UACL,MAAM,GAAG;;;;MAIb;MACA,KAAK,EAAE;MACP,CAAC;UACG,EAAE,YAAY,EAAE;UAChB,EAAE,OAAO;UACT,EAAE;UACF,GAAG,GAAG,EAAE;IACd;;MAEE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;MAC5B,MAAM,eAAe;;MAErB,MAAM,YAAY,GAAG,eAAe,CAAC;;OAEpC,CAAC;MACF,IAAI,aAAa,CAAC,YAAY,EAAE;QAC9B,MAAM,CAAC,cAAc,MAAM,CAAC,IAAI,CAAC;;MAEnC,MAAM,CAAC;MACP,CAAC;aACM,iBAAiB,GAAG;MAC3B,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,MAAM,CAAC;QACpC,MAAM,CAAC,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;;;;MAItC,YAAY;kBACA;MACZ;MACA,MAAM;;;MAGN,KAAK;MACL,iBAAiB;YACX;MACN;;;;;;"}

package/es/components/select/src/option.vue_vue_type_template_id_2feb8304_lang.mjs

@@ -1,22 +0,0 @@
-import { withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, toDisplayString, vShow } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("li", {
-    class: normalizeClass(["el-select-dropdown__item", {
-      selected: _ctx.itemSelected,
-      "is-disabled": _ctx.isDisabled,
-      hover: _ctx.hover
-    }]),
-    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
-  }, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
-    ])
-  ], 34)), [
-    [vShow, _ctx.visible]
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=option.vue_vue_type_template_id_2feb8304_lang.mjs.map

package/es/components/select/src/option.vue_vue_type_template_id_2feb8304_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.vue_vue_type_template_id_2feb8304_lang.mjs","sources":["../../../../../../packages/components/select/src/option.vue?vue&type=template&id=2feb8304&lang.js"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    class=\"el-select-dropdown__item\"\n    :class=\"{\n      selected: itemSelected,\n      'is-disabled': isDisabled,\n      hover: hover,\n    }\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  toRefs,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  reactive,\n} from 'vue'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    label: [String, Number],\n    created: Boolean,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props) {\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n    const key = (vm as unknown as SelectOptionProxy).value\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesExist = select.cachedOptions.has(key)\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      if (doesExist && !doesSelected) {\n        select.cachedOptions.delete(key)\n      }\n      select.onOptionDestroy(key)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm, true)\n      }\n    }\n\n    return {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n      states,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;IASK,qDAAY;;;;MAIX;;;;;;;;"}

package/es/components/select/src/select-dropdown.vue_vue_type_script_lang.mjs

@@ -1,35 +0,0 @@
-import { defineComponent, inject, computed, ref, onMounted, onBeforeUnmount } from 'vue';
-import { addResizeListener, removeResizeListener } from '../../../utils/resize-event.mjs';
-import { selectKey } from './token.mjs';
-
-var script = defineComponent({
-  name: "ElSelectDropdown",
-  componentName: "ElSelectDropdown",
-  setup() {
-    const select = inject(selectKey);
-    const popperClass = computed(() => select.props.popperClass);
-    const isMultiple = computed(() => select.props.multiple);
-    const isFitInputWidth = computed(() => select.props.fitInputWidth);
-    const minWidth = ref("");
-    function updateMinWidth() {
-      var _a;
-      minWidth.value = `${(_a = select.selectWrapper) == null ? void 0 : _a.getBoundingClientRect().width}px`;
-    }
-    onMounted(() => {
-      updateMinWidth();
-      addResizeListener(select.selectWrapper, updateMinWidth);
-    });
-    onBeforeUnmount(() => {
-      removeResizeListener(select.selectWrapper, updateMinWidth);
-    });
-    return {
-      minWidth,
-      popperClass,
-      isMultiple,
-      isFitInputWidth
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=select-dropdown.vue_vue_type_script_lang.mjs.map

package/es/components/select/src/select-dropdown.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-dropdown.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/select/src/select-dropdown.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)!\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n      updateMinWidth()\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAuBA,aAAe,eAAe,CAAC;AAC/B,EAAE,MAAM,kBAAkB;;AAE1B,EAAE,KAAK,GAAG;IACN,MAAM,MAAM,GAAG,MAAM,CAAC;;IAEtB,MAAM,UAAU,GAAG,QAAQ,CAAC;;IAE5B,MAAM;IACN,SAAS,cAAc,GAAG;;cAEhB;KACT;IACD,SAAS,CAAC;MACR,cAAc,EAAE,CAAC;MACjB,iBAAiB,CAAC;;IAEpB,eAAe,CAAC,MAAM;MACpB;;;;;MAKA;MACA,eAAe;MACf;;;;;;"}

package/es/components/select/src/select-dropdown.vue_vue_type_template_id_46cf6eee_lang.mjs

@@ -1,13 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-select-dropdown", [{ "is-multiple": _ctx.isMultiple }, _ctx.popperClass]]),
-    style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 6);
-}
-
-export { render };
-//# sourceMappingURL=select-dropdown.vue_vue_type_template_id_46cf6eee_lang.mjs.map

package/es/components/select/src/select-dropdown.vue_vue_type_template_id_46cf6eee_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-dropdown.vue_vue_type_template_id_46cf6eee_lang.mjs","sources":["../../../../../../packages/components/select/src/select-dropdown.vue?vue&type=template&id=46cf6eee&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)!\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n      updateMinWidth()\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;IAEI,KAAK;;;;;;;;"}