@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_script_lang.js

@@ -1,104 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var dom = require('../../../utils/dom.js');
-var aria = require('../../../utils/aria.js');
-var rovingFocusGroup = require('./roving-focus-group.js');
-var tokens = require('./tokens.js');
-var utils = require('./utils.js');
-var index = require('../../../hooks/use-id/index.js');
-
-var script = vue.defineComponent({
-  components: {
-    ElRovingFocusCollectionItem: rovingFocusGroup.ElCollectionItem
-  },
-  props: {
-    focusable: {
-      type: Boolean,
-      default: true
-    },
-    active: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["mousedown", "focus", "keydown"],
-  setup(props, { emit }) {
-    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = vue.inject(tokens.ROVING_FOCUS_GROUP_INJECTION_KEY, void 0);
-    const { getItems } = vue.inject(rovingFocusGroup.ROVING_FOCUS_COLLECTION_INJECTION_KEY, void 0);
-    const id = index.useId();
-    const rovingFocusGroupItemRef = vue.ref(null);
-    const handleMousedown = dom.composeEventHandlers((e) => {
-      emit("mousedown", e);
-    }, (e) => {
-      if (!props.focusable) {
-        e.preventDefault();
-      } else {
-        onItemFocus(vue.unref(id));
-      }
-    });
-    const handleFocus = dom.composeEventHandlers((e) => {
-      emit("focus", e);
-    }, () => {
-      onItemFocus(vue.unref(id));
-    });
-    const handleKeydown = dom.composeEventHandlers((e) => {
-      emit("keydown", e);
-    }, (e) => {
-      const { key, shiftKey, target, currentTarget } = e;
-      if (key === aria.EVENT_CODE.tab && shiftKey) {
-        onItemShiftTab();
-        return;
-      }
-      if (target !== currentTarget)
-        return;
-      const focusIntent = utils.getFocusIntent(e);
-      if (focusIntent) {
-        e.preventDefault();
-        const items = getItems().filter((item) => item.focusable);
-        let elements = items.map((item) => item.ref);
-        switch (focusIntent) {
-          case "last": {
-            elements.reverse();
-            break;
-          }
-          case "prev":
-          case "next": {
-            if (focusIntent === "prev") {
-              elements.reverse();
-            }
-            const currentIdx = elements.indexOf(currentTarget);
-            elements = loop.value ? utils.reorderArray(elements, currentIdx + 1) : elements.slice(currentIdx + 1);
-            break;
-          }
-          default: {
-            break;
-          }
-        }
-        vue.nextTick(() => {
-          utils.focusFirst(elements);
-        });
-      }
-    });
-    const isCurrentTab = vue.computed(() => currentTabbedId.value === vue.unref(id));
-    vue.provide(tokens.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {
-      rovingFocusGroupItemRef,
-      tabIndex: vue.computed(() => vue.unref(isCurrentTab) ? 0 : -1),
-      handleMousedown,
-      handleFocus,
-      handleKeydown
-    });
-    return {
-      id,
-      handleKeydown,
-      handleFocus,
-      handleMousedown
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=roving-focus-item.vue_vue_type_script_lang.js.map

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"roving-focus-item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-collection-item\n    :id=\"id\"\n    :focusable=\"focusable\"\n    :active=\"active\"\n  >\n    <slot />\n  </el-roving-focus-collection-item>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  ref,\n  unref,\n  nextTick,\n  provide,\n} from 'vue'\nimport { useId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ElCollectionItem as ElRovingFocusCollectionItem,\n} from './roving-focus-group'\nimport {\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n} from './tokens'\nimport { getFocusIntent, reorderArray, focusFirst } from './utils'\n\nexport default defineComponent({\n  components: {\n    ElRovingFocusCollectionItem,\n  },\n  props: {\n    focusable: {\n      type: Boolean,\n      default: true,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['mousedown', 'focus', 'keydown'],\n  setup(props, { emit }) {\n    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = inject(\n      ROVING_FOCUS_GROUP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { getItems } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const id = useId()\n    const rovingFocusGroupItemRef = ref<HTMLElement | null>(null)\n\n    const handleMousedown = composeEventHandlers(\n      (e: Event) => {\n        emit('mousedown', e)\n      },\n      (e) => {\n        if (!props.focusable) {\n          e.preventDefault()\n        } else {\n          onItemFocus(unref(id))\n        }\n      }\n    )\n\n    const handleFocus = composeEventHandlers(\n      (e: Event) => {\n        emit('focus', e)\n      },\n      () => {\n        onItemFocus(unref(id))\n      }\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: Event) => {\n        emit('keydown', e)\n      },\n      (e) => {\n        const { key, shiftKey, target, currentTarget } = e as KeyboardEvent\n        if (key === EVENT_CODE.tab && shiftKey) {\n          onItemShiftTab()\n          return\n        }\n        if (target !== currentTarget) return\n        const focusIntent = getFocusIntent(e as KeyboardEvent)\n\n        if (focusIntent) {\n          e.preventDefault()\n          const items = getItems<typeof props>().filter(\n            (item) => item.focusable\n          )\n\n          let elements = items.map((item) => item.ref!)\n\n          switch (focusIntent) {\n            case 'last': {\n              elements.reverse()\n              break\n            }\n            case 'prev':\n            case 'next': {\n              if (focusIntent === 'prev') {\n                elements.reverse()\n              }\n              const currentIdx = elements.indexOf(currentTarget as HTMLElement)\n              elements = loop.value\n                ? reorderArray(elements, currentIdx + 1)\n                : elements.slice(currentIdx + 1)\n              break\n            }\n            default: {\n              break\n            }\n          }\n\n          nextTick(() => {\n            focusFirst(elements)\n          })\n        }\n      }\n    )\n\n    const isCurrentTab = computed(() => currentTabbedId.value === unref(id))\n\n    provide(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {\n      rovingFocusGroupItemRef,\n      tabIndex: computed(() => (unref(isCurrentTab) ? 0 : -1)),\n      handleMousedown,\n      handleFocus,\n      handleKeydown,\n    })\n\n    return {\n      id,\n      handleKeydown,\n      handleFocus,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusCollectionItem","inject","useId","ref","composeEventHandlers","unref","getFocusIntent","focusFirst","computed"],"mappings":";;;;;;;;;;;;;AA+BA,aAAeA,mBAAe,CAAC;;AAE/B,iCAAIC,iCAA2B;GAC5B;OACI,EAAE;;MAEH;MACA,OAAO,EAAE;;UAEL,EAAE;;MAEN;;;;EAIJ;IACE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAGC;IACrB,MAAM,EAAE,GAAGC,WAAK,EAAE,CAAC;UACb,uBAAuB,GAAGC;UAC1B;;;MAGJ,IAAI,MAAM,CAAC,SAAS,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;OACpB,MAAM;;;KAGR,CAAC,CAAC;IACH,MAAM,WAAW,GAAGC,wBAAoB,CAAC,CAAC,CAAC,KAAK;;KAE/C,EAAE,MAAM;MACP,WAAW,CAACC;;;MAGZ,IAAI,CAAC;QACH,CAAC,KAAK;YACF,EAAE,GAAG,EAAE,QAAQ;UACjB,GAAG;sBACS,EAAE,CAAC;QACjB;;;;MAIF,MAAM,cAAcC,oBAAc,CAAC,CAAC,CAAC,CAAC;MACtC,IAAI;QACF,CAAC,CAAC;;YAEE;QACJ,QAAQ,WAAW;;;;WAIhB;UACD,KAAK;UACL,KAAK,MAAM;;;;YAIT,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ;YACpC,QAAQ,GAAG;YACX;;mBAEO;YACP,MAAM;;SAET;oBACO,CAAC,MAAM;UACbC,gBAAU,SAAS,CAAC,CAAC;;;;UAIrB,eAAeC,YAAQ,CAAC,MAAM;;6BAEX;cACf,eAAW;qBACJ;iBACJ;;;;;mBAKE;;qBAEE;;;;;;;"}

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_roving_focus_collection_item = vue.resolveComponent("el-roving-focus-collection-item");
-  return vue.openBlock(), vue.createBlock(_component_el_roving_focus_collection_item, {
-    id: _ctx.id,
-    focusable: _ctx.focusable,
-    active: _ctx.active
-  }, {
-    default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 8, ["id", "focusable", "active"]);
-}
-
-exports.render = render;
-//# sourceMappingURL=roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js.map

package/lib/components/roving-focus-group/src/roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"roving-focus-item.vue_vue_type_template_id_5f657dbd_lang.js","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-item.vue?vue&type=template&id=5f657dbd&lang.js"],"sourcesContent":["<template>\n  <el-roving-focus-collection-item\n    :id=\"id\"\n    :focusable=\"focusable\"\n    :active=\"active\"\n  >\n    <slot />\n  </el-roving-focus-collection-item>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  ref,\n  unref,\n  nextTick,\n  provide,\n} from 'vue'\nimport { useId } from '@element-plus/hooks'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ElCollectionItem as ElRovingFocusCollectionItem,\n} from './roving-focus-group'\nimport {\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n} from './tokens'\nimport { getFocusIntent, reorderArray, focusFirst } from './utils'\n\nexport default defineComponent({\n  components: {\n    ElRovingFocusCollectionItem,\n  },\n  props: {\n    focusable: {\n      type: Boolean,\n      default: true,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['mousedown', 'focus', 'keydown'],\n  setup(props, { emit }) {\n    const { currentTabbedId, loop, onItemFocus, onItemShiftTab } = inject(\n      ROVING_FOCUS_GROUP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { getItems } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const id = useId()\n    const rovingFocusGroupItemRef = ref<HTMLElement | null>(null)\n\n    const handleMousedown = composeEventHandlers(\n      (e: Event) => {\n        emit('mousedown', e)\n      },\n      (e) => {\n        if (!props.focusable) {\n          e.preventDefault()\n        } else {\n          onItemFocus(unref(id))\n        }\n      }\n    )\n\n    const handleFocus = composeEventHandlers(\n      (e: Event) => {\n        emit('focus', e)\n      },\n      () => {\n        onItemFocus(unref(id))\n      }\n    )\n\n    const handleKeydown = composeEventHandlers(\n      (e: Event) => {\n        emit('keydown', e)\n      },\n      (e) => {\n        const { key, shiftKey, target, currentTarget } = e as KeyboardEvent\n        if (key === EVENT_CODE.tab && shiftKey) {\n          onItemShiftTab()\n          return\n        }\n        if (target !== currentTarget) return\n        const focusIntent = getFocusIntent(e as KeyboardEvent)\n\n        if (focusIntent) {\n          e.preventDefault()\n          const items = getItems<typeof props>().filter(\n            (item) => item.focusable\n          )\n\n          let elements = items.map((item) => item.ref!)\n\n          switch (focusIntent) {\n            case 'last': {\n              elements.reverse()\n              break\n            }\n            case 'prev':\n            case 'next': {\n              if (focusIntent === 'prev') {\n                elements.reverse()\n              }\n              const currentIdx = elements.indexOf(currentTarget as HTMLElement)\n              elements = loop.value\n                ? reorderArray(elements, currentIdx + 1)\n                : elements.slice(currentIdx + 1)\n              break\n            }\n            default: {\n              break\n            }\n          }\n\n          nextTick(() => {\n            focusFirst(elements)\n          })\n        }\n      }\n    )\n\n    const isCurrentTab = computed(() => currentTabbedId.value === unref(id))\n\n    provide(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, {\n      rovingFocusGroupItemRef,\n      tabIndex: computed(() => (unref(isCurrentTab) ? 0 : -1)),\n      handleMousedown,\n      handleFocus,\n      handleKeydown,\n    })\n\n    return {\n      id,\n      handleKeydown,\n      handleFocus,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;IAEK;;IAEA;;;;;;;;;"}

package/lib/components/scrollbar/src/bar.vue_vue_type_script_lang.js

@@ -1,116 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var core = require('@vueuse/core');
-require('../../../tokens/index.js');
-var error = require('../../../utils/error.js');
-var util = require('./util.js');
-var bar = require('./bar.js');
-var scrollbar = require('../../../tokens/scrollbar.js');
-
-const COMPONENT_NAME = "Bar";
-var script = vue.defineComponent({
-  name: COMPONENT_NAME,
-  props: bar.barProps,
-  setup(props) {
-    const scrollbar$1 = vue.inject(scrollbar.scrollbarContextKey);
-    if (!scrollbar$1)
-      error.throwError(COMPONENT_NAME, "can not inject scrollbar context");
-    const instance = vue.ref();
-    const thumb = vue.ref();
-    const barStore = vue.ref({});
-    const visible = vue.ref(false);
-    let cursorDown = false;
-    let cursorLeave = false;
-    let onselectstartStore = core.isClient ? document.onselectstart : null;
-    const bar = vue.computed(() => util.BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-    const thumbStyle = vue.computed(() => util.renderThumbStyle({
-      size: props.size,
-      move: props.move,
-      bar: bar.value
-    }));
-    const offsetRatio = vue.computed(() => instance.value[bar.value.offset] ** 2 / scrollbar$1.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
-    const clickThumbHandler = (e) => {
-      var _a;
-      e.stopPropagation();
-      if (e.ctrlKey || [1, 2].includes(e.button))
-        return;
-      (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
-      startDrag(e);
-      const el = e.currentTarget;
-      if (!el)
-        return;
-      barStore.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
-    };
-    const clickTrackHandler = (e) => {
-      if (!thumb.value || !instance.value || !scrollbar$1.wrapElement)
-        return;
-      const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
-      const thumbHalf = thumb.value[bar.value.offset] / 2;
-      const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar$1.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar$1.wrapElement[bar.value.scrollSize] / 100;
-    };
-    const startDrag = (e) => {
-      e.stopImmediatePropagation();
-      cursorDown = true;
-      document.addEventListener("mousemove", mouseMoveDocumentHandler);
-      document.addEventListener("mouseup", mouseUpDocumentHandler);
-      onselectstartStore = document.onselectstart;
-      document.onselectstart = () => false;
-    };
-    const mouseMoveDocumentHandler = (e) => {
-      if (!instance.value || !thumb.value)
-        return;
-      if (cursorDown === false)
-        return;
-      const prevPage = barStore.value[bar.value.axis];
-      if (!prevPage)
-        return;
-      const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
-      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
-      const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar$1.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar$1.wrapElement[bar.value.scrollSize] / 100;
-    };
-    const mouseUpDocumentHandler = () => {
-      cursorDown = false;
-      barStore.value[bar.value.axis] = 0;
-      document.removeEventListener("mousemove", mouseMoveDocumentHandler);
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
-      restoreOnselectstart();
-      if (cursorLeave)
-        visible.value = false;
-    };
-    const mouseMoveScrollbarHandler = () => {
-      cursorLeave = false;
-      visible.value = !!props.size;
-    };
-    const mouseLeaveScrollbarHandler = () => {
-      cursorLeave = true;
-      visible.value = cursorDown;
-    };
-    vue.onBeforeUnmount(() => {
-      restoreOnselectstart();
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
-    });
-    const restoreOnselectstart = () => {
-      if (document.onselectstart !== onselectstartStore)
-        document.onselectstart = onselectstartStore;
-    };
-    core.useEventListener(vue.toRef(scrollbar$1, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
-    core.useEventListener(vue.toRef(scrollbar$1, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
-    return {
-      instance,
-      thumb,
-      bar,
-      thumbStyle,
-      visible,
-      clickTrackHandler,
-      clickThumbHandler
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=bar.vue_vue_type_script_lang.js.map

package/lib/components/scrollbar/src/bar.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.vue_vue_type_script_lang.js","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":["defineComponent","barProps","scrollbar","inject","ref","isClient","computed","useEventListener"],"mappings":";;;;;;;;;;;;;AAgCA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,YAAQ;AACjB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAMC,WAAS,GAAGC;IAClB,KAAKD;;IAEL,MAAM;IACN,MAAM,KAAK,GAAGE,SAAK,CAAC;IACpB,MAAM,QAAQ;UACR,OAAO,GAAGA,OAAG,CAAC,KAAK,CAAC,CAAC;;IAE3B,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAI,kBAAkB,GAAGC,aAAQ;;IAEjC,MAAM,aAAaC;MACjB,IAAI,EAAE,MAAM,IAAI;;MAEhB,GAAG,EAAE,GAAG,CAAC;KACV,CAAC,EAAE;IACJ,MAAM,WAAW,GAAGA;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;iBAChE,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,uBAAuB,GAAGJ,WAAS,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;IACFK;;IAEA,OAAO;MACL,QAAQ;MACR,KAAK;;MAEL,UAAU;MACV,OAAO;;MAEP;;;;;;;"}

package/lib/components/scrollbar/src/bar.vue_vue_type_template_id_2f63f10a_lang.js

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

package/lib/components/scrollbar/src/bar.vue_vue_type_template_id_2f63f10a_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.vue_vue_type_template_id_2f63f10a_lang.js","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":";;;;;;;;;yBAEIA;;QAEE,KAAI;QACH;;;;UAIC,KAAI;UACJ,KAAK,EAACC;UACL;;;;;;;;;;;;"}

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_lang.js

@@ -1,122 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var core = require('@vueuse/core');
-var util = require('../../../utils/util.js');
-var error = require('../../../utils/error.js');
-require('../../../tokens/index.js');
-require('./bar2.js');
-var scrollbar = require('./scrollbar.js');
-var bar_vue_vue_type_script_lang = require('./bar.vue_vue_type_script_lang.js');
-var scrollbar$1 = require('../../../tokens/scrollbar.js');
-
-var script = vue.defineComponent({
-  name: "ElScrollbar",
-  components: {
-    Bar: bar_vue_vue_type_script_lang["default"]
-  },
-  props: scrollbar.scrollbarProps,
-  emits: scrollbar.scrollbarEmits,
-  setup(props, { emit }) {
-    let stopResizeObserver = void 0;
-    let stopResizeListener = void 0;
-    const scrollbar$ = vue.ref();
-    const wrap$ = vue.ref();
-    const resize$ = vue.ref();
-    const sizeWidth = vue.ref("0");
-    const sizeHeight = vue.ref("0");
-    const moveX = vue.ref(0);
-    const moveY = vue.ref(0);
-    const ratioY = vue.ref(1);
-    const ratioX = vue.ref(1);
-    const SCOPE = "ElScrollbar";
-    const GAP = 4;
-    const style = vue.computed(() => {
-      const style2 = {};
-      if (props.height)
-        style2.height = util.addUnit(props.height);
-      if (props.maxHeight)
-        style2.maxHeight = util.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 (!util.isNumber(value)) {
-        error.debugWarn(SCOPE, "value must be a number");
-        return;
-      }
-      wrap$.value.scrollTop = value;
-    };
-    const setScrollLeft = (value) => {
-      if (!util.isNumber(value)) {
-        error.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` : "";
-    };
-    vue.watch(() => props.noresize, (noresize) => {
-      if (noresize) {
-        stopResizeObserver == null ? void 0 : stopResizeObserver();
-        stopResizeListener == null ? void 0 : stopResizeListener();
-      } else {
-        ;
-        ({ stop: stopResizeObserver } = core.useResizeObserver(resize$, update));
-        stopResizeListener = core.useEventListener("resize", update);
-      }
-    }, { immediate: true });
-    vue.provide(scrollbar$1.scrollbarContextKey, vue.reactive({
-      scrollbarElement: scrollbar$,
-      wrapElement: wrap$
-    }));
-    vue.onMounted(() => {
-      if (!props.native)
-        vue.nextTick(() => update());
-    });
-    return {
-      scrollbar$,
-      wrap$,
-      resize$,
-      moveX,
-      moveY,
-      ratioX,
-      ratioY,
-      sizeWidth,
-      sizeHeight,
-      style,
-      update,
-      handleScroll,
-      setScrollTop,
-      setScrollLeft
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=scrollbar.vue_vue_type_script_lang.js.map

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.vue_vue_type_script_lang.js","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":["scrollbarProps","scrollbarEmits","ref","computed","addUnit","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick"],"mappings":";;;;;;;;;;;;;;;AAkDA,EAAE,mBAAmB;AACrB,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAOA;EACP,KAAK,EAAEC;OACF;;IAEH;IACA,MAAM,UAAU,GAAGC;;IAEnB,MAAM,OAAO,GAAGA,OAAG,EAAE;IACrB,MAAM,SAAS,GAAGA,OAAG,CAAC,GAAG,CAAC;IAC1B,MAAM,UAAU,GAAGA,OAAG,IAAI,EAAE;;IAE5B,MAAM,KAAK,GAAGA,OAAG,EAAE,CAAC,CAAC;IACrB,MAAM,MAAM,GAAGA,OAAG,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,MAAM,UAAM,CAAC,CAAC,CAAC,CAAC;;IAEtB,MAAM,GAAG,GAAG,CAAC,CAAC;IACd,MAAM,KAAK,GAAGC,YAAQ,CAAC;MACrB,MAAM,MAAM,GAAG,EAAE;MACjB,IAAI,MAAM,MAAM;QACd,MAAM,CAAC,MAAM,GAAGC;MAClB,IAAI,KAAK;QACP,MAAM,UAAU,GAAGA;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,CAACC,aAAQ,CAAC,KAAK,CAAC,EAAE;QACpBC,eAAS,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;;;IAG9BC,UAAM,YAAY;MAChB,IAAI,QAAQ,EAAE;;QAEZ,sBAAsB,IAAI,GAAG,KAAK,CAAC,GAAG;OACvC,MAAM;;QAEL,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAGC,sBAAiB,CAAC,OAAO,EAAE;QAC3D,kBAAkB,GAAGC,qBAAgB,SAAS,EAAE,MAAM,CAAC,CAAC;OACzD;OACA,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;;MAEtB;iBACW,EAAE;QACX;iBACK,CAAC,MAAM;MACd,IAAI,CAAC,KAAK,CAAC;QACTC,YAAQ,CAAC;;WAEN;;MAEL,KAAK;MACL,OAAO;;;MAGP;MACA,MAAM;MACN,SAAS;gBACC;WACL;YACC;;kBAEM;mBACC;;;;;;;"}

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_template_id_303f965d_lang.js

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

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_template_id_303f965d_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.vue_vue_type_template_id_303f965d_lang.js","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;gDACgB;;;UAEjB;;;;;;;;gBAIQ,EAAE;sBAAe;YAAS,MAAM;oBAAoB;;;gBAEvD;mBACG;oCACS;;;;;;"}

package/lib/components/select/src/option-group.vue_vue_type_script_lang.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var token = require('./token.js');
-
-var script = vue.defineComponent({
-  name: "ElOptionGroup",
-  componentName: "ElOptionGroup",
-  props: {
-    label: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const visible = vue.ref(true);
-    const instance = vue.getCurrentInstance();
-    const children = vue.ref([]);
-    vue.provide(token.selectGroupKey, vue.reactive({
-      ...vue.toRefs(props)
-    }));
-    const select = vue.inject(token.selectKey);
-    vue.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 } = vue.toRaw(select);
-    vue.watch(groupQueryChange, () => {
-      visible.value = children.value.some((option) => option.visible === true);
-    });
-    return {
-      visible
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=option-group.vue_vue_type_script_lang.js.map

package/lib/components/select/src/option-group.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.vue_vue_type_script_lang.js","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":["defineComponent","provide","selectGroupKey","reactive","onMounted","toRaw"],"mappings":";;;;;;;AAwBA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,aAAa,EAAE;EACf,OAAO;IACL,KAAK,EAAE,MAAM;;MAEX;MACA,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;IACX;;IAEA,MAAM;IACNC,WAAO,CAACC,oBAAc,EAAEC;MACtB,aAAS,CAAC,KAAK,CAAC;KACjB,CAAC,CAAC,CAAC;;IAEJC;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,GAAGC,SAAK,CAAC;cAC7B;aACG,CAAC,KAAK;;;aAGN;;;;;;;"}

package/lib/components/select/src/option-group.vue_vue_type_template_id_072bbb70_lang.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('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 vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", _hoisted_1, [
-    vue.createElementVNode("li", _hoisted_2, vue.toDisplayString(_ctx.label), 1),
-    vue.createElementVNode("li", null, [
-      vue.createElementVNode("ul", _hoisted_3, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ])
-    ])
-  ], 512)), [
-    [vue.vShow, _ctx.visible]
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=option-group.vue_vue_type_template_id_072bbb70_lang.js.map

package/lib/components/select/src/option-group.vue_vue_type_template_id_072bbb70_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.vue_vue_type_template_id_072bbb70_lang.js","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;;;;iCAF7B;;;;;;;;;;;"}