element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/rate/src/rate.vue_vue&type=script&lang.js

@@ -1,198 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var shared = require('@vue/shared');
-require('../../../tokens/index.js');
-var dom = require('../../../utils/dom.js');
-var aria = require('../../../utils/aria.js');
-var constants = require('../../../utils/constants.js');
-var index = require('../../icon/index.js');
-var icons = require('@element-plus/icons');
-var rate = require('./rate.js');
-var form = require('../../../tokens/form.js');
-
-function getValueFromMap(value, map) {
-  const isExcludedObject = (val) => shared.isObject(val);
-  const matchedKeys = Object.keys(map).map((key) => +key).filter((key) => {
-    const val = map[key];
-    const excluded = isExcludedObject(val) ? val.excluded : false;
-    return excluded ? value < key : value <= key;
-  }).sort((a, b) => a - b);
-  const matchedValue = map[matchedKeys[0]];
-  return isExcludedObject(matchedValue) ? matchedValue.value : matchedValue;
-}
-var script = vue.defineComponent({
-  name: "ElRate",
-  components: {
-    ElIcon: index.ElIcon,
-    StarFilled: icons.StarFilled,
-    Star: icons.Star
-  },
-  props: rate.rateProps,
-  emits: rate.rateEmits,
-  setup(props, { emit }) {
-    const elForm = vue.inject(form.elFormKey, {});
-    const currentValue = vue.ref(props.modelValue);
-    const hoverIndex = vue.ref(-1);
-    const pointerAtLeftHalf = vue.ref(true);
-    const rateDisabled = vue.computed(() => props.disabled || elForm.disabled);
-    const text = vue.computed(() => {
-      let result = "";
-      if (props.showScore) {
-        result = props.scoreTemplate.replace(/\{\s*value\s*\}/, rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`);
-      } else if (props.showText) {
-        result = props.texts[Math.ceil(currentValue.value) - 1];
-      }
-      return result;
-    });
-    const valueDecimal = vue.computed(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
-    const colorMap = vue.computed(() => shared.isArray(props.colors) ? {
-      [props.lowThreshold]: props.colors[0],
-      [props.highThreshold]: { value: props.colors[1], excluded: true },
-      [props.max]: props.colors[2]
-    } : props.colors);
-    const activeColor = vue.computed(() => getValueFromMap(currentValue.value, colorMap.value));
-    const decimalStyle = vue.computed(() => {
-      let width = "";
-      if (rateDisabled.value) {
-        width = `${valueDecimal.value}%`;
-      } else if (props.allowHalf) {
-        width = "50%";
-      }
-      return {
-        color: activeColor.value,
-        width
-      };
-    });
-    const componentMap = vue.computed(() => shared.isArray(props.icons) ? {
-      [props.lowThreshold]: props.icons[0],
-      [props.highThreshold]: {
-        value: props.icons[1],
-        excluded: true
-      },
-      [props.max]: props.icons[2]
-    } : props.icons);
-    const decimalIconComponent = vue.computed(() => getValueFromMap(props.modelValue, componentMap.value));
-    const voidComponent = vue.computed(() => rateDisabled.value ? props.disabledvoidIcon : props.voidIcon);
-    const activeComponent = vue.computed(() => getValueFromMap(currentValue.value, componentMap.value));
-    const iconComponents = vue.computed(() => {
-      const result = Array(props.max);
-      const threshold = currentValue.value;
-      result.fill(activeComponent.value, 0, threshold);
-      result.fill(voidComponent.value, threshold, props.max);
-      return result;
-    });
-    function showDecimalIcon(item) {
-      const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
-      const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - 0.5 <= currentValue.value && item > currentValue.value;
-      return showWhenDisabled || showWhenAllowHalf;
-    }
-    function getIconStyle(item) {
-      const voidColor = rateDisabled.value ? props.disabledVoidColor : props.voidColor;
-      return {
-        color: item <= currentValue.value ? activeColor.value : voidColor
-      };
-    }
-    function selectValue(value) {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf && pointerAtLeftHalf.value) {
-        emit(constants.UPDATE_MODEL_EVENT, currentValue.value);
-        if (props.modelValue !== currentValue.value) {
-          emit("change", currentValue.value);
-        }
-      } else {
-        emit(constants.UPDATE_MODEL_EVENT, value);
-        if (props.modelValue !== value) {
-          emit("change", value);
-        }
-      }
-    }
-    function handleKey(e) {
-      if (rateDisabled.value) {
-        return;
-      }
-      let _currentValue = currentValue.value;
-      const code = e.code;
-      if (code === aria.EVENT_CODE.up || code === aria.EVENT_CODE.right) {
-        if (props.allowHalf) {
-          _currentValue += 0.5;
-        } else {
-          _currentValue += 1;
-        }
-        e.stopPropagation();
-        e.preventDefault();
-      } else if (code === aria.EVENT_CODE.left || code === aria.EVENT_CODE.down) {
-        if (props.allowHalf) {
-          _currentValue -= 0.5;
-        } else {
-          _currentValue -= 1;
-        }
-        e.stopPropagation();
-        e.preventDefault();
-      }
-      _currentValue = _currentValue < 0 ? 0 : _currentValue;
-      _currentValue = _currentValue > props.max ? props.max : _currentValue;
-      emit(constants.UPDATE_MODEL_EVENT, _currentValue);
-      emit("change", _currentValue);
-      return _currentValue;
-    }
-    function setCurrentValue(value, event) {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf) {
-        let target = event.target;
-        if (dom.hasClass(target, "el-rate__item")) {
-          target = target.querySelector(".el-rate__icon");
-        }
-        if (target.clientWidth === 0 || dom.hasClass(target, "el-rate__decimal")) {
-          target = target.parentNode;
-        }
-        pointerAtLeftHalf.value = event.offsetX * 2 <= target.clientWidth;
-        currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value;
-      } else {
-        currentValue.value = value;
-      }
-      hoverIndex.value = value;
-    }
-    function resetCurrentValue() {
-      if (rateDisabled.value) {
-        return;
-      }
-      if (props.allowHalf) {
-        pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
-      }
-      currentValue.value = props.modelValue;
-      hoverIndex.value = -1;
-    }
-    vue.watch(() => props.modelValue, (val) => {
-      currentValue.value = val;
-      pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
-    });
-    if (!props.modelValue) {
-      emit(constants.UPDATE_MODEL_EVENT, 0);
-    }
-    return {
-      hoverIndex,
-      currentValue,
-      rateDisabled,
-      text,
-      decimalStyle,
-      decimalIconComponent,
-      iconComponents,
-      showDecimalIcon,
-      getIconStyle,
-      selectValue,
-      handleKey,
-      setCurrentValue,
-      resetCurrentValue
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=rate.vue_vue&type=script&lang.js.map

package/lib/components/rate/src/rate.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rate.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/rate/src/rate.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-rate\"\n    role=\"slider\"\n    :aria-valuenow=\"currentValue\"\n    :aria-valuetext=\"text\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"max\"\n    tabindex=\"0\"\n    @keydown=\"handleKey\"\n  >\n    <span\n      v-for=\"(item, key) in max\"\n      :key=\"key\"\n      class=\"el-rate__item\"\n      :style=\"{ cursor: rateDisabled ? 'auto' : 'pointer' }\"\n      @mousemove=\"setCurrentValue(item, $event)\"\n      @mouseleave=\"resetCurrentValue\"\n      @click=\"selectValue(item)\"\n    >\n      <el-icon\n        :class=\"[{ hover: hoverIndex === item }]\"\n        class=\"el-rate__icon\"\n        :style=\"getIconStyle(item)\"\n      >\n        <component :is=\"iconComponents[item - 1]\" />\n        <el-icon\n          v-if=\"showDecimalIcon(item)\"\n          :style=\"decimalStyle\"\n          class=\"el-rate__icon el-rate__decimal\"\n        >\n          <component :is=\"decimalIconComponent\" />\n        </el-icon>\n      </el-icon>\n    </span>\n    <span\n      v-if=\"showText || showScore\"\n      class=\"el-rate__text\"\n      :style=\"{ color: textColor }\"\n    >\n      {{ text }}\n    </span>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch } from 'vue'\nimport { isObject, isArray } from '@vue/shared'\nimport { elFormKey } from '@element-plus/tokens'\nimport { hasClass } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\n\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { StarFilled, Star } from '@element-plus/icons'\nimport { rateProps, rateEmits } from './rate'\nimport type { ElFormContext } from '@element-plus/tokens'\n\nfunction getValueFromMap<T>(\n  value: number,\n  map: Record<string, T | { excluded?: boolean; value: T }>\n) {\n  const isExcludedObject = (\n    val: unknown\n  ): val is { excluded?: boolean } & Record<any, unknown> => isObject(val)\n\n  const matchedKeys = Object.keys(map)\n    .map((key) => +key)\n    .filter((key) => {\n      const val = map[key]\n      const excluded = isExcludedObject(val) ? val.excluded : false\n      return excluded ? value < key : value <= key\n    })\n    .sort((a, b) => a - b)\n  const matchedValue = map[matchedKeys[0]]\n  return isExcludedObject(matchedValue) ? matchedValue.value : matchedValue\n}\n\nexport default defineComponent({\n  name: 'ElRate',\n  components: {\n    ElIcon,\n    StarFilled,\n    Star,\n  },\n  props: rateProps,\n  emits: rateEmits,\n\n  setup(props, { emit }) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const currentValue = ref(props.modelValue)\n    const hoverIndex = ref(-1)\n    const pointerAtLeftHalf = ref(true)\n\n    const rateDisabled = computed(() => props.disabled || elForm.disabled)\n    const text = computed(() => {\n      let result = ''\n      if (props.showScore) {\n        result = props.scoreTemplate.replace(\n          /\\{\\s*value\\s*\\}/,\n          rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n        )\n      } else if (props.showText) {\n        result = props.texts[Math.ceil(currentValue.value) - 1]\n      }\n      return result\n    })\n    const valueDecimal = computed(\n      () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n    )\n    const colorMap = computed(() =>\n      isArray(props.colors)\n        ? {\n            [props.lowThreshold]: props.colors[0],\n            [props.highThreshold]: { value: props.colors[1], excluded: true },\n            [props.max]: props.colors[2],\n          }\n        : props.colors\n    )\n    const activeColor = computed(() =>\n      getValueFromMap(currentValue.value, colorMap.value)\n    )\n    const decimalStyle = computed(() => {\n      let width = ''\n      if (rateDisabled.value) {\n        width = `${valueDecimal.value}%`\n      } else if (props.allowHalf) {\n        width = '50%'\n      }\n      return {\n        color: activeColor.value,\n        width,\n      }\n    })\n    const componentMap = computed(() =>\n      isArray(props.icons)\n        ? {\n            [props.lowThreshold]: props.icons[0],\n            [props.highThreshold]: {\n              value: props.icons[1],\n              excluded: true,\n            },\n            [props.max]: props.icons[2],\n          }\n        : props.icons\n    )\n    const decimalIconComponent = computed(() =>\n      getValueFromMap(props.modelValue, componentMap.value)\n    )\n    const voidComponent = computed(() =>\n      rateDisabled.value ? props.disabledvoidIcon : props.voidIcon\n    )\n    const activeComponent = computed(() =>\n      getValueFromMap(currentValue.value, componentMap.value)\n    )\n    const iconComponents = computed(() => {\n      const result = Array(props.max)\n      const threshold = currentValue.value\n      result.fill(activeComponent.value, 0, threshold)\n      result.fill(voidComponent.value, threshold, props.max)\n      return result\n    })\n\n    function showDecimalIcon(item: number) {\n      const showWhenDisabled =\n        rateDisabled.value &&\n        valueDecimal.value > 0 &&\n        item - 1 < props.modelValue &&\n        item > props.modelValue\n      const showWhenAllowHalf =\n        props.allowHalf &&\n        pointerAtLeftHalf.value &&\n        item - 0.5 <= currentValue.value &&\n        item > currentValue.value\n      return showWhenDisabled || showWhenAllowHalf\n    }\n\n    function getIconStyle(item: number) {\n      const voidColor = rateDisabled.value\n        ? props.disabledVoidColor\n        : props.voidColor\n      return {\n        color: item <= currentValue.value ? activeColor.value : voidColor,\n      }\n    }\n\n    function selectValue(value: number) {\n      if (rateDisabled.value) {\n        return\n      }\n      if (props.allowHalf && pointerAtLeftHalf.value) {\n        emit(UPDATE_MODEL_EVENT, currentValue.value)\n        if (props.modelValue !== currentValue.value) {\n          emit('change', currentValue.value)\n        }\n      } else {\n        emit(UPDATE_MODEL_EVENT, value)\n        if (props.modelValue !== value) {\n          emit('change', value)\n        }\n      }\n    }\n\n    function handleKey(e: KeyboardEvent) {\n      if (rateDisabled.value) {\n        return\n      }\n      let _currentValue = currentValue.value\n      const code = e.code\n      if (code === EVENT_CODE.up || code === EVENT_CODE.right) {\n        if (props.allowHalf) {\n          _currentValue += 0.5\n        } else {\n          _currentValue += 1\n        }\n        e.stopPropagation()\n        e.preventDefault()\n      } else if (code === EVENT_CODE.left || code === EVENT_CODE.down) {\n        if (props.allowHalf) {\n          _currentValue -= 0.5\n        } else {\n          _currentValue -= 1\n        }\n        e.stopPropagation()\n        e.preventDefault()\n      }\n      _currentValue = _currentValue < 0 ? 0 : _currentValue\n      _currentValue = _currentValue > props.max ? props.max : _currentValue\n      emit(UPDATE_MODEL_EVENT, _currentValue)\n      emit('change', _currentValue)\n      return _currentValue\n    }\n\n    function setCurrentValue(value: number, event: MouseEvent) {\n      if (rateDisabled.value) {\n        return\n      }\n      if (props.allowHalf) {\n        let target = event.target as HTMLElement\n        if (hasClass(target, 'el-rate__item')) {\n          target = target.querySelector('.el-rate__icon')!\n        }\n        if (target.clientWidth === 0 || hasClass(target, 'el-rate__decimal')) {\n          target = target.parentNode as HTMLElement\n        }\n        pointerAtLeftHalf.value = event.offsetX * 2 <= target.clientWidth\n        currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value\n      } else {\n        currentValue.value = value\n      }\n      hoverIndex.value = value\n    }\n\n    function resetCurrentValue() {\n      if (rateDisabled.value) {\n        return\n      }\n      if (props.allowHalf) {\n        pointerAtLeftHalf.value =\n          props.modelValue !== Math.floor(props.modelValue)\n      }\n      currentValue.value = props.modelValue\n      hoverIndex.value = -1\n    }\n\n    watch(\n      () => props.modelValue,\n      (val) => {\n        currentValue.value = val\n        pointerAtLeftHalf.value =\n          props.modelValue !== Math.floor(props.modelValue)\n      }\n    )\n\n    if (!props.modelValue) {\n      emit(UPDATE_MODEL_EVENT, 0)\n    }\n\n    return {\n      hoverIndex,\n      currentValue,\n      rateDisabled,\n      text,\n      decimalStyle,\n      decimalIconComponent,\n      iconComponents,\n\n      showDecimalIcon,\n      getIconStyle,\n      selectValue,\n      handleKey,\n      setCurrentValue,\n      resetCurrentValue,\n    }\n  },\n})\n</script>\n"],"names":["isObject","defineComponent","ElIcon","StarFilled","Star","rateProps","rateEmits","inject","elFormKey","ref","computed","isArray","UPDATE_MODEL_EVENT","EVENT_CODE","hasClass"],"mappings":"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"}

package/lib/components/rate/src/rate.vue_vue&type=template&id=38c42df6&lang.js

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["aria-valuenow", "aria-valuetext", "aria-valuemax"];
-const _hoisted_2 = ["onMousemove", "onClick"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: "el-rate",
-    role: "slider",
-    "aria-valuenow": _ctx.currentValue,
-    "aria-valuetext": _ctx.text,
-    "aria-valuemin": "0",
-    "aria-valuemax": _ctx.max,
-    tabindex: "0",
-    onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.handleKey && _ctx.handleKey(...args))
-  }, [
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.max, (item, key) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        key,
-        class: "el-rate__item",
-        style: vue.normalizeStyle({ cursor: _ctx.rateDisabled ? "auto" : "pointer" }),
-        onMousemove: ($event) => _ctx.setCurrentValue(item, $event),
-        onMouseleave: _cache[0] || (_cache[0] = (...args) => _ctx.resetCurrentValue && _ctx.resetCurrentValue(...args)),
-        onClick: ($event) => _ctx.selectValue(item)
-      }, [
-        vue.createVNode(_component_el_icon, {
-          class: vue.normalizeClass([[{ hover: _ctx.hoverIndex === item }], "el-rate__icon"]),
-          style: vue.normalizeStyle(_ctx.getIconStyle(item))
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponents[item - 1]))),
-            _ctx.showDecimalIcon(item) ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-              key: 0,
-              style: vue.normalizeStyle(_ctx.decimalStyle),
-              class: "el-rate__icon el-rate__decimal"
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decimalIconComponent)))
-              ]),
-              _: 1
-            }, 8, ["style"])) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 2
-        }, 1032, ["class", "style"])
-      ], 44, _hoisted_2);
-    }), 128)),
-    _ctx.showText || _ctx.showScore ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 0,
-      class: "el-rate__text",
-      style: vue.normalizeStyle({ color: _ctx.textColor })
-    }, vue.toDisplayString(_ctx.text), 5)) : vue.createCommentVNode("v-if", true)
-  ], 40, _hoisted_1);
-}
-
-exports.render = render;
-//# sourceMappingURL=rate.vue_vue&type=template&id=38c42df6&lang.js.map

package/lib/components/rate/src/rate.vue_vue&type=template&id=38c42df6&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rate.vue_vue&type=template&id=38c42df6&lang.js","sources":["../../../../../../packages/components/rate/src/rate.vue?vue&type=template&id=38c42df6&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-rate\"\n    role=\"slider\"\n    :aria-valuenow=\"currentValue\"\n    :aria-valuetext=\"text\"\n    aria-valuemin=\"0\"\n    :aria-valuemax=\"max\"\n    tabindex=\"0\"\n    @keydown=\"handleKey\"\n  >\n    <span\n      v-for=\"(item, key) in max\"\n      :key=\"key\"\n      class=\"el-rate__item\"\n      :style=\"{ cursor: rateDisabled ? 'auto' : 'pointer' }\"\n      @mousemove=\"setCurrentValue(item, $event)\"\n      @mouseleave=\"resetCurrentValue\"\n      @click=\"selectValue(item)\"\n    >\n      <el-icon\n        :class=\"[{ hover: hoverIndex === item }]\"\n        class=\"el-rate__icon\"\n        :style=\"getIconStyle(item)\"\n      >\n        <component :is=\"iconComponents[item - 1]\" />\n        <el-icon\n          v-if=\"showDecimalIcon(item)\"\n          :style=\"decimalStyle\"\n          class=\"el-rate__icon el-rate__decimal\"\n        >\n          <component :is=\"decimalIconComponent\" />\n        </el-icon>\n      </el-icon>\n    </span>\n    <span\n      v-if=\"showText || showScore\"\n      class=\"el-rate__text\"\n      :style=\"{ color: textColor }\"\n    >\n      {{ text }}\n    </span>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch } from 'vue'\nimport { isObject, isArray } from '@vue/shared'\nimport { elFormKey } from '@element-plus/tokens'\nimport { hasClass } from '@element-plus/utils/dom'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\n\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { StarFilled, Star } from '@element-plus/icons'\nimport { rateProps, rateEmits } from './rate'\nimport type { ElFormContext } from '@element-plus/tokens'\n\nfunction getValueFromMap<T>(\n  value: number,\n  map: Record<string, T | { excluded?: boolean; value: T }>\n) {\n  const isExcludedObject = (\n    val: unknown\n  ): val is { excluded?: boolean } & Record<any, unknown> => isObject(val)\n\n  const matchedKeys = Object.keys(map)\n    .map((key) => +key)\n    .filter((key) => {\n      const val = map[key]\n      const excluded = isExcludedObject(val) ? val.excluded : false\n      return excluded ? value < key : value <= key\n    })\n    .sort((a, b) => a - b)\n  const matchedValue = map[matchedKeys[0]]\n  return isExcludedObject(matchedValue) ? matchedValue.value : matchedValue\n}\n\nexport default defineComponent({\n  name: 'ElRate',\n  components: {\n    ElIcon,\n    StarFilled,\n    Star,\n  },\n  props: rateProps,\n  emits: rateEmits,\n\n  setup(props, { emit }) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const currentValue = ref(props.modelValue)\n    const hoverIndex = ref(-1)\n    const pointerAtLeftHalf = ref(true)\n\n    const rateDisabled = computed(() => props.disabled || elForm.disabled)\n    const text = computed(() => {\n      let result = ''\n      if (props.showScore) {\n        result = props.scoreTemplate.replace(\n          /\\{\\s*value\\s*\\}/,\n          rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`\n        )\n      } else if (props.showText) {\n        result = props.texts[Math.ceil(currentValue.value) - 1]\n      }\n      return result\n    })\n    const valueDecimal = computed(\n      () => props.modelValue * 100 - Math.floor(props.modelValue) * 100\n    )\n    const colorMap = computed(() =>\n      isArray(props.colors)\n        ? {\n            [props.lowThreshold]: props.colors[0],\n            [props.highThreshold]: { value: props.colors[1], excluded: true },\n            [props.max]: props.colors[2],\n          }\n        : props.colors\n    )\n    const activeColor = computed(() =>\n      getValueFromMap(currentValue.value, colorMap.value)\n    )\n    const decimalStyle = computed(() => {\n      let width = ''\n      if (rateDisabled.value) {\n        width = `${valueDecimal.value}%`\n      } else if (props.allowHalf) {\n        width = '50%'\n      }\n      return {\n        color: activeColor.value,\n        width,\n      }\n    })\n    const componentMap = computed(() =>\n      isArray(props.icons)\n        ? {\n            [props.lowThreshold]: props.icons[0],\n            [props.highThreshold]: {\n              value: props.icons[1],\n              excluded: true,\n            },\n            [props.max]: props.icons[2],\n          }\n        : props.icons\n    )\n    const decimalIconComponent = computed(() =>\n      getValueFromMap(props.modelValue, componentMap.value)\n    )\n    const voidComponent = computed(() =>\n      rateDisabled.value ? props.disabledvoidIcon : props.voidIcon\n    )\n    const activeComponent = computed(() =>\n      getValueFromMap(currentValue.value, componentMap.value)\n    )\n    const iconComponents = computed(() => {\n      const result = Array(props.max)\n      const threshold = currentValue.value\n      result.fill(activeComponent.value, 0, threshold)\n      result.fill(voidComponent.value, threshold, props.max)\n      return result\n    })\n\n    function showDecimalIcon(item: number) {\n      const showWhenDisabled =\n        rateDisabled.value &&\n        valueDecimal.value > 0 &&\n        item - 1 < props.modelValue &&\n        item > props.modelValue\n      const showWhenAllowHalf =\n        props.allowHalf &&\n        pointerAtLeftHalf.value &&\n        item - 0.5 <= currentValue.value &&\n        item > currentValue.value\n      return showWhenDisabled || showWhenAllowHalf\n    }\n\n    function getIconStyle(item: number) {\n      const voidColor = rateDisabled.value\n        ? props.disabledVoidColor\n        : props.voidColor\n      return {\n        color: item <= currentValue.value ? activeColor.value : voidColor,\n      }\n    }\n\n    function selectValue(value: number) {\n      if (rateDisabled.value) {\n        return\n      }\n      if (props.allowHalf && pointerAtLeftHalf.value) {\n        emit(UPDATE_MODEL_EVENT, currentValue.value)\n        if (props.modelValue !== currentValue.value) {\n          emit('change', currentValue.value)\n        }\n      } else {\n        emit(UPDATE_MODEL_EVENT, value)\n        if (props.modelValue !== value) {\n          emit('change', value)\n        }\n      }\n    }\n\n    function handleKey(e: KeyboardEvent) {\n      if (rateDisabled.value) {\n        return\n      }\n      let _currentValue = currentValue.value\n      const code = e.code\n      if (code === EVENT_CODE.up || code === EVENT_CODE.right) {\n        if (props.allowHalf) {\n          _currentValue += 0.5\n        } else {\n          _currentValue += 1\n        }\n        e.stopPropagation()\n        e.preventDefault()\n      } else if (code === EVENT_CODE.left || code === EVENT_CODE.down) {\n        if (props.allowHalf) {\n          _currentValue -= 0.5\n        } else {\n          _currentValue -= 1\n        }\n        e.stopPropagation()\n        e.preventDefault()\n      }\n      _currentValue = _currentValue < 0 ? 0 : _currentValue\n      _currentValue = _currentValue > props.max ? props.max : _currentValue\n      emit(UPDATE_MODEL_EVENT, _currentValue)\n      emit('change', _currentValue)\n      return _currentValue\n    }\n\n    function setCurrentValue(value: number, event: MouseEvent) {\n      if (rateDisabled.value) {\n        return\n      }\n      if (props.allowHalf) {\n        let target = event.target as HTMLElement\n        if (hasClass(target, 'el-rate__item')) {\n          target = target.querySelector('.el-rate__icon')!\n        }\n        if (target.clientWidth === 0 || hasClass(target, 'el-rate__decimal')) {\n          target = target.parentNode as HTMLElement\n        }\n        pointerAtLeftHalf.value = event.offsetX * 2 <= target.clientWidth\n        currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value\n      } else {\n        currentValue.value = value\n      }\n      hoverIndex.value = value\n    }\n\n    function resetCurrentValue() {\n      if (rateDisabled.value) {\n        return\n      }\n      if (props.allowHalf) {\n        pointerAtLeftHalf.value =\n          props.modelValue !== Math.floor(props.modelValue)\n      }\n      currentValue.value = props.modelValue\n      hoverIndex.value = -1\n    }\n\n    watch(\n      () => props.modelValue,\n      (val) => {\n        currentValue.value = val\n        pointerAtLeftHalf.value =\n          props.modelValue !== Math.floor(props.modelValue)\n      }\n    )\n\n    if (!props.modelValue) {\n      emit(UPDATE_MODEL_EVENT, 0)\n    }\n\n    return {\n      hoverIndex,\n      currentValue,\n      rateDisabled,\n      text,\n      decimalStyle,\n      decimalIconComponent,\n      iconComponents,\n\n      showDecimalIcon,\n      getIconStyle,\n      selectValue,\n      handleKey,\n      setCurrentValue,\n      resetCurrentValue,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock"],"mappings":";;;;;;;;;;0BACEA;IACE,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,iBAAe;IACf,kBAAgB;IACjB,iBAAc;AAAA,IACb,iBAAe;IAChB,UAAS;AAAA,IACR,kDAAS;;0BAEVA,0DACwB,WAAd,MAAM;8BADhBA;QAEG;AAAA,QACD,OAAM;AAAA,QACL,oCAAiB;QACjB,yBAAW,qBAAgB,MAAM;AAAA,QACjC,qDAAY;QACZ,qBAAO,iBAAY;AAAA;QAEpBC;UACG,qCAAiB,oBAAe,SAC3B;AAAA,UACL,0BAAO,kBAAa;AAAA;+BAErB;8BAAAC,4CAAgB,oBAAe;YAEvB,qBAAgB,0BADxBA;;cAEG,0BAAO;cACR,OAAM;AAAA;mCAEN;kCAAAA,4CAAgB;;;;;;;;;IAKd,iBAAY,mCADpBF;;MAEE,OAAM;AAAA,MACL,mCAAgB;2BAEd;;;;;;"}

package/lib/components/result/src/result.vue_vue&type=script&lang.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var result = require('./result.js');
-
-var script = vue.defineComponent({
-  name: "ElResult",
-  props: result.resultProps,
-  setup(props) {
-    const resultIcon = vue.computed(() => {
-      const icon = props.icon;
-      const iconClass = icon && result.IconMap[icon] ? result.IconMap[icon] : "icon-info";
-      const iconComponent = result.IconComponentMap[iconClass] || result.IconComponentMap["icon-info"];
-      return {
-        class: iconClass,
-        component: iconComponent
-      };
-    });
-    return {
-      resultIcon
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=result.vue_vue&type=script&lang.js.map

package/lib/components/result/src/result.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"result.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div class=\"el-result\">\n    <div class=\"el-result__icon\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" class=\"el-result__title\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots.subTitle\" class=\"el-result__subtitle\">\n      <slot name=\"subTitle\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" class=\"el-result__extra\">\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { resultProps, IconComponentMap, IconMap } from './result'\n\nexport default defineComponent({\n  name: 'ElResult',\n  props: resultProps,\n  setup(props) {\n    const resultIcon = computed(() => {\n      const icon = props.icon\n      const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n      const iconComponent =\n        IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n      return {\n        class: iconClass,\n        component: iconComponent,\n      }\n    })\n\n    return {\n      resultIcon,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","resultProps","computed","IconMap","IconComponentMap"],"mappings":";;;;;;;AA8BA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,MAAM,OAAO;AACX,UAAM,aAAaC,aAAS,MAAM;AAChC,YAAM,OAAO,MAAM;AACnB,YAAM,YAAY,QAAQC,eAAQ,QAAQA,eAAQ,QAAQ;AAC1D,YAAM,gBACJC,wBAAiB,cAAcA,wBAAiB;AAElD,aAAO;AAAA,QACL,OAAO;AAAA,QACP,WAAW;AAAA;AAAA;AAIf,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/lib/components/result/src/result.vue_vue&type=template&id=263c10e5&lang.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-result" };
-const _hoisted_2 = { class: "el-result__icon" };
-const _hoisted_3 = {
-  key: 0,
-  class: "el-result__title"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "el-result__subtitle"
-};
-const _hoisted_5 = {
-  key: 2,
-  class: "el-result__extra"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createElementVNode("div", _hoisted_2, [
-      vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-        _ctx.resultIcon.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.resultIcon.component), {
-          key: 0,
-          class: vue.normalizeClass(_ctx.resultIcon.class)
-        }, null, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-      ])
-    ]),
-    _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-      vue.renderSlot(_ctx.$slots, "title", {}, () => [
-        vue.createElementVNode("p", null, vue.toDisplayString(_ctx.title), 1)
-      ])
-    ])) : vue.createCommentVNode("v-if", true),
-    _ctx.subTitle || _ctx.$slots.subTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-      vue.renderSlot(_ctx.$slots, "subTitle", {}, () => [
-        vue.createElementVNode("p", null, vue.toDisplayString(_ctx.subTitle), 1)
-      ])
-    ])) : vue.createCommentVNode("v-if", true),
-    _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-      vue.renderSlot(_ctx.$slots, "extra")
-    ])) : vue.createCommentVNode("v-if", true)
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=result.vue_vue&type=template&id=263c10e5&lang.js.map

package/lib/components/result/src/result.vue_vue&type=template&id=263c10e5&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"result.vue_vue&type=template&id=263c10e5&lang.js","sources":["../../../../../../packages/components/result/src/result.vue?vue&type=template&id=263c10e5&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-result\">\n    <div class=\"el-result__icon\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" class=\"el-result__title\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots.subTitle\" class=\"el-result__subtitle\">\n      <slot name=\"subTitle\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" class=\"el-result__extra\">\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { resultProps, IconComponentMap, IconMap } from './result'\n\nexport default defineComponent({\n  name: 'ElResult',\n  props: resultProps,\n  setup(props) {\n    const resultIcon = computed(() => {\n      const icon = props.icon\n      const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n      const iconComponent =\n        IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n      return {\n        class: iconClass,\n        component: iconComponent,\n      }\n    })\n\n    return {\n      resultIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;;;;;qBACO,OAAM;qBACJ,OAAM;;;EASuB,OAAM;AAAA;;;EAKA,OAAM;AAAA;;;EAKrB,OAAM;AAAA;;0BApBjCA,8BAAA;IACEC,8BAAA;MACEC,wCAAA;QAGU,gBAAW,8BAFnBC,4CACO,gBAAW;;UAEf,0BAAO,gBAAW;AAAA;;;IAId,cAAS,YAAO,0BAA3BH,8BAAA;MACEE,yCAAA;QACED,sDAAM;;;IAGC,iBAAY,YAAO,6BAA9BD,8BAAA;MACEE,4CAAA;QACED,sDAAM;;;IAGC,YAAO,0BAAlBD,8BAAA;MACEE;;;;;;;"}

package/lib/components/scrollbar/src/bar.vue_vue&type=script&lang.js

@@ -1,111 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var dom = require('../../../utils/dom.js');
-var util = require('./util.js');
-
-var script = vue.defineComponent({
-  name: "Bar",
-  props: {
-    vertical: Boolean,
-    size: String,
-    move: Number,
-    ratio: Number,
-    always: Boolean
-  },
-  setup(props) {
-    const instance = vue.ref(null);
-    const thumb = vue.ref(null);
-    const scrollbar = vue.inject("scrollbar", {});
-    const wrap = vue.inject("scrollbar-wrap", {});
-    const bar = vue.computed(() => util.BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-    const barStore = vue.ref({});
-    const cursorDown = vue.ref(null);
-    const cursorLeave = vue.ref(null);
-    const visible = vue.ref(false);
-    let onselectstartStore = null;
-    const offsetRatio = vue.computed(() => {
-      return instance.value[bar.value.offset] ** 2 / wrap.value[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset];
-    });
-    const clickThumbHandler = (e) => {
-      e.stopPropagation();
-      if (e.ctrlKey || [1, 2].includes(e.button)) {
-        return;
-      }
-      window.getSelection().removeAllRanges();
-      startDrag(e);
-      barStore.value[bar.value.axis] = e.currentTarget[bar.value.offset] - (e[bar.value.client] - e.currentTarget.getBoundingClientRect()[bar.value.direction]);
-    };
-    const clickTrackHandler = (e) => {
-      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];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
-    };
-    const startDrag = (e) => {
-      e.stopImmediatePropagation();
-      cursorDown.value = true;
-      dom.on(document, "mousemove", mouseMoveDocumentHandler);
-      dom.on(document, "mouseup", mouseUpDocumentHandler);
-      onselectstartStore = document.onselectstart;
-      document.onselectstart = () => false;
-    };
-    const mouseMoveDocumentHandler = (e) => {
-      if (cursorDown.value === 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];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
-    };
-    const mouseUpDocumentHandler = () => {
-      cursorDown.value = false;
-      barStore.value[bar.value.axis] = 0;
-      dom.off(document, "mousemove", mouseMoveDocumentHandler);
-      dom.off(document, "mouseup", mouseUpDocumentHandler);
-      document.onselectstart = onselectstartStore;
-      if (cursorLeave.value) {
-        visible.value = false;
-      }
-    };
-    const thumbStyle = vue.computed(() => util.renderThumbStyle({
-      size: props.size,
-      move: props.move,
-      bar: bar.value
-    }));
-    const mouseMoveScrollbarHandler = () => {
-      cursorLeave.value = false;
-      visible.value = !!props.size;
-    };
-    const mouseLeaveScrollbarHandler = () => {
-      cursorLeave.value = true;
-      visible.value = cursorDown.value;
-    };
-    vue.onMounted(() => {
-      dom.on(scrollbar.value, "mousemove", mouseMoveScrollbarHandler);
-      dom.on(scrollbar.value, "mouseleave", mouseLeaveScrollbarHandler);
-    });
-    vue.onBeforeUnmount(() => {
-      dom.off(document, "mouseup", mouseUpDocumentHandler);
-      dom.off(scrollbar.value, "mousemove", mouseMoveScrollbarHandler);
-      dom.off(scrollbar.value, "mouseleave", mouseLeaveScrollbarHandler);
-    });
-    return {
-      instance,
-      thumb,
-      bar,
-      clickTrackHandler,
-      clickThumbHandler,
-      thumbStyle,
-      visible
-    };
-  }
-});
-
-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  onMounted,\n  ref,\n} from 'vue'\nimport { off, on } from '@element-plus/utils/dom'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'Bar',\n  props: {\n    vertical: Boolean,\n    size: String,\n    move: Number,\n    ratio: Number,\n    always: Boolean,\n  },\n  setup(props) {\n    const instance = ref(null)\n    const thumb = ref(null)\n    const scrollbar = inject('scrollbar', {} as Ref<Nullable<HTMLElement>>)\n    const wrap = inject('scrollbar-wrap', {} as Ref<Nullable<HTMLElement>>)\n    const bar = computed(\n      () => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n    )\n    const barStore = ref({})\n    const cursorDown = ref(null)\n    const cursorLeave = ref(null)\n    const visible = ref(false)\n    let onselectstartStore = null\n\n    const offsetRatio = computed(() => {\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      return (\n        instance.value[bar.value.offset] ** 2 /\n        wrap.value[bar.value.scrollSize] /\n        props.ratio /\n        thumb.value[bar.value.offset]\n      )\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)) {\n        return\n      }\n      window.getSelection().removeAllRanges()\n      startDrag(e)\n      barStore.value[bar.value.axis] =\n        e.currentTarget[bar.value.offset] -\n        (e[bar.value.client] -\n          (e.currentTarget as HTMLElement).getBoundingClientRect()[\n            bar.value.direction\n          ])\n    }\n\n    const clickTrackHandler = (e: MouseEvent) => {\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      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const startDrag = (e: MouseEvent) => {\n      e.stopImmediatePropagation()\n      cursorDown.value = true\n      on(document, 'mousemove', mouseMoveDocumentHandler)\n      on(document, 'mouseup', mouseUpDocumentHandler)\n      onselectstartStore = document.onselectstart\n      document.onselectstart = () => false\n    }\n\n    const mouseMoveDocumentHandler = (e: MouseEvent) => {\n      if (cursorDown.value === false) return\n      const prevPage = barStore.value[bar.value.axis]\n\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      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const mouseUpDocumentHandler = () => {\n      cursorDown.value = false\n      barStore.value[bar.value.axis] = 0\n      off(document, 'mousemove', mouseMoveDocumentHandler)\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      document.onselectstart = onselectstartStore\n      if (cursorLeave.value) {\n        visible.value = false\n      }\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 mouseMoveScrollbarHandler = () => {\n      cursorLeave.value = false\n      visible.value = !!props.size\n    }\n\n    const mouseLeaveScrollbarHandler = () => {\n      cursorLeave.value = true\n      visible.value = cursorDown.value\n    }\n\n    onMounted(() => {\n      on(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      on(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    onBeforeUnmount(() => {\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      off(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      off(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    return {\n      instance,\n      thumb,\n      bar,\n      clickTrackHandler,\n      clickThumbHandler,\n      thumbStyle,\n      visible,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ref","inject","computed","BAR_MAP","renderThumbStyle"],"mappings":"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"}

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  onMounted,\n  ref,\n} from 'vue'\nimport { off, on } from '@element-plus/utils/dom'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'Bar',\n  props: {\n    vertical: Boolean,\n    size: String,\n    move: Number,\n    ratio: Number,\n    always: Boolean,\n  },\n  setup(props) {\n    const instance = ref(null)\n    const thumb = ref(null)\n    const scrollbar = inject('scrollbar', {} as Ref<Nullable<HTMLElement>>)\n    const wrap = inject('scrollbar-wrap', {} as Ref<Nullable<HTMLElement>>)\n    const bar = computed(\n      () => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n    )\n    const barStore = ref({})\n    const cursorDown = ref(null)\n    const cursorLeave = ref(null)\n    const visible = ref(false)\n    let onselectstartStore = null\n\n    const offsetRatio = computed(() => {\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      return (\n        instance.value[bar.value.offset] ** 2 /\n        wrap.value[bar.value.scrollSize] /\n        props.ratio /\n        thumb.value[bar.value.offset]\n      )\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)) {\n        return\n      }\n      window.getSelection().removeAllRanges()\n      startDrag(e)\n      barStore.value[bar.value.axis] =\n        e.currentTarget[bar.value.offset] -\n        (e[bar.value.client] -\n          (e.currentTarget as HTMLElement).getBoundingClientRect()[\n            bar.value.direction\n          ])\n    }\n\n    const clickTrackHandler = (e: MouseEvent) => {\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      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const startDrag = (e: MouseEvent) => {\n      e.stopImmediatePropagation()\n      cursorDown.value = true\n      on(document, 'mousemove', mouseMoveDocumentHandler)\n      on(document, 'mouseup', mouseUpDocumentHandler)\n      onselectstartStore = document.onselectstart\n      document.onselectstart = () => false\n    }\n\n    const mouseMoveDocumentHandler = (e: MouseEvent) => {\n      if (cursorDown.value === false) return\n      const prevPage = barStore.value[bar.value.axis]\n\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      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const mouseUpDocumentHandler = () => {\n      cursorDown.value = false\n      barStore.value[bar.value.axis] = 0\n      off(document, 'mousemove', mouseMoveDocumentHandler)\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      document.onselectstart = onselectstartStore\n      if (cursorLeave.value) {\n        visible.value = false\n      }\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 mouseMoveScrollbarHandler = () => {\n      cursorLeave.value = false\n      visible.value = !!props.size\n    }\n\n    const mouseLeaveScrollbarHandler = () => {\n      cursorLeave.value = true\n      visible.value = cursorDown.value\n    }\n\n    onMounted(() => {\n      on(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      on(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    onBeforeUnmount(() => {\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      off(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      off(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    return {\n      instance,\n      thumb,\n      bar,\n      clickTrackHandler,\n      clickThumbHandler,\n      thumbStyle,\n      visible,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode"],"mappings":";;;;;;;0BACEA,kCAAY,MAAK;yBACf;yBAAAC;QAEE,KAAI;AAAA,QACH,wDAAqC,SAAI;AAAA,QACzC,oDAAW;;QAEZA;UACE,KAAI;AAAA,UACJ,OAAM;AAAA,UACL,0BAAO;UACP,oDAAW;;;oBATN,eAAU;;;;;;;;;"}

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

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
-var index_vue_vue_type_template_id_988caaee_lang = require('./index.vue_vue&type=template&id=988caaee&lang.js');
-
-index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_988caaee_lang.render;
-index_vue_vue_type_script_lang["default"].__file = "packages/components/scrollbar/src/index.vue";
-
-exports["default"] = index_vue_vue_type_script_lang["default"];
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}