npm - element-plus - Versions diffs - 1.2.0-beta.6 → 1.3.0-beta.1 - Mend

element-plus 1.2.0-beta.6 → 1.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1690) hide show

package/lib/components/rate/src/rate.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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-vue'\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 /\\{\\svalue\\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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"}
1	+ {"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-vue'\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 /\\{\\svalue\\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":["defineComponent","ElIcon","StarFilled","rateProps","inject","elFormKey","ref","computed","EVENT_CODE"],"mappings":"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"}

package/lib/components/rate/src/rate.vue_vue_type_template_id_38c42df6_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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-vue'\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 /\\{\\svalue\\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;;;;;;~~"}
1	+ {"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-vue'\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 /\\{\\svalue\\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":["_openBlock","_createVNode"],"mappings":";;;;;;;;;;;;;;IAEI;IACA;IACC,eAAa,EAAE;IACf;IACD,iBAAc;;;aAGNA,gDAAE;;;;QAIP;QACD;QACC;;QAEAC,eAAU;eACL,gCAAa,KAAK;;;UAGrB;;;;;;;;;;;;;;;;;;;;;;KAeG;;;;;"}

package/lib/components/result/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../packages/components/result/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Result from './src/result.vue'\n\nexport const ElResult = withInstall(Result)\n\nexport default ElResult\n\nexport * from './src/result'\n"],"names":["withInstall","Result"],"mappings":";;;;;;;;;~~MAGa~~,~~WAAWA~~,~~wBAAYC~~;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/result/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Result from './src/result.vue'\n\nexport const ElResult = withInstall(Result)\n\nexport default ElResult\n\nexport * from './src/result'\n"],"names":["withInstall","Result"],"mappings":";;;;;;;;;AAEY,MAAC,QAAQ,GAAGA,uBAAW,CAACC,0CAAM;;;;;;;;"}

package/lib/components/result/src/result.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"result.js","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport {\n WarningFilled,\n CircleCheckFilled,\n CircleCloseFilled,\n InfoFilled,\n} from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const IconMap = {\n success: 'icon-success',\n warning: 'icon-warning',\n error: 'icon-error',\n info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n typeof IconMap[keyof typeof IconMap],\n Component\n> = {\n [IconMap.success]: CircleCheckFilled,\n [IconMap.warning]: WarningFilled,\n [IconMap.error]: CircleCloseFilled,\n [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n title: {\n type: String,\n default: '',\n },\n subTitle: {\n type: String,\n default: '',\n },\n icon: {\n values: ['success', 'warning', 'info', 'error'],\n default: 'info',\n },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\n"],"names":["CircleCheckFilled","WarningFilled","CircleCloseFilled","InfoFilled","buildProps"],"mappings":";;;;;;;~~MASa~~,~~UAAU;AAAA~~,~~EACrB~~,~~SAAS~~;~~AAAA~~,~~EACT~~,~~SAAS~~;~~AAAA~~,~~EACT~~,OAAO;~~AAAA~~,~~EACP~~,~~MAAM~~;~~AAAA~~;~~MAGK~~,~~mBAGT~~;~~AAAA~~,~~GACD~~,~~QAAQ~~,~~UAAUA~~;~~AAAA~~,~~GAClB~~,~~QAAQ~~,~~UAAUC~~;~~AAAA~~,~~GAClB~~,~~QAAQ~~,~~QAAQC~~;~~AAAA~~,~~GAChB~~,~~QAAQ~~,~~OAAOC~~;~~AAAA~~;~~MAGL~~,~~cAAcC~~,~~iBAAW~~;~~AAAA~~,~~EACpC~~,~~OAAO~~;~~AAAA~~,~~IACL~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~UAAU~~;~~AAAA~~,~~IACR~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~MAAM~~;~~AAAA~~,~~IACJ~~,~~QAAQ~~,CAAC,~~WAAW~~,~~WAAW~~,~~QAAQ~~;~~AAAA~~,~~IACvC~~,~~SAAS~~;~~AAAA~~;~~AAAA~~;;;;;;"}
1	+ {"version":3,"file":"result.js","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport {\n WarningFilled,\n CircleCheckFilled,\n CircleCloseFilled,\n InfoFilled,\n} from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const IconMap = {\n success: 'icon-success',\n warning: 'icon-warning',\n error: 'icon-error',\n info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n typeof IconMap[keyof typeof IconMap],\n Component\n> = {\n [IconMap.success]: CircleCheckFilled,\n [IconMap.warning]: WarningFilled,\n [IconMap.error]: CircleCloseFilled,\n [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n title: {\n type: String,\n default: '',\n },\n subTitle: {\n type: String,\n default: '',\n },\n icon: {\n values: ['success', 'warning', 'info', 'error'],\n default: 'info',\n },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\n"],"names":["CircleCheckFilled","WarningFilled","CircleCloseFilled","InfoFilled","buildProps"],"mappings":";;;;;;;AAOY,MAAC,OAAO,GAAG;AACvB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,KAAK,EAAE,YAAY;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAGA,0BAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAGC,sBAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAGC,0BAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAGC,mBAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAGC,gBAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AACnD,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;;;"}

package/lib/components/result/src/result.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;~~"}
1	+ {"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","IconMap","IconComponentMap"],"mappings":";;;;;;;AA4BA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAEC,kBAAW;EAClB,MAAM,KAAK,EAAE;IACX,MAAM,UAAU;MACd,MAAM;MACN,MAAM,SAAS,GAAG,IAAI,IAAIC;MAC1B,MAAM,aAAa,GAAGC;MACtB,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,aAAa;;MAE1B,CAAC;WACI;gBACK;MACV;;;;;;"}

package/lib/components/result/src/result.vue_vue_type_template_id_263c10e5_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;;;;"}
1	+ {"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":[],"mappings":";;;;;;;qBACO,KAAK,EAAC;;;;EAUyB;;;;EAKM;;;;EAKf;;;;;;;;;;;;;;;KAVd,4BAAe,MAAM;;;kEAEtB;;;;yBAGa;;;;;;;"}

package/lib/components/row/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../packages/components/row/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Row from './src/row'\n\nexport const ElRow = withInstall(Row)\nexport default ElRow\n\nexport * from './src/row'\n"],"names":["withInstall","Row"],"mappings":";;;;;;;~~MAGa~~,~~QAAQA~~,~~wBAAYC~~;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/row/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Row from './src/row'\n\nexport const ElRow = withInstall(Row)\nexport default ElRow\n\nexport * from './src/row'\n"],"names":["withInstall","Row"],"mappings":";;;;;;;AAEY,MAAC,KAAK,GAAGA,uBAAW,CAACC,cAAG;;;;;;"}

package/lib/components/row/src/row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"row.js","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { defineComponent, computed, h, provide } from 'vue'\nimport { buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const rowProps = buildProps({\n tag: {\n type: String,\n default: 'div',\n },\n gutter: {\n type: Number,\n default: 0,\n },\n justify: {\n type: String,\n values: ['start', 'center', 'end', 'space-around', 'space-between'],\n default: 'start',\n },\n align: {\n type: String,\n values: ['top', 'middle', 'bottom'],\n default: 'top',\n },\n} as const)\nexport type RowProps = ExtractPropTypes<typeof rowProps>\n\nexport default defineComponent({\n name: 'ElRow',\n props: rowProps,\n\n setup(props, { slots }) {\n const gutter = computed(() => props.gutter)\n provide('ElRow', {\n gutter,\n })\n\n const style = computed(() => {\n const ret = {\n marginLeft: '',\n marginRight: '',\n }\n if (props.gutter) {\n ret.marginLeft = `-${props.gutter / 2}px`\n ret.marginRight = ret.marginLeft\n }\n return ret\n })\n\n return () =>\n h(\n props.tag,\n {\n class: [\n 'el-row',\n props.justify !== 'start' ? `is-justify-${props.justify}` : '',\n props.align !== 'top' ? `is-align-${props.align}` : '',\n ],\n style: style.value,\n },\n slots.default?.()\n )\n },\n})\n"],"names":["buildProps","defineComponent","computed"],"mappings":";;;;;;;~~MAIa~~,~~WAAWA~~,~~iBAAW~~;~~AAAA~~,~~EACjC~~,~~KAAK~~;~~AAAA~~,~~IACH~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~QAAQ~~;~~AAAA~~,~~IACN~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~SAAS~~;~~AAAA~~,~~IACP~~,MAAM;~~AAAA~~,~~IACN~~,~~QAAQ~~,CAAC,~~SAAS~~,~~UAAU~~,~~OAAO~~,~~gBAAgB~~;~~AAAA~~,~~IACnD~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~OAAO~~;~~AAAA~~,~~IACL~~,MAAM;~~AAAA~~,~~IACN~~,QAAQ,CAAC,OAAO,~~UAAU~~;~~AAAA~~,~~IAC1B~~,~~SAAS~~;~~AAAA;AAAA;AAKb~~,UAAeC,~~oBAAgB~~;~~AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN~~,OAAO;~~AAAA~~,~~EAEP~~,~~MAAM~~,~~OAAO~~,EAAE,~~SAAS~~;~~AACtB~~,~~UAAM~~,~~SAASC~~,~~aAAS~~,MAAM,MAAM;~~AACpC~~,~~gBAAQ~~,~~SAAS~~;~~AAAA~~,~~MACf~~;~~AAAA~~;~~AAGF~~,~~UAAM~~,~~QAAQA~~,~~aAAS~~,MAAM;~~AAC3B~~,~~YAAM~~,MAAM;~~AAAA~~,~~QACV~~,~~YAAY~~;~~AAAA~~,~~QACZ~~,~~aAAa~~;~~AAAA~~;~~AAEf~~,~~UAAI~~,MAAM,~~QAAQ~~;~~AAChB~~,~~YAAI~~,~~aAAa~~,~~IAAI~~,MAAM,~~SAAS~~;~~AACpC~~,~~YAAI~~,~~cAAc~~,~~IAAI~~;~~AAAA;AAExB~~,~~aAAO~~;~~AAAA;AAGT~~,~~WAAO~~,~~MAAG~~;~~AAhDd;AAiDM~~,~~mBACE~~,~~MAAM~~,~~KACN~~;~~AAAA~~,~~QACE~~,OAAO~~;AAAA~~,~~UACL~~;~~AAAA~~,~~UACA,~~MAAM,~~YAAY~~,~~UAAU~~,~~cAAc~~,MAAM,~~YAAY~~;~~AAAA~~,~~UAC5D~~,~~MAAM~~,UAAU,QAAQ,~~YAAY~~,~~MAAM~~,UAAU;~~AAAA~~;~~AAAA~~,~~QAEtD~~,~~OAAO~~,~~MAAM~~;~~AAAA~~,~~SAEf~~,~~YAAM~~,~~YAAN~~;~~AAAA~~;~~AAAA~~;~~AAAA~~;;;;;"}
1	+ {"version":3,"file":"row.js","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { defineComponent, computed, h, provide } from 'vue'\nimport { buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const rowProps = buildProps({\n tag: {\n type: String,\n default: 'div',\n },\n gutter: {\n type: Number,\n default: 0,\n },\n justify: {\n type: String,\n values: ['start', 'center', 'end', 'space-around', 'space-between'],\n default: 'start',\n },\n align: {\n type: String,\n values: ['top', 'middle', 'bottom'],\n default: 'top',\n },\n} as const)\nexport type RowProps = ExtractPropTypes<typeof rowProps>\n\nexport default defineComponent({\n name: 'ElRow',\n props: rowProps,\n\n setup(props, { slots }) {\n const gutter = computed(() => props.gutter)\n provide('ElRow', {\n gutter,\n })\n\n const style = computed(() => {\n const ret = {\n marginLeft: '',\n marginRight: '',\n }\n if (props.gutter) {\n ret.marginLeft = `-${props.gutter / 2}px`\n ret.marginRight = ret.marginLeft\n }\n return ret\n })\n\n return () =>\n h(\n props.tag,\n {\n class: [\n 'el-row',\n props.justify !== 'start' ? `is-justify-${props.justify}` : '',\n props.align !== 'top' ? `is-align-${props.align}` : '',\n ],\n style: style.value,\n },\n slots.default?.()\n )\n },\n})\n"],"names":["buildProps","defineComponent","computed","provide","h"],"mappings":";;;;;;;AAEY,MAAC,QAAQ,GAAGA,gBAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,CAAC;AACvE,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACvC,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACH,UAAeC,mBAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,KAAK,EAAE,QAAQ;AACjB,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;AAC1B,IAAI,MAAM,MAAM,GAAGC,YAAQ,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;AAChD,IAAIC,WAAO,CAAC,OAAO,EAAE;AACrB,MAAM,MAAM;AACZ,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,KAAK,GAAGD,YAAQ,CAAC,MAAM;AACjC,MAAM,MAAM,GAAG,GAAG;AAClB,QAAQ,UAAU,EAAE,EAAE;AACtB,QAAQ,WAAW,EAAE,EAAE;AACvB,OAAO,CAAC;AACR,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE;AACxB,QAAQ,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AAClD,QAAQ,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,UAAU,CAAC;AACzC,OAAO;AACP,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,MAAM;AACjB,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,OAAOE,KAAC,CAAC,KAAK,CAAC,GAAG,EAAE;AAC1B,QAAQ,KAAK,EAAE;AACf,UAAU,QAAQ;AAClB,UAAU,KAAK,CAAC,OAAO,KAAK,OAAO,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE;AACxE,UAAU,KAAK,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;AAChE,SAAS;AACT,QAAQ,KAAK,EAAE,KAAK,CAAC,KAAK;AAC1B,OAAO,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACjE,KAAK,CAAC;AACN,GAAG;AACH,CAAC,CAAC;;;;;"}

package/lib/components/scrollbar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../packages/components/scrollbar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Scrollbar from './src/scrollbar.vue'\n\nexport const ElScrollbar = withInstall(Scrollbar)\nexport default ElScrollbar\n\nexport * from './src/util'\nexport * from './src/scrollbar'\nexport * from './src/bar'\n"],"names":["withInstall","Scrollbar"],"mappings":";;;;;;;;;;;~~MAIa~~,~~cAAcA~~,~~wBAAYC~~;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/scrollbar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Scrollbar from './src/scrollbar.vue'\n\nexport const ElScrollbar = withInstall(Scrollbar)\nexport default ElScrollbar\n\nexport * from './src/util'\nexport * from './src/scrollbar'\nexport * from './src/bar'\n"],"names":["withInstall","Scrollbar"],"mappings":";;;;;;;;;;;AAEY,MAAC,WAAW,GAAGA,uBAAW,CAACC,6CAAS;;;;;;;;;;"}

package/lib/components/scrollbar/src/bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const barProps = buildProps({\n vertical: Boolean,\n size: String,\n move: Number,\n ratio: {\n type: Number,\n required: true,\n },\n always: Boolean,\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n"],"names":["buildProps"],"mappings":";;;;;;~~MAGa~~,~~WAAWA~~,~~iBAAW~~;~~AAAA~~,~~EACjC~~,~~UAAU~~;~~AAAA~~,~~EACV~~,MAAM;~~AAAA~~,~~EACN~~,MAAM;~~AAAA~~,~~EACN~~,~~OAAO~~;~~AAAA~~,~~IACL~~,MAAM;~~AAAA~~,~~IACN~~,~~UAAU~~;~~AAAA~~;~~AAAA~~,~~EAEZ~~,~~QAAQ~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const barProps = buildProps({\n vertical: Boolean,\n size: String,\n move: Number,\n ratio: {\n type: Number,\n required: true,\n },\n always: Boolean,\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,QAAQ,GAAGA,gBAAU,CAAC;AACnC,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC;;;;"}

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

	@@ -1 +1 @@
1	- {"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 } 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 = 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 document.onselectstart = onselectstartStore\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 document.removeEventListener('mouseup', mouseUpDocumentHandler)\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","~~scrollbarContextKey","~~ref","computed","~~BAR_MAP~~","~~renderThumbStyle","~~toRef"],"mappings":"~~;;;;;;;;;;;;AAkCA~~,~~MAAM,iBAAiB;AACvB,~~aAAeA,~~oBAAgB;AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN~~,~~OAAOC;AAAA~~,~~EAEP,MAAM,OAAO~~;~~AACX,UAAMC,cAAYC,WAAOC;AACzB,QAAI,CAACF;AACH,uBAAW,gBAAgB;AAE7B,UAAM,WAAWG;~~AACjB,~~UAAM~~,~~QAAQA;AAEd~~,~~UAAM~~,~~WAAWA~~,~~QAAI~~;~~AACrB~~,~~UAAM~~,~~UAAUA~~,~~QAAI~~;~~AAEpB~~,~~QAAI~~,~~aAAa~~;~~AACjB~~,~~QAAI,cAAc;AAClB,QAAI,qBAEO;AAEX,UAAM,MAAMC,aACV,MAAMC,aAAQ,~~MAAM,~~WAAW~~,~~aAAa;AAG9C~~,~~UAAM~~,~~aAAaD,aAAS,MAC1BE,sBAAiB~~;~~AAAA~~,~~MACf,~~MAAM,~~MAAM~~;~~AAAA~~,~~MACZ~~,~~MAAM~~,~~MAAM;AAAA~~,~~MACZ~~,KAAK,~~IAAI;AAAA;AAIb~~,~~UAAM~~,~~cAAcF,aAClB,MAIE,SAAS,MAAO,~~IAAI,~~MAAM,~~WAAW,~~IACrCJ~~,~~YAAU~~,~~YAAa~~,IAAI,~~MAAM~~,~~cACjC~~,~~MAAM~~,~~QACN~~,MAAM,~~MAAO~~,IAAI,MAAM~~;AAG3B~~,~~UAAM,oBAAoB,CAAC,MAAkB~~;;~~AAE3C~~,~~QAAE;AACF~~,~~UAAI,~~EAAE,~~WAAW~~,CAAC,~~GAAG~~,~~GAAG,SAAS,~~EAAE;~~AAAS;AAE5C~~,~~mBAAO~~,~~mBAAP~~,~~mBAAuB~~;~~AACvB~~,~~gBAAU;AAEV~~,~~YAAM~~,~~KAAK~~,~~EAAE;AACb~~,~~UAAI,CAAC~~;~~AAAI;AACT~~,~~eAAS~~,~~MAAM~~,IAAI,~~MAAM~~,~~QACvB~~,~~GAAG~~,IAAI,~~MAAM~~,~~aACV,IAAI,~~MAAM,~~UAAU~~,GAAG,~~wBAAwB~~,~~IAAI~~,~~MAAM;AAAA;AAGhE~~,~~UAAM,oBAAoB,~~CAAC~~,MAAkB~~;~~AAC3C~~,~~UAAI~~,CAAC,~~MAAM~~,~~SAAS~~,CAAC,~~SAAS,SAAS,CAACA,YAAU;AAAa;AAE/D,YAAM,SAAS,~~KAAK,~~IACjB~~,~~EAAE~~,~~OAAuB,wBAAwB,IAAI,~~MAAM,~~aAC1D,EAAE,IAAI,~~MAAM~~;AAEhB~~,~~YAAM~~,~~YAAY~~,~~MAAM~~,~~MAAM~~,~~IAAI~~,~~MAAM,UAAU~~;~~AAClD~~,~~YAAM~~,~~0BACF~~,~~UAAS~~,~~aAAa,~~MAAM,~~YAAY~~,~~QAC1C,~~SAAS,~~MAAM,~~IAAI,~~MAAM;AAE3B~~,~~kBAAU~~,~~YAAY~~,~~IAAI~~,~~MAAM~~,~~UAC7B~~,~~0BACCA~~,~~YAAU~~,~~YAAY~~,~~IAAI~~,~~MAAM,cAClC;AAAA;AAGJ,UAAM,YAAY,~~CAAC,~~MAAkB;AACnC~~,~~QAAE;AACF~~,~~mBAAa;AACb~~,~~eAAS~~,~~iBAAiB~~,~~aAAa;AACvC~~,~~eAAS~~,~~iBAAiB~~,~~WAAW;AACrC~~,~~2BAAqB~~,~~SAAS~~;~~AAC9B~~,~~eAAS~~,~~gBAAgB~~,~~MAAM~~;~~AAAA~~;~~AAGjC~~,~~UAAM~~,~~2BAA2B~~,CAAC,~~MAAkB;AAClD~~,~~UAAI,~~CAAC,~~SAAS~~,~~SAAS~~,~~CAAC,~~MAAM~~;AAAO;AACrC~~,~~UAAI~~,~~eAAe~~;~~AAAO~~;~~AAE1B~~,~~YAAM~~,~~WAAW~~,SAAS,~~MAAM~~,IAAI,~~MAAM;AAC1C~~,~~UAAI~~,CAAC~~;AAAU;AAEf~~,~~YAAM~~,~~SACH,UAAS,MAAM,wBAAwB,~~IAAI,~~MAAM~~,~~aAChD~~,~~EAAE,IAAI,MAAM,WACd~~;~~AACF~~,~~YAAM~~,~~qBAAqB,MAAM,MAAM,~~IAAI,~~MAAM,UAAU~~;~~AAC3D~~,~~YAAM~~,~~0BACF,UAAS,sBAAsB,~~MAAM,~~YAAY~~,~~QACnD~~,~~SAAS~~,~~MAAM~~,~~IAAI,~~MAAM;~~AAC3B~~,~~kBAAU~~,~~YAAY~~,~~IAAI~~,MAAM,~~UAC7B~~,~~0BACCA~~,~~YAAU~~,~~YAAY~~,~~IAAI~~,MAAM,~~cAClC;AAAA;AAGJ~~,~~UAAM~~,~~yBAAyB,~~MAAM;~~AACnC~~,~~mBAAa;AACb~~,~~eAAS~~,~~MAAM~~,~~IAAI~~,~~MAAM,QAAQ~~;~~AACjC~~,~~eAAS~~,~~oBAAoB~~,~~aAAa;AAC1C~~,~~eAAS~~,~~oBAAoB~~,~~WAAW;AACxC~~,~~eAAS~~,~~gBAAgB~~;~~AACzB~~,~~UAAI;AAAa~~,~~gBAAQ,QAAQ~~;~~AAAA~~;~~AAGnC~~,~~UAAM~~,~~4BAA4B~~,~~MAAM;AACtC,oBAAc;AACd,cAAQ,~~QAAQ,~~CAAC~~,CAAC~~,MAAM~~;~~AAAA~~;~~AAG1B~~,~~UAAM~~,~~6BAA6B,~~MAAM;~~AACvC~~,~~oBAAc;AACd~~,~~cAAQ~~,~~QAAQ~~;~~AAAA~~;~~AAGlB~~,~~wBAAgB~~,~~MACd~~,~~SAAS~~,~~oBAAoB~~,~~WAAW;AAG1C~~,~~0BACEO~~,~~UAAMP~~,~~aAAW,qBACjB,aACA~~;~~AAEF~~,~~0BACEO~~,~~UAAMP~~,~~aAAW,qBACjB,cACA~~;~~AAGF,WAAO~~;~~AAAA,~~MACL~~;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA;AAAA~~,~~MACA~~;~~AAAA,MACA;AAAA;AAAA;AAAA;;;;~~"}
1	+ {"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 } 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 = 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 document.onselectstart = onselectstartStore\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 document.removeEventListener('mouseup', mouseUpDocumentHandler)\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","computed","useEventListener","toRef"],"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,GAAG,IAAI,CAAC;;IAE9B,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,GAAGH,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;cACxD,CAAC,aAAa;MACtB;QACE,OAAO,CAAC,QAAQ,KAAK,CAAC;MACxB;UACI,4BAA4B,MAAM;iBAC3B,GAAG,KAAK,CAAC;;MAEpB;UACI;iBACO,GAAG,IAAI,CAAC;;;;IAIrBI,qBAAgB,UAAM,CAACJ,WAAS,EAAE;yBAClB,CAACK,SAAK,CAACL;WAChB;MACL,QAAQ;MACR,KAAK;MACL,GAAG;MACH,UAAU;;;MAGV,iBAAiB;MACjB;;;;;;"}

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

	@@ -1 +1 @@
1	- {"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 } 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 = 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 document.onselectstart = onselectstartStore\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 document.removeEventListener('mouseup', mouseUpDocumentHandler)\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":["~~_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;;;;;;;;;~~"}
1	+ {"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 } 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 = 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 document.onselectstart = onselectstartStore\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 document.removeEventListener('mouseup', mouseUpDocumentHandler)\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.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollbar.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport { isNumber } from '@element-plus/utils/util'\nimport type { StyleValue, ExtractPropTypes } from 'vue'\n\nexport const scrollbarProps = buildProps({\n height: {\n type: [String, Number],\n default: '',\n },\n maxHeight: {\n type: [String, Number],\n default: '',\n },\n native: {\n type: Boolean,\n default: false,\n },\n wrapStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n default: '',\n },\n wrapClass: {\n type: [String, Array],\n default: '',\n },\n viewClass: {\n type: [String, Array],\n default: '',\n },\n viewStyle: {\n type: [String, Array],\n default: '',\n },\n noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n tag: {\n type: String,\n default: 'div',\n },\n always: {\n type: Boolean,\n default: false,\n },\n minSize: {\n type: Number,\n default: 20,\n },\n} as const)\n\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n scroll: ({\n scrollTop,\n scrollLeft,\n }: {\n scrollTop: number\n scrollLeft: number\n }) => isNumber(scrollTop) && isNumber(scrollLeft),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\n"],"names":["buildProps","definePropType","isNumber"],"mappings":";;;;;;;~~MAIa~~,~~iBAAiBA~~,~~iBAAW~~;~~AAAA~~,~~EACvC~~,~~QAAQ~~;~~AAAA~~,~~IACN~~,MAAM,CAAC~~,QAAQ~~;~~AAAA~~,~~IACf~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~WAAW~~;~~AAAA~~,~~IACT~~,MAAM,CAAC~~,QAAQ~~;~~AAAA~~,~~IACf~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~QAAQ~~;~~AAAA~~,~~IACN~~,~~MAAM~~;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~WAAW~~;~~AAAA~~,~~IACT~~,~~MAAMC~~,~~qBAA2B~~,CAAC,~~QAAQ~~,~~QAAQ~~;~~AAAA~~,~~IAClD~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~WAAW~~;~~AAAA~~,~~IACT~~,MAAM,CAAC~~,QAAQ~~;~~AAAA~~,~~IACf~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~WAAW~~;~~AAAA~~,~~IACT~~,MAAM,CAAC~~,QAAQ~~;~~AAAA~~,~~IACf~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~WAAW~~;~~AAAA~~,~~IACT~~,MAAM,CAAC~~,QAAQ~~;~~AAAA~~,~~IACf~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~UAAU~~;~~AAAA~~,~~EACV~~,~~KAAK~~;~~AAAA~~,~~IACH~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~QAAQ~~;~~AAAA~~,~~IACN~~,~~MAAM~~;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~SAAS~~;~~AAAA~~,~~IACP~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~;~~MAMA~~,~~iBAAiB~~;~~AAAA~~,~~EAC5B~~,~~QAAQ~~,CAAC;~~AAAA~~,~~IACP~~;~~AAAA~~,~~IACA~~;~~AAAA~~,~~QAIIC~~,~~cAAS~~,~~cAAcA~~,~~cAAS~~;~~AAAA~~;;;;;"}
1	+ {"version":3,"file":"scrollbar.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport { isNumber } from '@element-plus/utils/util'\nimport type { StyleValue, ExtractPropTypes } from 'vue'\n\nexport const scrollbarProps = buildProps({\n height: {\n type: [String, Number],\n default: '',\n },\n maxHeight: {\n type: [String, Number],\n default: '',\n },\n native: {\n type: Boolean,\n default: false,\n },\n wrapStyle: {\n type: definePropType<StyleValue>([String, Object, Array]),\n default: '',\n },\n wrapClass: {\n type: [String, Array],\n default: '',\n },\n viewClass: {\n type: [String, Array],\n default: '',\n },\n viewStyle: {\n type: [String, Array],\n default: '',\n },\n noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n tag: {\n type: String,\n default: 'div',\n },\n always: {\n type: Boolean,\n default: false,\n },\n minSize: {\n type: Number,\n default: 20,\n },\n} as const)\n\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n scroll: ({\n scrollTop,\n scrollLeft,\n }: {\n scrollTop: number\n scrollLeft: number\n }) => isNumber(scrollTop) && isNumber(scrollLeft),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\n"],"names":["buildProps","definePropType","isNumber"],"mappings":";;;;;;;AAEY,MAAC,cAAc,GAAGA,gBAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;AAC9B,EAAE,MAAM,EAAE,CAAC;AACX,IAAI,SAAS;AACb,IAAI,UAAU;AACd,GAAG,KAAKC,aAAQ,CAAC,SAAS,CAAC,IAAIA,aAAQ,CAAC,UAAU,CAAC;AACnD;;;;;"}

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

	@@ -1 +1 @@
1	- {"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":["~~defineComponent","Bar","~~scrollbarProps","scrollbarEmits","ref","computed","addUnit","isNumber","~~useResizeObserver~~","~~useEventListener~~","~~scrollbarContextKey~~","~~reactive~~"],"mappings":"~~;;;;;;;;;;;;;;AAqDA~~,~~aAAeA~~,~~oBAAgB~~;~~AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN~~,~~YAAY~~;~~AAAA~~,~~SACVC~~;~~AAAA;AAAA~~,~~EAEF~~,~~OAAOC~~;~~AAAA~~,~~EACP~~,~~OAAOC;AAAA~~,~~EAEP~~,MAAM,OAAO,EAAE~~,QAAQ~~;~~AACrB~~,~~QAAI~~,~~qBAA+C;AACnD~~,~~QAAI~~,~~qBAA+C;AAEnD~~,~~UAAM~~,~~aAAaC;AACnB~~,~~UAAM,QAAQA~~;~~AACd~~,~~UAAM~~,~~UAAUA;AAEhB~~,~~UAAM~~,~~YAAYA~~,~~QAAI;AACtB~~,~~UAAM~~,~~aAAaA~~,~~QAAI;AACvB~~,~~UAAM~~,~~QAAQA~~,~~QAAI;AAClB~~,~~UAAM~~,~~QAAQA,QAAI~~;~~AAClB~~,~~UAAM~~,~~SAASA~~,~~QAAI;AACnB~~,~~UAAM~~,~~SAASA~~,~~QAAI;AACnB~~,~~UAAM~~,~~QAAQ~~;~~AACd~~,~~UAAM~~,MAAM~~;AAEZ~~,UAAM,~~QAAQC~~,~~aAAqB~~,MAAM~~;AACvC~~,~~YAAM~~,~~SAAuB;AAC7B~~,~~UAAI~~,~~MAAM~~;~~AAAQ~~,~~eAAM~~,~~SAASC~~,~~aAAQ~~,~~MAAM~~;~~AAC/C~~,~~UAAI~~,MAAM~~;AAAW~~,~~eAAM~~,~~YAAYA~~,~~aAAQ~~,MAAM;~~AACrD~~,~~aAAO~~,CAAC,MAAM,~~WAAW~~;~~AAAA~~;~~AAG3B~~,~~UAAM~~,~~eAAe~~,~~MAAM~~;~~AACzB~~,~~UAAI~~,~~MAAM~~,~~OAAO;AACf~~,~~cAAM~~,~~eAAe~~,~~MAAM~~,MAAM,~~eAAe;AAChD~~,~~cAAM~~,~~cAAc,~~MAAM,~~MAAM~~,~~cAAc;AAE9C~~,~~cAAM~~,~~QACF~~,~~MAAM~~,~~MAAM,~~YAAY,~~MAAO~~,~~eAAgB~~,~~OAAO;AAC1D~~,~~cAAM~~,~~QACF~~,~~MAAM~~,~~MAAM~~,~~aAAa~~,~~MAAO~~,~~cAAe~~,~~OAAO;AAE1D~~,~~aAAK~~,~~UAAU;AAAA~~,~~UACb~~,WAAW,~~MAAM~~,~~MAAM~~;~~AAAA~~,~~UACvB~~,~~YAAY~~,~~MAAM~~,~~MAAM;AAAA;AAAA;AAAA;AAK9B~~,~~UAAM~~,~~eAAe,~~CAAC,~~UAAkB;AACtC~~,~~UAAI~~,~~CAACC~~,~~cAAS~~,~~QAAQ~~;~~AACpB~~,~~wBAAU,OAAO~~;~~AACjB;AAAA;AAEF~~,~~YAAM~~,~~MAAO,YAAY~~;~~AAAA;AAG3B~~,~~UAAM~~,~~gBAAgB~~,CAAC,~~UAAkB;AACvC~~,~~UAAI~~,~~CAACA~~,~~cAAS~~,~~QAAQ~~;~~AACpB~~,~~wBAAU~~,~~OAAO;AACjB;AAAA;AAEF~~,~~YAAM~~,~~MAAO,~~aAAa~~;AAAA;AAG5B~~,~~UAAM~~,~~SAAS~~,~~MAAM;AACnB~~,~~UAAI~~,CAAC,~~MAAM;AAAO;AAElB~~,~~YAAM~~,~~eAAe~~,~~MAAM~~,~~MAAM~~,~~eAAe~~;~~AAChD~~,~~YAAM~~,~~cAAc~~,MAAM,MAAM,~~cAAc;AAE9C~~,~~YAAM~~,~~iBAAiB~~,~~gBAAgB~~,~~IAAI,~~MAAM,~~MAAM;AACvD,YAAM,~~gBAAgB,~~eAAe~~,IAAI,MAAM,MAAM~~;AACrD~~,~~YAAM~~,~~SAAS,KAAK,~~IAAI,~~gBAAgB,MAAM~~;~~AAC9C~~,~~YAAM~~,~~QAAQ~~,KAAK,~~IAAI~~,~~eAAe~~,~~MAAM;AAE5C~~,~~aAAO~~,~~QACL~~,~~iCACgB,4CACU~~;~~AAC5B~~,~~aAAO~~,~~QACL,+BACe~~,~~yCACS;AAE1B~~,~~iBAAW~~,~~QAAQ,~~SAAS,~~MAAM~~,~~eAAe,GAAG,aAAa~~;~~AACjE~~,~~gBAAU~~,QAAQ,~~QAAQ~~,~~MAAM~~,~~cAAc~~,GAAG,~~YAAY;AAAA;AAG/D~~,~~cACE~~,~~MAAM~~,MAAM,~~UACZ,~~CAAC,~~aAAa;AACZ~~,~~UAAI~~,~~UAAU;AACZ;AACA;AAAA~~,~~aACK;AACL;AAAC~~,~~QAAC~~,~~GAAE~~,~~MAAM~~,~~uBAAuBC~~,~~uBAAkB,SAAS~~;~~AAC5D~~,~~6BAAqBC~~,~~sBAAiB~~,~~UAAU;AAAA;AAAA~~,~~OAGpD~~,EAAE,~~WAAW;AAGf~~,~~gBACEC~~,~~iCACAC,aAAS~~;~~AAAA,MACP,kBAAkB~~;~~AAAA~~,~~MAClB~~,~~aAAa;AAAA;AAIjB~~,~~kBAAU~~,~~MAAM;AACd~~,~~UAAI~~,CAAC,~~MAAM~~;~~AAAQ~~,~~qBAAS,MAAM~~;~~AAAA~~;~~AAGpC~~,~~WAAO;AAAA~~,~~MACL~~;~~AAAA~~,~~MACA;AAAA~~,~~MACA;AAAA~~,~~MAEA;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA;AAAA~~,~~MACA;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA,~~MACA~~;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA,MACA~~;~~AAAA,MACA~~;~~AAAA~~;~~AAAA;AAAA;;;;~~"}
1	+ {"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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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":[~~"_createElementBlock","_createElementVNode","_createBlock","_renderSlot","_createVNode"~~],"mappings":"~~;;;;;;;~~EACO,KAAI;~~AAAA,~~EAAa~~,OAAM~~;~~AAAA~~;;;~~0BAA5BA~~,~~8BAAA~~;~~IACEC~~;~~MACE~~,~~KAAI;AAAA,MACH;;;;;MAKA,0BAAO;MACP,iDAAQ;;wBAETC,4CACO;QACL,KAAI;AAAA,QACH,iDAA8B;QAC9B,0BAAO;;6BAER;UAAAC;;;;;KAGa,gCAAjBH;MACEI;QAAM,~~MAAM;~~QAAQ,OAAO~~;~~QAAS,MAAM~~;~~QAAY,QAAQ;;MAC9DA;QACG,MAAM;QACN,OAAO;QACP,MAAM;QACP,UAAA;AAAA,QACC,QAAQ;;;;;;;;~~"}
1	+ {"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/scrollbar/src/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sources":["../../../../../../packages/components/scrollbar/src/util.ts"],"sourcesContent":["import type { CSSProperties } from 'vue'\n\nexport const BAR_MAP = {\n vertical: {\n offset: 'offsetHeight',\n scroll: 'scrollTop',\n scrollSize: 'scrollHeight',\n size: 'height',\n key: 'vertical',\n axis: 'Y',\n client: 'clientY',\n direction: 'top',\n },\n horizontal: {\n offset: 'offsetWidth',\n scroll: 'scrollLeft',\n scrollSize: 'scrollWidth',\n size: 'width',\n key: 'horizontal',\n axis: 'X',\n client: 'clientX',\n direction: 'left',\n },\n}\n\nexport const renderThumbStyle = ({ move, size, bar }): CSSProperties => ({\n [bar.size]: size,\n transform: `translate${bar.axis}(${move}%)`,\n})\n"],"names":[],"mappings":";;;;~~MAEa~~,~~UAAU~~;~~AAAA~~,~~EACrB~~,UAAU;~~AAAA~~,~~IACR~~,QAAQ;~~AAAA~~,~~IACR~~,~~QAAQ~~;~~AAAA~~,~~IACR~~,~~YAAY~~;~~AAAA~~,~~IACZ~~,MAAM;~~AAAA~~,~~IACN~~,KAAK;~~AAAA~~,~~IACL,MAAM~~;~~AAAA~~,~~IACN~~,~~QAAQ~~;~~AAAA~~,~~IACR~~,~~WAAW~~;~~AAAA;AAAA~~,~~EAEb~~,YAAY;~~AAAA~~,~~IACV~~,~~QAAQ~~;~~AAAA~~,~~IACR~~,~~QAAQ~~;~~AAAA~~,~~IACR~~,YAAY;~~AAAA~~,~~IACZ~~,~~MAAM;AAAA~~,~~IACN~~,~~KAAK~~;~~AAAA~~,~~IACL~~,MAAM~~;AAAA~~,~~IACN~~,~~QAAQ~~;~~AAAA~~,~~IACR~~,~~WAAW~~;~~AAAA~~;~~AAAA~~;~~MAIF~~,~~mBAAmB~~,CAAC,EAAE,~~MAAM~~,MAAM;~~AAA0B~~,~~GACtE~~,IAAI,~~OAAO~~;~~AAAA~~,~~EACZ~~,~~WAAW~~,~~YAAY~~,IAAI,~~QAAQ~~;~~AAAA~~;;;;;"}
1	+ {"version":3,"file":"util.js","sources":["../../../../../../packages/components/scrollbar/src/util.ts"],"sourcesContent":["import type { CSSProperties } from 'vue'\n\nexport const BAR_MAP = {\n vertical: {\n offset: 'offsetHeight',\n scroll: 'scrollTop',\n scrollSize: 'scrollHeight',\n size: 'height',\n key: 'vertical',\n axis: 'Y',\n client: 'clientY',\n direction: 'top',\n },\n horizontal: {\n offset: 'offsetWidth',\n scroll: 'scrollLeft',\n scrollSize: 'scrollWidth',\n size: 'width',\n key: 'horizontal',\n axis: 'X',\n client: 'clientX',\n direction: 'left',\n },\n}\n\nexport const renderThumbStyle = ({ move, size, bar }): CSSProperties => ({\n [bar.size]: size,\n transform: `translate${bar.axis}(${move}%)`,\n})\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;AACvB,EAAE,QAAQ,EAAE;AACZ,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,GAAG,EAAE,UAAU;AACnB,IAAI,IAAI,EAAE,GAAG;AACb,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,KAAK;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,MAAM,EAAE,aAAa;AACzB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,UAAU,EAAE,aAAa;AAC7B,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,IAAI,EAAE,GAAG;AACb,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG;AACH,EAAE;AACU,MAAC,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM;AAC1D,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI;AAClB,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AAC7C,CAAC;;;;;"}

package/lib/components/select/index.d.ts CHANGED Viewed

@@ -68,10 +68,10 @@ export declare const ElSelect: import("../../utils/types").SFCWithInstall<import
     Effect: typeof import("..").Effect;
     tagInMultiLine: import("vue").Ref<boolean>;
     prefixWidth: import("vue").Ref<null>;
-    selectSize: import("vue").ComputedRef<"" | import("../../utils/types").ComponentSize>;
+    selectSize: import("vue").ComputedRef<import("../../utils/types").ComponentSize>;
     readonly: import("vue").ComputedRef<any>;
     handleResize: () => void;
-    collapseTagSize: import("vue").ComputedRef<"small" | "mini">;
+    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
     debouncedOnInputChange: import("lodash").DebouncedFunc<() => void>;
     debouncedQueryChange: import("lodash").DebouncedFunc<(e: any) => void>;
     deletePrevTag: (e: any) => void;

package/lib/components/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../packages/components/select/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Select from './src/select.vue'\nimport Option from './src/option.vue'\nimport OptionGroup from './src/option-group.vue'\n\nexport const ElSelect = withInstall(Select, {\n Option,\n OptionGroup,\n})\nexport default ElSelect\nexport const ElOption = withNoopInstall(Option)\nexport const ElOptionGroup = withNoopInstall(OptionGroup)\n\nexport * from './src/token'\n"],"names":["withInstall","Select","Option","OptionGroup","withNoopInstall"],"mappings":";;;;;;;;;;;;;~~MAMa~~,~~WAAWA~~,~~wBAAYC~~,~~4CAAQ~~;~~AAAA~~,~~UAC1CC~~;~~AAAA~~,~~eACAC~~;~~AAAA~~;~~MAGW~~,~~WAAWC~~,~~4BAAgBF~~;~~MAC3B~~,~~gBAAgBE~~,~~4BAAgBD~~;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/select/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Select from './src/select.vue'\nimport Option from './src/option.vue'\nimport OptionGroup from './src/option-group.vue'\n\nexport const ElSelect = withInstall(Select, {\n Option,\n OptionGroup,\n})\nexport default ElSelect\nexport const ElOption = withNoopInstall(Option)\nexport const ElOptionGroup = withNoopInstall(OptionGroup)\n\nexport * from './src/token'\n"],"names":["withInstall","Select","Option","OptionGroup","withNoopInstall"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,QAAQ,GAAGA,uBAAW,CAACC,0CAAM,EAAE;AAC5C,UAAEC,0CAAM;AACR,eAAEC,+CAAW;AACb,CAAC,EAAE;AAES,MAAC,QAAQ,GAAGC,2BAAe,CAACF,0CAAM,EAAE;AACpC,MAAC,aAAa,GAAGE,2BAAe,CAACD,+CAAW;;;;;;;;;"}

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

	@@ -1 +1 @@
1	- {"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","~~ref~~","~~getCurrentInstance","~~selectGroupKey","reactive","~~toRefs~~","~~inject","selectKey","~~toRaw"],"mappings":";;;;;;;~~AA0BA~~,aAAeA,~~oBAAgB;AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN~~,~~eAAe~~;~~AAAA~~,~~EAEf,~~OAAO;~~AAAA,~~IACL,~~OAAO;AAAA~~,~~IACP~~,~~UAAU;AAAA,MACR,~~MAAM;~~AAAA~~,~~MACN~~,~~SAAS~~;~~AAAA;AAAA;AAAA~~,~~EAGb~~,~~MAAM~~,~~OAAO~~;~~AACX~~,~~UAAM,UAAUC,QAAI~~;~~AACpB~~,~~UAAM~~,~~WAAWC;AACjB~~,~~UAAM~~,~~WAAWD,QAAI~~;~~AAErB~~,~~gBACEE~~,~~sBACAC~~,~~aAAS;AAAA~~,~~SACJC,WAAO~~;~~AAAA;AAId~~,~~UAAM~~,~~SAASC~~,~~WAAOC~~;~~AAEtB~~,~~kBAAU,MAAM;AACd,eAAS,~~QAAQ,~~gBAAgB~~,~~SAAS~~;~~AAAA;AAI5C~~,~~UAAM,kBAAkB,~~CAAC~~,SAAS~~;~~AAChC~~,~~YAAM~~,~~YAAW~~;~~AACjB~~,~~UAAI,~~MAAM,~~QAAQ~~,~~KAAK~~,~~WAAW;AAChC~~,~~aAAK~~,~~SAAS~~,QAAQ,~~CAAC,UAAU;;AAC/B,cACE,MAAM,QACN,MAAM,~~KAAK,~~SAAS~~,~~cACpB~~,~~MAAM,aACN,MAAM,UAAU,OAChB~~;~~AACA~~,~~sBAAS~~,~~KAAK,MAAM,~~UAAU;~~AAAA,qBACrB,YAAM,aAAN,mBAAgB,QAAQ~~;~~AACjC~~,~~sBAAS~~,~~KAAK,GAAG,~~gBAAgB~~;AAAA;AAAA;AAAA;AAIvC~~,~~aAAO;AAAA;AAGT,UAAM,~~EAAE,~~qBAAqBC~~,~~UAAM;AACnC~~,~~cAAM,kBAAkB,MAAM;AAC5B,cAAQ,QAAQ,SAAS,MAAM,KAAK,~~CAAC~~,WAAW,OAAO,YAAY~~;~~AAAA~~;~~AAGrE~~,~~WAAO;AAAA~~,~~MACL;AAAA;AAAA;AAAA;;;;~~"}
1	+ {"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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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":[~~"_createElementBlock","_createElementVNode","_renderSlot"~~],"mappings":"~~;;;;;;~~qBACuB,~~OAAM~~;qBACrB,~~OAAM;qBAEJ~~,~~OAAM;;8CAHdA,6BAAA~~;~~IACEC,6BAAA,gCAAsC;IACtCA;MACEA,6BAAA;QACEC~~;;;;~~gBAJM;;;;;;~~"}
1	+ {"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;;;;;;;;;;;"}

package/lib/components/select/src/option.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"option.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n <li\n v-show=\"visible\"\n class=\"el-select-dropdown__item\"\n :class=\"{\n selected: itemSelected,\n 'is-disabled': isDisabled,\n hover: hover,\n }\"\n @mouseenter=\"hoverItem\"\n @click.stop=\"selectOptionClick\"\n >\n <slot>\n <span>{{ currentLabel }}</span>\n </slot>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n toRefs,\n defineComponent,\n getCurrentInstance,\n onBeforeUnmount,\n reactive,\n} from 'vue'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n name: 'ElOption',\n componentName: 'ElOption',\n\n props: {\n value: {\n required: true,\n type: [String, Number, Boolean, Object],\n },\n label: [String, Number],\n created: Boolean,\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n setup(props) {\n const states = reactive({\n index: -1,\n groupDisabled: false,\n visible: true,\n hitState: false,\n hover: false,\n })\n\n const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n useOption(props, states)\n\n const { visible, hover } = toRefs(states)\n\n const vm = getCurrentInstance().proxy\n const key = (vm as unknown as SelectOptionProxy).value\n select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n onBeforeUnmount(() => {\n const { selected } = select\n const selectedOptions = select.props.multiple ? selected : [selected]\n const doesExist = select.cachedOptions.has(key)\n const doesSelected = selectedOptions.some((item) => {\n return item.value === (vm as unknown as SelectOptionProxy).value\n })\n // if option is not selected, remove it from cache\n if (doesExist && !doesSelected) {\n select.cachedOptions.delete(key)\n }\n select.onOptionDestroy(key)\n })\n\n function selectOptionClick() {\n if (props.disabled !== true && states.groupDisabled !== true) {\n select.handleOptionSelect(vm, true)\n }\n }\n\n return {\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n hoverItem,\n visible,\n hover,\n selectOptionClick,\n states,\n }\n },\n})\n</script>\n"],"names":["defineComponent","reactive"~~,"useOption","toRefs","getCurrentInstance"~~],"mappings":";;;;;;;~~AA6BA~~,aAAeA,~~oBAAgB~~;~~AAAA~~,~~EAC7B~~,MAAM~~;AAAA~~,~~EACN~~,~~eAAe;AAAA~~,~~EAEf~~,~~OAAO~~;~~AAAA,~~IACL,~~OAAO~~;~~AAAA,~~MACL,~~UAAU;AAAA~~,~~MACV,~~MAAM,~~CAAC~~,~~QAAQ~~,~~QAAQ~~,~~SAAS~~;~~AAAA;AAAA~~,~~IAElC~~,OAAO,~~CAAC~~,~~QAAQ~~;~~AAAA~~,~~IAChB~~,~~SAAS;AAAA~~,~~IACT,UAAU~~;~~AAAA~~,~~MACR~~,~~MAAM~~;~~AAAA~~,~~MACN~~,~~SAAS~~;~~AAAA;AAAA;AAAA~~,~~EAIb,MAAM,OAAO~~;~~AACX~~,~~UAAM~~,~~SAASC~~,~~aAAS~~;~~AAAA~~,~~MACtB~~,OAAO;~~AAAA~~,~~MACP,eAAe~~;~~AAAA~~,~~MACf~~,~~SAAS;AAAA~~,~~MACT,UAAU~~;~~AAAA~~,~~MACV~~,~~OAAO;AAAA;AAGT,UAAM,~~EAAE,~~cAAc,cAAc,YAAY,~~QAAQ,~~cACtDC,oBAAU,OAAO;AAEnB,UAAM,~~EAAE,~~SAAS~~,~~UAAUC~~,~~WAAO~~;~~AAElC~~,~~UAAM~~,~~KAAKC~~,~~yBAAqB;AAChC~~,~~UAAM~~,~~MAAO~~,~~GAAoC;AACjD,WAAO,~~eAAe~~;AAEtB~~,~~wBAAgB~~,~~MAAM~~;~~AACpB~~,~~YAAM~~,~~EAAE,~~aAAa~~;AACrB~~,~~YAAM~~,~~kBAAkB~~,~~OAAO~~,MAAM,~~WAAW,WAAW,~~CAAC~~;AAC5D~~,~~YAAM~~,~~YAAY~~,~~OAAO~~,~~cAAc,~~IAAI~~;AAC3C~~,~~YAAM~~,~~eAAe~~,~~gBAAgB~~,~~KAAK,~~CAAC~~,SAAS~~;~~AAClD~~,~~eAAO~~,~~KAAK,UAAW,GAAoC~~;~~AAAA;AAG7D~~,~~UAAI~~,~~aAAa~~,CAAC,~~cAAc;AAC9B~~,~~eAAO~~,~~cAAc~~,~~OAAO;AAAA;AAE9B~~,~~aAAO~~,~~gBAAgB~~;~~AAAA;AAGzB~~,~~iCAA6B;AAC3B,UAAI,~~MAAM,~~aAAa~~,~~QAAQ,OAAO,~~kBAAkB,~~MAAM;AAC5D~~,~~eAAO~~,~~mBAAmB~~,IAAI~~;AAAA;AAAA;AAIlC~~,~~WAAO;AAAA~~,~~MACL;AAAA~~,~~MACA~~;~~AAAA,MACA~~;~~AAAA,MACA~~;~~AAAA,~~MACA~~;AAAA~~,~~MACA;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA,MACA~~;~~AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"option.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n <li\n v-show=\"visible\"\n class=\"el-select-dropdown__item\"\n :class=\"{\n selected: itemSelected,\n 'is-disabled': isDisabled,\n hover: hover,\n }\"\n @mouseenter=\"hoverItem\"\n @click.stop=\"selectOptionClick\"\n >\n <slot>\n <span>{{ currentLabel }}</span>\n </slot>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n toRefs,\n defineComponent,\n getCurrentInstance,\n onBeforeUnmount,\n reactive,\n} from 'vue'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n name: 'ElOption',\n componentName: 'ElOption',\n\n props: {\n value: {\n required: true,\n type: [String, Number, Boolean, Object],\n },\n label: [String, Number],\n created: Boolean,\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n setup(props) {\n const states = reactive({\n index: -1,\n groupDisabled: false,\n visible: true,\n hitState: false,\n hover: false,\n })\n\n const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n useOption(props, states)\n\n const { visible, hover } = toRefs(states)\n\n const vm = getCurrentInstance().proxy\n const key = (vm as unknown as SelectOptionProxy).value\n select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n onBeforeUnmount(() => {\n const { selected } = select\n const selectedOptions = select.props.multiple ? selected : [selected]\n const doesExist = select.cachedOptions.has(key)\n const doesSelected = selectedOptions.some((item) => {\n return item.value === (vm as unknown as SelectOptionProxy).value\n })\n // if option is not selected, remove it from cache\n if (doesExist && !doesSelected) {\n select.cachedOptions.delete(key)\n }\n select.onOptionDestroy(key)\n })\n\n function selectOptionClick() {\n if (props.disabled !== true && states.groupDisabled !== true) {\n select.handleOptionSelect(vm, true)\n }\n }\n\n return {\n currentLabel,\n itemSelected,\n isDisabled,\n select,\n hoverItem,\n visible,\n hover,\n selectOptionClick,\n states,\n }\n },\n})\n</script>\n"],"names":["defineComponent","reactive"],"mappings":";;;;;;;AA0BA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,MAAM,UAAU;;AAElB,EAAE,KAAK,EAAE;IACL,KAAK,EAAE;MACL,QAAQ,MAAM;;KAEf;IACD,KAAK,EAAE;WACA,EAAE,OAAO;YACR,EAAE;;MAER,OAAO,EAAE,KAAK;KACf;;OAEE,CAAC,KAAK,EAAE;UACL,MAAM,GAAGC;;;;MAIb;MACA,KAAK,EAAE;MACP,CAAC;UACG,EAAE,YAAY,EAAE;UAChB,EAAE,OAAO;UACT,EAAE;UACF,GAAG,GAAG,EAAE;IACd;;MAEE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;MAC5B,MAAM,eAAe;;MAErB,MAAM,YAAY,GAAG,eAAe,CAAC;;OAEpC,CAAC;MACF,IAAI,aAAa,CAAC,YAAY,EAAE;QAC9B,MAAM,CAAC,cAAc,MAAM,CAAC,IAAI,CAAC;;MAEnC,MAAM,CAAC;MACP,CAAC;aACM,iBAAiB,GAAG;MAC3B,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,MAAM,CAAC;QACpC,MAAM,CAAC,kBAAkB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;;;;MAItC,YAAY;kBACA;MACZ;MACA,MAAM;;;MAGN,KAAK;MACL,iBAAiB;YACX;MACN;;;;;;"}

package/lib/components/select/src/option.vue_vue_type_template_id_2feb8304_lang.js.map CHANGED Viewed

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

package/lib/components/select/src/select-dropdown.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-dropdown.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue"],"sourcesContent":["<template>\n <div\n class=\"el-select-dropdown\"\n :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n >\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n defineComponent,\n computed,\n onMounted,\n onBeforeUnmount,\n inject,\n ref,\n} from 'vue'\nimport {\n addResizeListener,\n removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n name: 'ElSelectDropdown',\n\n componentName: 'ElSelectDropdown',\n\n setup() {\n const select = inject(selectKey)\n\n // computed\n const popperClass = computed(() => select.props.popperClass)\n const isMultiple = computed(() => select.props.multiple)\n const isFitInputWidth = computed(() => select.props.fitInputWidth)\n const minWidth = ref('')\n\n function updateMinWidth() {\n minWidth.value = `${\n select.selectWrapper?.getBoundingClientRect().width\n }px`\n }\n\n onMounted(() => {\n // TODO: updatePopper\n // popper.value.update()\n\n addResizeListener(\n select.selectWrapper as ResizableElement,\n updateMinWidth\n )\n })\n\n onBeforeUnmount(() => {\n removeResizeListener(\n select.selectWrapper as ResizableElement,\n updateMinWidth\n )\n })\n\n return {\n minWidth,\n popperClass,\n isMultiple,\n isFitInputWidth,\n }\n },\n})\n</script>\n"],"names":["defineComponent","inject","selectKey","computed","~~ref~~"],"mappings":";;;;;;;;~~AA0BA~~,aAAeA,~~oBAAgB~~;~~AAAA~~,~~EAC7B~~,MAAM~~;AAAA~~,~~EAEN~~,~~eAAe;AAAA~~,~~EAEf~~,~~QAAQ~~;~~AACN~~,~~UAAM~~,~~SAASC~~,~~WAAOC;AAGtB~~,UAAM,~~cAAcC~~,~~aAAS,~~MAAM,~~OAAO~~,~~MAAM;AAChD~~,~~UAAM~~,~~aAAaA~~,~~aAAS,~~MAAM~~,OAAO,MAAM~~;~~AAC/C~~,~~UAAM~~,~~kBAAkBA~~,~~aAAS,MAAM,OAAO,MAAM~~;~~AACpD~~,~~UAAM~~,~~WAAWC,QAAI~~;~~AAErB~~,~~8BAA0B;;AACxB~~,~~eAAS~~,~~QAAQ~~,~~GACf~~,~~aAAO~~,~~kBAAP~~,~~mBAAsB~~,~~wBAAwB;AAAA;AAIlD~~,~~kBAAU,MAAM~~;~~AAId~~,~~oCACE~~,~~OAAO~~,~~eACP;AAAA;AAIJ~~,~~wBAAgB,MAAM~~;~~AACpB~~,~~uCACE,OAAO,eACP~~;~~AAAA~~;~~AAIJ,WAAO;AAAA,~~MACL;~~AAAA,~~MACA~~;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"select-dropdown.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue"],"sourcesContent":["<template>\n <div\n class=\"el-select-dropdown\"\n :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n >\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n defineComponent,\n computed,\n onMounted,\n onBeforeUnmount,\n inject,\n ref,\n} from 'vue'\nimport {\n addResizeListener,\n removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n name: 'ElSelectDropdown',\n\n componentName: 'ElSelectDropdown',\n\n setup() {\n const select = inject(selectKey)\n\n // computed\n const popperClass = computed(() => select.props.popperClass)\n const isMultiple = computed(() => select.props.multiple)\n const isFitInputWidth = computed(() => select.props.fitInputWidth)\n const minWidth = ref('')\n\n function updateMinWidth() {\n minWidth.value = `${\n select.selectWrapper?.getBoundingClientRect().width\n }px`\n }\n\n onMounted(() => {\n // TODO: updatePopper\n // popper.value.update()\n\n addResizeListener(\n select.selectWrapper as ResizableElement,\n updateMinWidth\n )\n })\n\n onBeforeUnmount(() => {\n removeResizeListener(\n select.selectWrapper as ResizableElement,\n updateMinWidth\n )\n })\n\n return {\n minWidth,\n popperClass,\n isMultiple,\n isFitInputWidth,\n }\n },\n})\n</script>\n"],"names":["defineComponent","inject","selectKey","computed","onMounted","addResizeListener","removeResizeListener"],"mappings":";;;;;;;;AAuBA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,MAAM,kBAAkB;;AAE1B,EAAE,KAAK,GAAG;IACN,MAAM,MAAM,GAAGC,UAAM,CAACC;;IAEtB,MAAM,UAAU,GAAGC,YAAQ,CAAC;;IAE5B,MAAM;IACN,SAAS,cAAc,GAAG;;cAEhB;KACT;IACDC,aAAS,CAAC;MACRC,6BAAiB,CAAC,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;KACzD,CAAC,CAAC;;MAEDC,gCAAoB,CAAC;MACrB,CAAC;WACI;MACL;;;MAGA;MACA;;;;;;"}

package/lib/components/select/src/select-dropdown.vue_vue_type_template_id_46cf6eee_lang.js.map CHANGED Viewed

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