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/select-v2/src/useSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelect.js","sources":["../../../../../../packages/components/select-v2/src/useSelect.ts"],"sourcesContent":["import {\n computed,\n watch,\n ref,\n reactive,\n nextTick,\n inject,\n onMounted,\n onBeforeMount,\n} from 'vue'\nimport { isArray, isFunction, isObject } from '@vue/shared'\nimport isEqual from 'lodash/isEqual'\nimport lodashDebounce from 'lodash/debounce'\nimport { elFormKey } from '@element-plus/tokens'\nimport { useLocale, useSize } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'\nimport {\n addResizeListener,\n removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { getValueByPath } from '@element-plus/utils/util'\nimport { Effect } from '@element-plus/components/popper'\n\nimport { ArrowUp } from '@element-plus/icons-vue'\nimport { useAllowCreate } from './useAllowCreate'\n\nimport { flattenOptions } from './util'\n\nimport { useInput } from './useInput'\nimport type { SelectProps } from './defaults'\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\nimport type { ElFormContext } from '@element-plus/tokens'\nimport type { OptionType, Option } from './select.types'\n\nconst DEFAULT_INPUT_PLACEHOLDER = ''\nconst MINIMUM_INPUT_WIDTH = 11\nconst TAG_BASE_WIDTH = {\n small: 42,\n mini: 33,\n}\n\nconst useSelect = (props: ExtractPropTypes<typeof SelectProps>, emit) => {\n // inject\n const { t } = useLocale()\n const elForm = inject(elFormKey, {} as ElFormContext)\n\n const states = reactive({\n inputValue: DEFAULT_INPUT_PLACEHOLDER,\n displayInputValue: DEFAULT_INPUT_PLACEHOLDER,\n calculatedWidth: 0,\n cachedPlaceholder: '',\n cachedOptions: [] as Option[],\n createdOptions: [] as Option[],\n createdLabel: '',\n createdSelected: false,\n currentPlaceholder: '',\n hoveringIndex: -1,\n comboBoxHovering: false,\n isOnComposition: false,\n isSilentBlur: false,\n isComposing: false,\n inputLength: 20,\n selectWidth: 200,\n initialInputHeight: 0,\n previousQuery: null,\n previousValue: '',\n query: '',\n selectedLabel: '',\n softFocus: false,\n tagInMultiLine: false,\n })\n\n // data refs\n const selectedIndex = ref(-1)\n const popperSize = ref(-1)\n\n // DOM & Component refs\n const controlRef = ref(null)\n const inputRef = ref(null) // el-input ref\n const menuRef = ref(null)\n const popper = ref(null)\n const selectRef = ref(null)\n const selectionRef = ref(null) // tags ref\n const calculatorRef = ref<HTMLElement>(null)\n\n // the controller of the expanded popup\n const expanded = ref(false)\n\n const selectDisabled = computed(() => props.disabled \|\| elForm.disabled)\n\n const popupHeight = computed(() => {\n const totalHeight = filteredOptions.value.length * 34\n return totalHeight > props.height ? props.height : totalHeight\n })\n\n const hasModelValue = computed(() => {\n return (\n props.modelValue !== undefined &&\n props.modelValue !== null &&\n props.modelValue !== ''\n )\n })\n\n const showClearBtn = computed(() => {\n const hasValue = props.multiple\n ? Array.isArray(props.modelValue) && props.modelValue.length > 0\n : hasModelValue.value\n\n const criteria =\n props.clearable &&\n !selectDisabled.value &&\n states.comboBoxHovering &&\n hasValue\n return criteria\n })\n\n const iconComponent = computed(() =>\n props.remote && props.filterable ? '' : ArrowUp\n )\n\n const iconReverse = computed(() =>\n iconComponent.value && expanded.value ? 'is-reverse' : ''\n )\n\n const debounce = computed(() => (props.remote ? 300 : 0))\n\n // filteredOptions includes flatten the data into one dimensional array.\n const emptyText = computed(() => {\n const options = filteredOptions.value\n if (props.loading) {\n return props.loadingText \|\| t('el.select.loading')\n } else {\n if (props.remote && states.inputValue === '' && options.length === 0)\n return false\n if (props.filterable && states.inputValue && options.length > 0) {\n return props.noMatchText \|\| t('el.select.noMatch')\n }\n if (options.length === 0) {\n return props.noDataText \|\| t('el.select.noData')\n }\n }\n return null\n })\n\n const filteredOptions = computed(() => {\n const isValidOption = (o: Option): boolean => {\n // fill the conditions here.\n const query = states.inputValue\n // when query was given, we should test on the label see whether the label contains the given query\n const containsQueryString = query ? o.label.includes(query) : true\n return containsQueryString\n }\n if (props.loading) {\n return []\n }\n return flattenOptions(\n (props.options as OptionType[])\n .concat(states.createdOptions)\n .map((v) => {\n if (isArray(v.options)) {\n const filtered = v.options.filter(isValidOption)\n if (filtered.length > 0) {\n return {\n ...v,\n options: filtered,\n }\n }\n } else {\n if (props.remote \|\| isValidOption(v as Option)) {\n return v\n }\n }\n return null\n })\n .filter((v) => v !== null)\n )\n })\n\n const optionsAllDisabled = computed(() =>\n filteredOptions.value.every((option) => option.disabled)\n )\n\n const selectSize = useSize()\n\n const collapseTagSize = computed(() =>\n ['small', 'mini'].indexOf(selectSize.value) > -1 ? 'mini' : 'small'\n )\n\n const tagMaxWidth = computed(() => {\n const select = selectionRef.value\n const size = collapseTagSize.value\n const paddingLeft = select\n ? parseInt(getComputedStyle(select).paddingLeft)\n : 0\n const paddingRight = select\n ? parseInt(getComputedStyle(select).paddingRight)\n : 0\n return (\n states.selectWidth - paddingRight - paddingLeft - TAG_BASE_WIDTH[size]\n )\n })\n\n const calculatePopperSize = () => {\n popperSize.value = selectRef.value?.getBoundingClientRect?.()?.width \|\| 200\n }\n\n const inputWrapperStyle = computed(() => {\n return {\n width: `${\n states.calculatedWidth === 0\n ? MINIMUM_INPUT_WIDTH\n : Math.ceil(states.calculatedWidth) + MINIMUM_INPUT_WIDTH\n }px`,\n } as CSSProperties\n })\n\n const shouldShowPlaceholder = computed(() => {\n if (isArray(props.modelValue)) {\n return props.modelValue.length === 0 && !states.displayInputValue\n }\n\n // when it's not multiple mode, we only determine this flag based on filterable and expanded\n // when filterable flag is true, which means we have input box on the screen\n return props.filterable ? states.displayInputValue.length === 0 : true\n })\n\n const currentPlaceholder = computed(() => {\n const _placeholder = props.placeholder \|\| t('el.select.placeholder')\n return props.multiple ? _placeholder : states.selectedLabel \|\| _placeholder\n })\n\n // this obtains the actual popper DOM element.\n const popperRef = computed(() => popper.value?.popperRef)\n\n // the index with current value in options\n const indexRef = computed<number>(() => {\n if (props.multiple) {\n const len = (props.modelValue as []).length\n if ((props.modelValue as Array<any>).length > 0) {\n return filteredOptions.value.findIndex(\n (o) => o.value === props.modelValue[len - 1]\n )\n }\n } else {\n if (props.modelValue) {\n return filteredOptions.value.findIndex(\n (o) => o.value === props.modelValue\n )\n }\n }\n return -1\n })\n\n const dropdownMenuVisible = computed(() => {\n return expanded.value && emptyText.value !== false\n })\n\n // hooks\n const {\n createNewOption,\n removeNewOption,\n selectNewOption,\n clearAllNewOption,\n } = useAllowCreate(props, states)\n const {\n handleCompositionStart,\n handleCompositionUpdate,\n handleCompositionEnd,\n } = useInput((e) => onInput(e))\n\n // methods\n const focusAndUpdatePopup = () => {\n inputRef.value.focus?.()\n popper.value.update?.()\n }\n\n const toggleMenu = () => {\n if (props.automaticDropdown) return\n if (!selectDisabled.value) {\n if (states.isComposing) states.softFocus = true\n return nextTick(() => {\n expanded.value = !expanded.value\n inputRef.value?.focus?.()\n })\n }\n }\n\n const onInputChange = () => {\n if (props.filterable && states.inputValue !== states.selectedLabel) {\n states.query = states.selectedLabel\n }\n handleQueryChange(states.inputValue)\n return nextTick(() => {\n createNewOption(states.inputValue)\n })\n }\n\n const debouncedOnInputChange = lodashDebounce(onInputChange, debounce.value)\n\n const handleQueryChange = (val: string) => {\n if (states.previousQuery === val) {\n return\n }\n states.previousQuery = val\n if (props.filterable && isFunction(props.filterMethod)) {\n props.filterMethod(val)\n } else if (\n props.filterable &&\n props.remote &&\n isFunction(props.remoteMethod)\n ) {\n props.remoteMethod(val)\n }\n }\n\n const emitChange = (val: any \| any[]) => {\n if (!isEqual(props.modelValue, val)) {\n emit(CHANGE_EVENT, val)\n }\n }\n\n const update = (val: any) => {\n emit(UPDATE_MODEL_EVENT, val)\n emitChange(val)\n states.previousValue = val.toString()\n }\n\n const getValueIndex = (arr = [], value: unknown) => {\n if (!isObject(value)) {\n return arr.indexOf(value)\n }\n const valueKey = props.valueKey\n let index = -1\n arr.some((item, i) => {\n if (getValueByPath(item, valueKey) === getValueByPath(value, valueKey)) {\n index = i\n return true\n }\n return false\n })\n return index\n }\n\n const getValueKey = (item: unknown) => {\n return isObject(item) ? getValueByPath(item, props.valueKey) : item\n }\n\n // if the selected item is item then we get label via indexing\n // otherwise it should be string we simply return the item itself.\n const getLabel = (item: unknown) => {\n return isObject(item) ? item.label : item\n }\n\n const resetInputHeight = () => {\n if (props.collapseTags && !props.filterable) {\n return\n }\n return nextTick(() => {\n if (!inputRef.value) return\n const selection = selectionRef.value\n\n selectRef.value.height = selection.offsetHeight\n if (expanded.value && emptyText.value !== false) {\n popper.value?.update?.()\n }\n })\n }\n\n const handleResize = () => {\n resetInputWidth()\n calculatePopperSize()\n popper.value?.update?.()\n if (props.multiple) {\n return resetInputHeight()\n }\n }\n\n const resetInputWidth = () => {\n const select = selectionRef.value\n if (select) {\n states.selectWidth = select.getBoundingClientRect().width\n }\n }\n\n const onSelect = (option: Option, idx: number, byClick = true) => {\n if (props.multiple) {\n let selectedOptions = (props.modelValue as any[]).slice()\n\n const index = getValueIndex(selectedOptions, getValueKey(option))\n if (index > -1) {\n selectedOptions = [\n ...selectedOptions.slice(0, index),\n ...selectedOptions.slice(index + 1),\n ]\n states.cachedOptions.splice(index, 1)\n removeNewOption(option)\n } else if (\n props.multipleLimit <= 0 \|\|\n selectedOptions.length < props.multipleLimit\n ) {\n selectedOptions = [...selectedOptions, getValueKey(option)]\n states.cachedOptions.push(option)\n selectNewOption(option)\n updateHoveringIndex(idx)\n }\n update(selectedOptions)\n if (option.created) {\n states.query = ''\n handleQueryChange('')\n states.inputLength = 20\n }\n if (props.filterable) {\n inputRef.value.focus?.()\n onUpdateInputValue('')\n }\n if (props.filterable) {\n states.calculatedWidth =\n calculatorRef.value.getBoundingClientRect().width\n }\n resetInputHeight()\n setSoftFocus()\n } else {\n selectedIndex.value = idx\n states.selectedLabel = option.label\n update(getValueKey(option))\n expanded.value = false\n states.isComposing = false\n states.isSilentBlur = byClick\n selectNewOption(option)\n if (!option.created) {\n clearAllNewOption()\n }\n updateHoveringIndex(idx)\n }\n }\n\n const deleteTag = (event: MouseEvent, tag: Option) => {\n const index = (props.modelValue as Array<any>).indexOf(tag.value)\n\n if (index > -1 && !selectDisabled.value) {\n const value = [\n ...(props.modelValue as Array<unknown>).slice(0, index),\n ...(props.modelValue as Array<unknown>).slice(index + 1),\n ]\n states.cachedOptions.splice(index, 1)\n update(value)\n emit('remove-tag', tag.value)\n states.softFocus = true\n removeNewOption(tag)\n return nextTick(focusAndUpdatePopup)\n }\n event.stopPropagation()\n }\n\n const handleFocus = (event: FocusEvent) => {\n const focused = states.isComposing\n states.isComposing = true\n if (!states.softFocus) {\n // If already in the focus state, shouldn't trigger event\n if (!focused) emit('focus', event)\n } else {\n states.softFocus = false\n }\n }\n\n const handleBlur = () => {\n states.softFocus = false\n\n // reset input value when blurred\n // https://github.com/ElemeFE/element/pull/10822\n return nextTick(() => {\n inputRef.value?.blur?.()\n if (calculatorRef.value) {\n states.calculatedWidth =\n calculatorRef.value.getBoundingClientRect().width\n }\n if (states.isSilentBlur) {\n states.isSilentBlur = false\n } else {\n if (states.isComposing) {\n emit('blur')\n }\n }\n states.isComposing = false\n })\n }\n\n // keyboard handlers\n const handleEsc = () => {\n if (states.displayInputValue.length > 0) {\n onUpdateInputValue('')\n } else {\n expanded.value = false\n }\n }\n\n const handleDel = (e: KeyboardEvent) => {\n if (states.displayInputValue.length === 0) {\n e.preventDefault()\n const selected = (props.modelValue as Array<any>).slice()\n selected.pop()\n removeNewOption(states.cachedOptions.pop())\n update(selected)\n }\n }\n\n const handleClear = () => {\n let emptyValue: string \| any[]\n if (isArray(props.modelValue)) {\n emptyValue = []\n } else {\n emptyValue = ''\n }\n\n states.softFocus = true\n if (props.multiple) {\n states.cachedOptions = []\n } else {\n states.selectedLabel = ''\n }\n expanded.value = false\n update(emptyValue)\n emit('clear')\n clearAllNewOption()\n return nextTick(focusAndUpdatePopup)\n }\n\n const onUpdateInputValue = (val: string) => {\n states.displayInputValue = val\n states.inputValue = val\n }\n\n const onKeyboardNavigate = (\n direction: 'forward' \| 'backward',\n hoveringIndex: number = undefined\n ) => {\n const options = filteredOptions.value\n if (\n !['forward', 'backward'].includes(direction) \|\|\n selectDisabled.value \|\|\n options.length <= 0 \|\|\n optionsAllDisabled.value\n ) {\n return\n }\n if (!expanded.value) {\n return toggleMenu()\n }\n if (hoveringIndex === undefined) {\n hoveringIndex = states.hoveringIndex\n }\n let newIndex = -1\n if (direction === 'forward') {\n newIndex = hoveringIndex + 1\n if (newIndex >= options.length) {\n // return to the first option\n newIndex = 0\n }\n } else if (direction === 'backward') {\n newIndex = hoveringIndex - 1\n if (newIndex < 0) {\n // navigate to the last one\n newIndex = options.length - 1\n }\n }\n const option = options[newIndex]\n if (option.disabled \|\| option.type === 'Group') {\n // prevent dispatching multiple nextTick callbacks.\n return onKeyboardNavigate(direction, newIndex)\n } else {\n updateHoveringIndex(newIndex)\n scrollToItem(newIndex)\n }\n }\n\n const onKeyboardSelect = () => {\n if (!expanded.value) {\n return toggleMenu()\n } else if (~states.hoveringIndex) {\n onSelect(\n filteredOptions.value[states.hoveringIndex],\n states.hoveringIndex,\n false\n )\n }\n }\n\n const updateHoveringIndex = (idx: number) => {\n states.hoveringIndex = idx\n }\n\n const resetHoveringIndex = () => {\n states.hoveringIndex = -1\n }\n\n const setSoftFocus = () => {\n const _input = inputRef.value\n if (_input) {\n _input.focus?.()\n }\n }\n\n const onInput = (event) => {\n const value = event.target.value\n onUpdateInputValue(value)\n if (states.displayInputValue.length > 0 && !expanded.value) {\n expanded.value = true\n }\n\n states.calculatedWidth = calculatorRef.value.getBoundingClientRect().width\n if (props.multiple) {\n resetInputHeight()\n }\n if (props.remote) {\n debouncedOnInputChange()\n } else {\n return onInputChange()\n }\n }\n\n const handleClickOutside = () => {\n expanded.value = false\n return handleBlur()\n }\n\n const handleMenuEnter = () => {\n states.inputValue = states.displayInputValue\n return nextTick(() => {\n if (~indexRef.value) {\n updateHoveringIndex(indexRef.value)\n scrollToItem(states.hoveringIndex)\n }\n })\n }\n\n const scrollToItem = (index: number) => {\n menuRef.value.scrollToItem(index)\n }\n\n const initStates = () => {\n resetHoveringIndex()\n if (props.multiple) {\n if ((props.modelValue as Array<any>).length > 0) {\n let initHovering = false\n states.cachedOptions.length = 0\n ;(props.modelValue as Array<any>).map((selected) => {\n const itemIndex = filteredOptions.value.findIndex(\n (option) => getValueKey(option) === selected\n )\n if (~itemIndex) {\n states.cachedOptions.push(\n filteredOptions.value[itemIndex] as Option\n )\n if (!initHovering) {\n updateHoveringIndex(itemIndex)\n }\n initHovering = true\n }\n })\n } else {\n states.cachedOptions = []\n }\n } else {\n if (hasModelValue.value) {\n const options = filteredOptions.value\n const selectedItemIndex = options.findIndex(\n (option) => getValueKey(option) === props.modelValue\n )\n if (~selectedItemIndex) {\n states.selectedLabel = options[selectedItemIndex].label\n updateHoveringIndex(selectedItemIndex)\n } else {\n states.selectedLabel = `${props.modelValue}`\n }\n } else {\n states.selectedLabel = ''\n }\n }\n calculatePopperSize()\n }\n\n // in order to track these individually, we need to turn them into refs instead of watching the entire\n // reactive object which could cause perf penalty when unnecessary field gets changed the watch method will\n // be invoked.\n\n watch(expanded, (val) => {\n emit('visible-change', val)\n if (val) {\n popper.value.update?.()\n // the purpose of this function is to differ the blur event trigger mechanism\n } else {\n states.displayInputValue = ''\n createNewOption('')\n }\n })\n\n watch(\n () => props.modelValue,\n (val) => {\n if (!val \|\| val.toString() !== states.previousValue) {\n initStates()\n }\n },\n {\n deep: true,\n }\n )\n\n watch(\n () => props.options,\n () => {\n const input = inputRef.value\n // filter or remote-search scenarios are not initialized\n if (!input \|\| (input && document.activeElement !== input)) {\n initStates()\n }\n },\n {\n deep: true,\n }\n )\n\n // fix the problem that scrollTop is not reset in filterable mode\n watch(filteredOptions, () => {\n return nextTick(menuRef.value.resetScrollTop)\n })\n\n onMounted(() => {\n initStates()\n addResizeListener(selectRef.value, handleResize)\n })\n\n onBeforeMount(() => {\n removeResizeListener(selectRef.value, handleResize)\n })\n\n return {\n // data exports\n collapseTagSize,\n currentPlaceholder,\n expanded,\n emptyText,\n popupHeight,\n debounce,\n filteredOptions,\n iconComponent,\n iconReverse,\n inputWrapperStyle,\n popperSize,\n dropdownMenuVisible,\n hasModelValue,\n // readonly,\n shouldShowPlaceholder,\n selectDisabled,\n selectSize,\n showClearBtn,\n states,\n tagMaxWidth,\n\n // refs items exports\n calculatorRef,\n controlRef,\n inputRef,\n menuRef,\n popper,\n selectRef,\n selectionRef,\n\n popperRef,\n\n Effect,\n\n // methods exports\n debouncedOnInputChange,\n deleteTag,\n getLabel,\n getValueKey,\n handleBlur,\n handleClear,\n handleClickOutside,\n handleDel,\n handleEsc,\n handleFocus,\n handleMenuEnter,\n handleResize,\n toggleMenu,\n scrollTo: scrollToItem,\n onInput,\n onKeyboardNavigate,\n onKeyboardSelect,\n onSelect,\n onHover: updateHoveringIndex,\n onUpdateInputValue,\n handleCompositionStart,\n handleCompositionEnd,\n handleCompositionUpdate,\n }\n}\n\nexport default useSelect\n"],"names":["useLocale","inject","elFormKey","reactive","ref","computed","ArrowUp","flattenOptions","isArray","useSize","useAllowCreate","useInput","nextTick","lodashDebounce","isFunction","isEqual","CHANGE_EVENT","UPDATE_MODEL_EVENT","isObject","getValueByPath","Effect"],"mappings":"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"}
1	+ {"version":3,"file":"useSelect.js","sources":["../../../../../../packages/components/select-v2/src/useSelect.ts"],"sourcesContent":["import {\n computed,\n watch,\n ref,\n reactive,\n nextTick,\n onMounted,\n onBeforeMount,\n} from 'vue'\nimport { isArray, isFunction, isObject } from '@vue/shared'\nimport isEqual from 'lodash/isEqual'\nimport lodashDebounce from 'lodash/debounce'\nimport { useFormItem, useLocale, useSize } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'\nimport { ValidateComponentsMap } from '@element-plus/utils/icon'\nimport {\n addResizeListener,\n removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { getValueByPath } from '@element-plus/utils/util'\nimport { Effect } from '@element-plus/components/popper'\n\nimport { ArrowUp } from '@element-plus/icons-vue'\nimport { useAllowCreate } from './useAllowCreate'\n\nimport { flattenOptions } from './util'\n\nimport { useInput } from './useInput'\nimport type { SelectProps } from './defaults'\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\nimport type { OptionType, Option } from './select.types'\n\nconst DEFAULT_INPUT_PLACEHOLDER = ''\nconst MINIMUM_INPUT_WIDTH = 11\nconst TAG_BASE_WIDTH = {\n larget: 51,\n default: 42,\n small: 33,\n}\n\nconst useSelect = (props: ExtractPropTypes<typeof SelectProps>, emit) => {\n // inject\n const { t } = useLocale()\n const { form: elForm, formItem: elFormItem } = useFormItem()\n\n const states = reactive({\n inputValue: DEFAULT_INPUT_PLACEHOLDER,\n displayInputValue: DEFAULT_INPUT_PLACEHOLDER,\n calculatedWidth: 0,\n cachedPlaceholder: '',\n cachedOptions: [] as Option[],\n createdOptions: [] as Option[],\n createdLabel: '',\n createdSelected: false,\n currentPlaceholder: '',\n hoveringIndex: -1,\n comboBoxHovering: false,\n isOnComposition: false,\n isSilentBlur: false,\n isComposing: false,\n inputLength: 20,\n selectWidth: 200,\n initialInputHeight: 0,\n previousQuery: null,\n previousValue: '',\n query: '',\n selectedLabel: '',\n softFocus: false,\n tagInMultiLine: false,\n })\n\n // data refs\n const selectedIndex = ref(-1)\n const popperSize = ref(-1)\n\n // DOM & Component refs\n const controlRef = ref(null)\n const inputRef = ref(null) // el-input ref\n const menuRef = ref(null)\n const popper = ref(null)\n const selectRef = ref(null)\n const selectionRef = ref(null) // tags ref\n const calculatorRef = ref<HTMLElement>(null)\n\n // the controller of the expanded popup\n const expanded = ref(false)\n\n const selectDisabled = computed(() => props.disabled \|\| elForm?.disabled)\n\n const popupHeight = computed(() => {\n const totalHeight = filteredOptions.value.length * 34\n return totalHeight > props.height ? props.height : totalHeight\n })\n\n const hasModelValue = computed(() => {\n return (\n props.modelValue !== undefined &&\n props.modelValue !== null &&\n props.modelValue !== ''\n )\n })\n\n const showClearBtn = computed(() => {\n const hasValue = props.multiple\n ? Array.isArray(props.modelValue) && props.modelValue.length > 0\n : hasModelValue.value\n\n const criteria =\n props.clearable &&\n !selectDisabled.value &&\n states.comboBoxHovering &&\n hasValue\n return criteria\n })\n\n const iconComponent = computed(() =>\n props.remote && props.filterable ? '' : ArrowUp\n )\n\n const iconReverse = computed(() =>\n iconComponent.value && expanded.value ? 'is-reverse' : ''\n )\n\n const validateState = computed(() => elFormItem?.validateState \|\| '')\n const validateIcon = computed(\n () => ValidateComponentsMap[validateState.value]\n )\n\n const debounce = computed(() => (props.remote ? 300 : 0))\n\n // filteredOptions includes flatten the data into one dimensional array.\n const emptyText = computed(() => {\n const options = filteredOptions.value\n if (props.loading) {\n return props.loadingText \|\| t('el.select.loading')\n } else {\n if (props.remote && states.inputValue === '' && options.length === 0)\n return false\n if (props.filterable && states.inputValue && options.length > 0) {\n return props.noMatchText \|\| t('el.select.noMatch')\n }\n if (options.length === 0) {\n return props.noDataText \|\| t('el.select.noData')\n }\n }\n return null\n })\n\n const filteredOptions = computed(() => {\n const isValidOption = (o: Option): boolean => {\n // fill the conditions here.\n const query = states.inputValue\n // when query was given, we should test on the label see whether the label contains the given query\n const containsQueryString = query ? o.label.includes(query) : true\n return containsQueryString\n }\n if (props.loading) {\n return []\n }\n return flattenOptions(\n (props.options as OptionType[])\n .concat(states.createdOptions)\n .map((v) => {\n if (isArray(v.options)) {\n const filtered = v.options.filter(isValidOption)\n if (filtered.length > 0) {\n return {\n ...v,\n options: filtered,\n }\n }\n } else {\n if (props.remote \|\| isValidOption(v as Option)) {\n return v\n }\n }\n return null\n })\n .filter((v) => v !== null)\n )\n })\n\n const optionsAllDisabled = computed(() =>\n filteredOptions.value.every((option) => option.disabled)\n )\n\n const selectSize = useSize()\n\n const collapseTagSize = computed(() =>\n 'small' === selectSize.value ? 'small' : 'default'\n )\n\n const tagMaxWidth = computed(() => {\n const select = selectionRef.value\n const size = collapseTagSize.value \|\| 'default'\n const paddingLeft = select\n ? parseInt(getComputedStyle(select).paddingLeft)\n : 0\n const paddingRight = select\n ? parseInt(getComputedStyle(select).paddingRight)\n : 0\n return (\n states.selectWidth - paddingRight - paddingLeft - TAG_BASE_WIDTH[size]\n )\n })\n\n const calculatePopperSize = () => {\n popperSize.value = selectRef.value?.getBoundingClientRect?.()?.width \|\| 200\n }\n\n const inputWrapperStyle = computed(() => {\n return {\n width: `${\n states.calculatedWidth === 0\n ? MINIMUM_INPUT_WIDTH\n : Math.ceil(states.calculatedWidth) + MINIMUM_INPUT_WIDTH\n }px`,\n } as CSSProperties\n })\n\n const shouldShowPlaceholder = computed(() => {\n if (isArray(props.modelValue)) {\n return props.modelValue.length === 0 && !states.displayInputValue\n }\n\n // when it's not multiple mode, we only determine this flag based on filterable and expanded\n // when filterable flag is true, which means we have input box on the screen\n return props.filterable ? states.displayInputValue.length === 0 : true\n })\n\n const currentPlaceholder = computed(() => {\n const _placeholder = props.placeholder \|\| t('el.select.placeholder')\n return props.multiple ? _placeholder : states.selectedLabel \|\| _placeholder\n })\n\n // this obtains the actual popper DOM element.\n const popperRef = computed(() => popper.value?.popperRef)\n\n // the index with current value in options\n const indexRef = computed<number>(() => {\n if (props.multiple) {\n const len = (props.modelValue as []).length\n if ((props.modelValue as Array<any>).length > 0) {\n return filteredOptions.value.findIndex(\n (o) => o.value === props.modelValue[len - 1]\n )\n }\n } else {\n if (props.modelValue) {\n return filteredOptions.value.findIndex(\n (o) => o.value === props.modelValue\n )\n }\n }\n return -1\n })\n\n const dropdownMenuVisible = computed(() => {\n return expanded.value && emptyText.value !== false\n })\n\n // hooks\n const {\n createNewOption,\n removeNewOption,\n selectNewOption,\n clearAllNewOption,\n } = useAllowCreate(props, states)\n const {\n handleCompositionStart,\n handleCompositionUpdate,\n handleCompositionEnd,\n } = useInput((e) => onInput(e))\n\n // methods\n const focusAndUpdatePopup = () => {\n inputRef.value.focus?.()\n popper.value.update?.()\n }\n\n const toggleMenu = () => {\n if (props.automaticDropdown) return\n if (!selectDisabled.value) {\n if (states.isComposing) states.softFocus = true\n return nextTick(() => {\n expanded.value = !expanded.value\n inputRef.value?.focus?.()\n })\n }\n }\n\n const onInputChange = () => {\n if (props.filterable && states.inputValue !== states.selectedLabel) {\n states.query = states.selectedLabel\n }\n handleQueryChange(states.inputValue)\n return nextTick(() => {\n createNewOption(states.inputValue)\n })\n }\n\n const debouncedOnInputChange = lodashDebounce(onInputChange, debounce.value)\n\n const handleQueryChange = (val: string) => {\n if (states.previousQuery === val) {\n return\n }\n states.previousQuery = val\n if (props.filterable && isFunction(props.filterMethod)) {\n props.filterMethod(val)\n } else if (\n props.filterable &&\n props.remote &&\n isFunction(props.remoteMethod)\n ) {\n props.remoteMethod(val)\n }\n }\n\n const emitChange = (val: any \| any[]) => {\n if (!isEqual(props.modelValue, val)) {\n emit(CHANGE_EVENT, val)\n }\n }\n\n const update = (val: any) => {\n emit(UPDATE_MODEL_EVENT, val)\n emitChange(val)\n states.previousValue = val.toString()\n }\n\n const getValueIndex = (arr = [], value: unknown) => {\n if (!isObject(value)) {\n return arr.indexOf(value)\n }\n const valueKey = props.valueKey\n let index = -1\n arr.some((item, i) => {\n if (getValueByPath(item, valueKey) === getValueByPath(value, valueKey)) {\n index = i\n return true\n }\n return false\n })\n return index\n }\n\n const getValueKey = (item: unknown) => {\n return isObject(item) ? getValueByPath(item, props.valueKey) : item\n }\n\n // if the selected item is item then we get label via indexing\n // otherwise it should be string we simply return the item itself.\n const getLabel = (item: unknown) => {\n return isObject(item) ? item.label : item\n }\n\n const resetInputHeight = () => {\n if (props.collapseTags && !props.filterable) {\n return\n }\n return nextTick(() => {\n if (!inputRef.value) return\n const selection = selectionRef.value\n\n selectRef.value.height = selection.offsetHeight\n if (expanded.value && emptyText.value !== false) {\n popper.value?.update?.()\n }\n })\n }\n\n const handleResize = () => {\n resetInputWidth()\n calculatePopperSize()\n popper.value?.update?.()\n if (props.multiple) {\n return resetInputHeight()\n }\n }\n\n const resetInputWidth = () => {\n const select = selectionRef.value\n if (select) {\n states.selectWidth = select.getBoundingClientRect().width\n }\n }\n\n const onSelect = (option: Option, idx: number, byClick = true) => {\n if (props.multiple) {\n let selectedOptions = (props.modelValue as any[]).slice()\n\n const index = getValueIndex(selectedOptions, getValueKey(option))\n if (index > -1) {\n selectedOptions = [\n ...selectedOptions.slice(0, index),\n ...selectedOptions.slice(index + 1),\n ]\n states.cachedOptions.splice(index, 1)\n removeNewOption(option)\n } else if (\n props.multipleLimit <= 0 \|\|\n selectedOptions.length < props.multipleLimit\n ) {\n selectedOptions = [...selectedOptions, getValueKey(option)]\n states.cachedOptions.push(option)\n selectNewOption(option)\n updateHoveringIndex(idx)\n }\n update(selectedOptions)\n if (option.created) {\n states.query = ''\n handleQueryChange('')\n states.inputLength = 20\n }\n if (props.filterable) {\n inputRef.value.focus?.()\n onUpdateInputValue('')\n }\n if (props.filterable) {\n states.calculatedWidth =\n calculatorRef.value.getBoundingClientRect().width\n }\n resetInputHeight()\n setSoftFocus()\n } else {\n selectedIndex.value = idx\n states.selectedLabel = option.label\n update(getValueKey(option))\n expanded.value = false\n states.isComposing = false\n states.isSilentBlur = byClick\n selectNewOption(option)\n if (!option.created) {\n clearAllNewOption()\n }\n updateHoveringIndex(idx)\n }\n }\n\n const deleteTag = (event: MouseEvent, tag: Option) => {\n const index = (props.modelValue as Array<any>).indexOf(tag.value)\n\n if (index > -1 && !selectDisabled.value) {\n const value = [\n ...(props.modelValue as Array<unknown>).slice(0, index),\n ...(props.modelValue as Array<unknown>).slice(index + 1),\n ]\n states.cachedOptions.splice(index, 1)\n update(value)\n emit('remove-tag', tag.value)\n states.softFocus = true\n removeNewOption(tag)\n return nextTick(focusAndUpdatePopup)\n }\n event.stopPropagation()\n }\n\n const handleFocus = (event: FocusEvent) => {\n const focused = states.isComposing\n states.isComposing = true\n if (!states.softFocus) {\n // If already in the focus state, shouldn't trigger event\n if (!focused) emit('focus', event)\n } else {\n states.softFocus = false\n }\n }\n\n const handleBlur = () => {\n states.softFocus = false\n\n // reset input value when blurred\n // https://github.com/ElemeFE/element/pull/10822\n return nextTick(() => {\n inputRef.value?.blur?.()\n if (calculatorRef.value) {\n states.calculatedWidth =\n calculatorRef.value.getBoundingClientRect().width\n }\n if (states.isSilentBlur) {\n states.isSilentBlur = false\n } else {\n if (states.isComposing) {\n emit('blur')\n }\n }\n states.isComposing = false\n })\n }\n\n // keyboard handlers\n const handleEsc = () => {\n if (states.displayInputValue.length > 0) {\n onUpdateInputValue('')\n } else {\n expanded.value = false\n }\n }\n\n const handleDel = (e: KeyboardEvent) => {\n if (states.displayInputValue.length === 0) {\n e.preventDefault()\n const selected = (props.modelValue as Array<any>).slice()\n selected.pop()\n removeNewOption(states.cachedOptions.pop())\n update(selected)\n }\n }\n\n const handleClear = () => {\n let emptyValue: string \| any[]\n if (isArray(props.modelValue)) {\n emptyValue = []\n } else {\n emptyValue = ''\n }\n\n states.softFocus = true\n if (props.multiple) {\n states.cachedOptions = []\n } else {\n states.selectedLabel = ''\n }\n expanded.value = false\n update(emptyValue)\n emit('clear')\n clearAllNewOption()\n return nextTick(focusAndUpdatePopup)\n }\n\n const onUpdateInputValue = (val: string) => {\n states.displayInputValue = val\n states.inputValue = val\n }\n\n const onKeyboardNavigate = (\n direction: 'forward' \| 'backward',\n hoveringIndex: number = undefined\n ) => {\n const options = filteredOptions.value\n if (\n !['forward', 'backward'].includes(direction) \|\|\n selectDisabled.value \|\|\n options.length <= 0 \|\|\n optionsAllDisabled.value\n ) {\n return\n }\n if (!expanded.value) {\n return toggleMenu()\n }\n if (hoveringIndex === undefined) {\n hoveringIndex = states.hoveringIndex\n }\n let newIndex = -1\n if (direction === 'forward') {\n newIndex = hoveringIndex + 1\n if (newIndex >= options.length) {\n // return to the first option\n newIndex = 0\n }\n } else if (direction === 'backward') {\n newIndex = hoveringIndex - 1\n if (newIndex < 0) {\n // navigate to the last one\n newIndex = options.length - 1\n }\n }\n const option = options[newIndex]\n if (option.disabled \|\| option.type === 'Group') {\n // prevent dispatching multiple nextTick callbacks.\n return onKeyboardNavigate(direction, newIndex)\n } else {\n updateHoveringIndex(newIndex)\n scrollToItem(newIndex)\n }\n }\n\n const onKeyboardSelect = () => {\n if (!expanded.value) {\n return toggleMenu()\n } else if (~states.hoveringIndex) {\n onSelect(\n filteredOptions.value[states.hoveringIndex],\n states.hoveringIndex,\n false\n )\n }\n }\n\n const updateHoveringIndex = (idx: number) => {\n states.hoveringIndex = idx\n }\n\n const resetHoveringIndex = () => {\n states.hoveringIndex = -1\n }\n\n const setSoftFocus = () => {\n const _input = inputRef.value\n if (_input) {\n _input.focus?.()\n }\n }\n\n const onInput = (event) => {\n const value = event.target.value\n onUpdateInputValue(value)\n if (states.displayInputValue.length > 0 && !expanded.value) {\n expanded.value = true\n }\n\n states.calculatedWidth = calculatorRef.value.getBoundingClientRect().width\n if (props.multiple) {\n resetInputHeight()\n }\n if (props.remote) {\n debouncedOnInputChange()\n } else {\n return onInputChange()\n }\n }\n\n const handleClickOutside = () => {\n expanded.value = false\n return handleBlur()\n }\n\n const handleMenuEnter = () => {\n states.inputValue = states.displayInputValue\n return nextTick(() => {\n if (~indexRef.value) {\n updateHoveringIndex(indexRef.value)\n scrollToItem(states.hoveringIndex)\n }\n })\n }\n\n const scrollToItem = (index: number) => {\n menuRef.value.scrollToItem(index)\n }\n\n const initStates = () => {\n resetHoveringIndex()\n if (props.multiple) {\n if ((props.modelValue as Array<any>).length > 0) {\n let initHovering = false\n states.cachedOptions.length = 0\n ;(props.modelValue as Array<any>).map((selected) => {\n const itemIndex = filteredOptions.value.findIndex(\n (option) => getValueKey(option) === selected\n )\n if (~itemIndex) {\n states.cachedOptions.push(\n filteredOptions.value[itemIndex] as Option\n )\n if (!initHovering) {\n updateHoveringIndex(itemIndex)\n }\n initHovering = true\n }\n })\n } else {\n states.cachedOptions = []\n }\n } else {\n if (hasModelValue.value) {\n const options = filteredOptions.value\n const selectedItemIndex = options.findIndex(\n (option) => getValueKey(option) === props.modelValue\n )\n if (~selectedItemIndex) {\n states.selectedLabel = options[selectedItemIndex].label\n updateHoveringIndex(selectedItemIndex)\n } else {\n states.selectedLabel = `${props.modelValue}`\n }\n } else {\n states.selectedLabel = ''\n }\n }\n calculatePopperSize()\n }\n\n // in order to track these individually, we need to turn them into refs instead of watching the entire\n // reactive object which could cause perf penalty when unnecessary field gets changed the watch method will\n // be invoked.\n\n watch(expanded, (val) => {\n emit('visible-change', val)\n if (val) {\n popper.value.update?.()\n // the purpose of this function is to differ the blur event trigger mechanism\n } else {\n states.displayInputValue = ''\n createNewOption('')\n }\n })\n\n watch(\n () => props.modelValue,\n (val, oldVal) => {\n if (!val \|\| val.toString() !== states.previousValue) {\n initStates()\n }\n if (!isEqual(val, oldVal)) {\n elFormItem?.validate?.('change')\n }\n },\n {\n deep: true,\n }\n )\n\n watch(\n () => props.options,\n () => {\n const input = inputRef.value\n // filter or remote-search scenarios are not initialized\n if (!input \|\| (input && document.activeElement !== input)) {\n initStates()\n }\n },\n {\n deep: true,\n }\n )\n\n // fix the problem that scrollTop is not reset in filterable mode\n watch(filteredOptions, () => {\n return nextTick(menuRef.value.resetScrollTop)\n })\n\n onMounted(() => {\n initStates()\n addResizeListener(selectRef.value, handleResize)\n })\n\n onBeforeMount(() => {\n removeResizeListener(selectRef.value, handleResize)\n })\n\n return {\n // data exports\n collapseTagSize,\n currentPlaceholder,\n expanded,\n emptyText,\n popupHeight,\n debounce,\n filteredOptions,\n iconComponent,\n iconReverse,\n inputWrapperStyle,\n popperSize,\n dropdownMenuVisible,\n hasModelValue,\n // readonly,\n shouldShowPlaceholder,\n selectDisabled,\n selectSize,\n showClearBtn,\n states,\n tagMaxWidth,\n\n // refs items exports\n calculatorRef,\n controlRef,\n inputRef,\n menuRef,\n popper,\n selectRef,\n selectionRef,\n\n popperRef,\n\n validateState,\n validateIcon,\n\n Effect,\n\n // methods exports\n debouncedOnInputChange,\n deleteTag,\n getLabel,\n getValueKey,\n handleBlur,\n handleClear,\n handleClickOutside,\n handleDel,\n handleEsc,\n handleFocus,\n handleMenuEnter,\n handleResize,\n toggleMenu,\n scrollTo: scrollToItem,\n onInput,\n onKeyboardNavigate,\n onKeyboardSelect,\n onSelect,\n onHover: updateHoveringIndex,\n onUpdateInputValue,\n handleCompositionStart,\n handleCompositionEnd,\n handleCompositionUpdate,\n }\n}\n\nexport default useSelect\n"],"names":["useLocale","useFormItem","reactive","ref","computed","ArrowUp","ValidateComponentsMap","flattenOptions","isArray","useSize","useAllowCreate","useInput","nextTick","lodashDebounce","isFunction","isEqual","CHANGE_EVENT","UPDATE_MODEL_EVENT","isObject","getValueByPath","watch","onMounted","addResizeListener","onBeforeMount","removeResizeListener","Effect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,yBAAyB,GAAG,EAAE,CAAC;AACrC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,cAAc,GAAG;AACvB,EAAE,MAAM,EAAE,EAAE;AACZ,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,KAAK,EAAE,EAAE;AACX,CAAC,CAAC;AACG,MAAC,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,KAAK;AACnC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAGA,eAAS,EAAE,CAAC;AAC5B,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAGC,mBAAW,EAAE,CAAC;AAC/D,EAAE,MAAM,MAAM,GAAGC,YAAQ,CAAC;AAC1B,IAAI,UAAU,EAAE,yBAAyB;AACzC,IAAI,iBAAiB,EAAE,yBAAyB;AAChD,IAAI,eAAe,EAAE,CAAC;AACtB,IAAI,iBAAiB,EAAE,EAAE;AACzB,IAAI,aAAa,EAAE,EAAE;AACrB,IAAI,cAAc,EAAE,EAAE;AACtB,IAAI,YAAY,EAAE,EAAE;AACpB,IAAI,eAAe,EAAE,KAAK;AAC1B,IAAI,kBAAkB,EAAE,EAAE;AAC1B,IAAI,aAAa,EAAE,CAAC,CAAC;AACrB,IAAI,gBAAgB,EAAE,KAAK;AAC3B,IAAI,eAAe,EAAE,KAAK;AAC1B,IAAI,YAAY,EAAE,KAAK;AACvB,IAAI,WAAW,EAAE,KAAK;AACtB,IAAI,WAAW,EAAE,EAAE;AACnB,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,kBAAkB,EAAE,CAAC;AACzB,IAAI,aAAa,EAAE,IAAI;AACvB,IAAI,aAAa,EAAE,EAAE;AACrB,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,aAAa,EAAE,EAAE;AACrB,IAAI,SAAS,EAAE,KAAK;AACpB,IAAI,cAAc,EAAE,KAAK;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,aAAa,GAAGC,OAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,UAAU,GAAGA,OAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7B,EAAE,MAAM,UAAU,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAC;AAC/B,EAAE,MAAM,QAAQ,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAC;AAC7B,EAAE,MAAM,OAAO,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAC;AAC5B,EAAE,MAAM,MAAM,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAC;AAC3B,EAAE,MAAM,SAAS,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAC;AAC9B,EAAE,MAAM,YAAY,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAC;AACjC,EAAE,MAAM,aAAa,GAAGA,OAAG,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,MAAM,QAAQ,GAAGA,OAAG,CAAC,KAAK,CAAC,CAAC;AAC9B,EAAE,MAAM,cAAc,GAAGC,YAAQ,CAAC,MAAM,KAAK,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;AACvG,EAAE,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAAM;AACrC,IAAI,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;AAC1D,IAAI,OAAO,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AACnE,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,aAAa,GAAGA,YAAQ,CAAC,MAAM;AACvC,IAAI,OAAO,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,EAAE,CAAC;AAC/F,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAGA,YAAQ,CAAC,MAAM;AACtC,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC;AAC3H,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,cAAc,CAAC,KAAK,IAAI,MAAM,CAAC,gBAAgB,IAAI,QAAQ,CAAC;AACrG,IAAI,OAAO,QAAQ,CAAC;AACpB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,aAAa,GAAGA,YAAQ,CAAC,MAAM,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,UAAU,GAAG,EAAE,GAAGC,gBAAO,CAAC,CAAC;AACxF,EAAE,MAAM,WAAW,GAAGD,YAAQ,CAAC,MAAM,aAAa,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,GAAG,YAAY,GAAG,EAAE,CAAC,CAAC;AAChG,EAAE,MAAM,aAAa,GAAGA,YAAQ,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,aAAa,KAAK,EAAE,CAAC,CAAC;AACvG,EAAE,MAAM,YAAY,GAAGA,YAAQ,CAAC,MAAME,0BAAqB,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAClF,EAAE,MAAM,QAAQ,GAAGF,YAAQ,CAAC,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AAC1D,EAAE,MAAM,SAAS,GAAGA,YAAQ,CAAC,MAAM;AACnC,IAAI,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;AAC1C,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE;AACvB,MAAM,OAAO,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;AACzD,KAAK,MAAM;AACX,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,UAAU,KAAK,EAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;AAC1E,QAAQ,OAAO,KAAK,CAAC;AACrB,MAAM,IAAI,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;AACvE,QAAQ,OAAO,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;AAC3D,OAAO;AACP,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,QAAQ,OAAO,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AACzD,OAAO;AACP,KAAK;AACL,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,eAAe,GAAGA,YAAQ,CAAC,MAAM;AACzC,IAAI,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK;AACjC,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;AACtC,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AACzE,MAAM,OAAO,mBAAmB,CAAC;AACjC,KAAK,CAAC;AACN,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE;AACvB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,OAAOG,mBAAc,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;AACjF,MAAM,IAAIC,cAAO,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE;AAC9B,QAAQ,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AACzD,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACjC,UAAU,OAAO;AACjB,YAAY,GAAG,CAAC;AAChB,YAAY,OAAO,EAAE,QAAQ;AAC7B,WAAW,CAAC;AACZ,SAAS;AACT,OAAO,MAAM;AACb,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE;AAC9C,UAAU,OAAO,CAAC,CAAC;AACnB,SAAS;AACT,OAAO;AACP,MAAM,OAAO,IAAI,CAAC;AAClB,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;AAClC,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,kBAAkB,GAAGJ,YAAQ,CAAC,MAAM,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;AACtG,EAAE,MAAM,UAAU,GAAGK,eAAO,EAAE,CAAC;AAC/B,EAAE,MAAM,eAAe,GAAGL,YAAQ,CAAC,MAAM,UAAU,CAAC,KAAK,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAC7F,EAAE,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAAM;AACrC,IAAI,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC;AACtC,IAAI,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,IAAI,SAAS,CAAC;AACpD,IAAI,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AACpF,IAAI,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AACtF,IAAI,OAAO,MAAM,CAAC,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAClF,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,mBAAmB,GAAG,MAAM;AACpC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACnB,IAAI,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,qBAAqB,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC;AAC5K,GAAG,CAAC;AACJ,EAAE,MAAM,iBAAiB,GAAGA,YAAQ,CAAC,MAAM;AAC3C,IAAI,OAAO;AACX,MAAM,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,eAAe,KAAK,CAAC,GAAG,mBAAmB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,mBAAmB,CAAC,EAAE,CAAC;AAChI,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,qBAAqB,GAAGA,YAAQ,CAAC,MAAM;AAC/C,IAAI,IAAII,cAAO,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;AACnC,MAAM,OAAO,KAAK,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC;AACxE,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,GAAG,IAAI,CAAC;AAC3E,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,kBAAkB,GAAGJ,YAAQ,CAAC,MAAM;AAC5C,IAAI,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC;AACzE,IAAI,OAAO,KAAK,CAAC,QAAQ,GAAG,YAAY,GAAG,MAAM,CAAC,aAAa,IAAI,YAAY,CAAC;AAChF,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAGA,YAAQ,CAAC,MAAM;AACnC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;AAC/D,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAGA,YAAQ,CAAC,MAAM;AAClC,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE;AACxB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;AAC1C,MAAM,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AACvC,QAAQ,OAAO,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAC7F,OAAO;AACP,KAAK,MAAM;AACX,MAAM,IAAI,KAAK,CAAC,UAAU,EAAE;AAC5B,QAAQ,OAAO,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC;AACpF,OAAO;AACP,KAAK;AACL,IAAI,OAAO,CAAC,CAAC,CAAC;AACd,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,mBAAmB,GAAGA,YAAQ,CAAC,MAAM;AAC7C,IAAI,OAAO,QAAQ,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,CAAC;AACvD,GAAG,CAAC,CAAC;AACL,EAAE,MAAM;AACR,IAAI,eAAe;AACnB,IAAI,eAAe;AACnB,IAAI,eAAe;AACnB,IAAI,iBAAiB;AACrB,GAAG,GAAGM,6BAAc,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACpC,EAAE,MAAM;AACR,IAAI,sBAAsB;AAC1B,IAAI,uBAAuB;AAC3B,IAAI,oBAAoB;AACxB,GAAG,GAAGC,iBAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,EAAE,MAAM,mBAAmB,GAAG,MAAM;AACpC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACvB,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtE,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrE,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,IAAI,KAAK,CAAC,iBAAiB;AAC/B,MAAM,OAAO;AACb,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;AAC/B,MAAM,IAAI,MAAM,CAAC,WAAW;AAC5B,QAAQ,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;AAChC,MAAM,OAAOC,YAAQ,CAAC,MAAM;AAC5B,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,QAAQ,CAAC,KAAK,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzC,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChG,OAAO,CAAC,CAAC;AACT,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,IAAI,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,KAAK,MAAM,CAAC,aAAa,EAAE;AACxE,MAAM,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC;AAC1C,KAAK;AACL,IAAI,iBAAiB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACzC,IAAI,OAAOA,YAAQ,CAAC,MAAM;AAC1B,MAAM,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACzC,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ,EAAE,MAAM,sBAAsB,GAAGC,4BAAc,CAAC,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC/E,EAAE,MAAM,iBAAiB,GAAG,CAAC,GAAG,KAAK;AACrC,IAAI,IAAI,MAAM,CAAC,aAAa,KAAK,GAAG,EAAE;AACtC,MAAM,OAAO;AACb,KAAK;AACL,IAAI,MAAM,CAAC,aAAa,GAAG,GAAG,CAAC;AAC/B,IAAI,IAAI,KAAK,CAAC,UAAU,IAAIC,iBAAU,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;AAC5D,MAAM,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AAC9B,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,IAAIA,iBAAU,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;AACnF,MAAM,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,CAAC,GAAG,KAAK;AAC9B,IAAI,IAAI,CAACC,2BAAO,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE;AACzC,MAAM,IAAI,CAACC,sBAAY,EAAE,GAAG,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK;AAC1B,IAAI,IAAI,CAACC,4BAAkB,EAAE,GAAG,CAAC,CAAC;AAClC,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC;AACpB,IAAI,MAAM,CAAC,aAAa,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;AAC1C,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,KAAK,KAAK;AAC7C,IAAI,IAAI,CAACC,eAAQ,CAAC,KAAK,CAAC,EAAE;AAC1B,MAAM,OAAO,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;AACpC,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;AACnB,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK;AAC1B,MAAM,IAAIC,qBAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAKA,qBAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE;AAC9E,QAAQ,KAAK,GAAG,CAAC,CAAC;AAClB,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,CAAC,IAAI,KAAK;AAChC,IAAI,OAAOD,eAAQ,CAAC,IAAI,CAAC,GAAGC,qBAAc,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;AACxE,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,CAAC,IAAI,KAAK;AAC7B,IAAI,OAAOD,eAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;AAC9C,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,MAAM;AACjC,IAAI,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;AACjD,MAAM,OAAO;AACb,KAAK;AACL,IAAI,OAAON,YAAQ,CAAC,MAAM;AAC1B,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK;AACzB,QAAQ,OAAO;AACf,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;AAC3C,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC;AACtD,MAAM,IAAI,QAAQ,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,EAAE;AACvD,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/F,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,eAAe,EAAE,CAAC;AACtB,IAAI,mBAAmB,EAAE,CAAC;AAC1B,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3F,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE;AACxB,MAAM,OAAO,gBAAgB,EAAE,CAAC;AAChC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,eAAe,GAAG,MAAM;AAChC,IAAI,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC;AACtC,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AAChE,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,GAAG,IAAI,KAAK;AACpD,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE;AACxB,MAAM,IAAI,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;AACrD,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;AACxE,MAAM,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACtB,QAAQ,eAAe,GAAG;AAC1B,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;AAC5C,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;AAC7C,SAAS,CAAC;AACV,QAAQ,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC9C,QAAQ,eAAe,CAAC,MAAM,CAAC,CAAC;AAChC,OAAO,MAAM,IAAI,KAAK,CAAC,aAAa,IAAI,CAAC,IAAI,eAAe,CAAC,MAAM,GAAG,KAAK,CAAC,aAAa,EAAE;AAC3F,QAAQ,eAAe,GAAG,CAAC,GAAG,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;AACpE,QAAQ,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC1C,QAAQ,eAAe,CAAC,MAAM,CAAC,CAAC;AAChC,QAAQ,mBAAmB,CAAC,GAAG,CAAC,CAAC;AACjC,OAAO;AACP,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC;AAC9B,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE;AAC1B,QAAQ,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;AAC1B,QAAQ,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAQ,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;AAChC,OAAO;AACP,MAAM,IAAI,KAAK,CAAC,UAAU,EAAE;AAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1E,QAAQ,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAC/B,OAAO;AACP,MAAM,IAAI,KAAK,CAAC,UAAU,EAAE;AAC5B,QAAQ,MAAM,CAAC,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AACnF,OAAO;AACP,MAAM,gBAAgB,EAAE,CAAC;AACzB,MAAM,YAAY,EAAE,CAAC;AACrB,KAAK,MAAM;AACX,MAAM,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC;AAChC,MAAM,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1C,MAAM,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;AAClC,MAAM,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AAC7B,MAAM,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;AACjC,MAAM,MAAM,CAAC,YAAY,GAAG,OAAO,CAAC;AACpC,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC;AAC9B,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAC3B,QAAQ,iBAAiB,EAAE,CAAC;AAC5B,OAAO;AACP,MAAM,mBAAmB,CAAC,GAAG,CAAC,CAAC;AAC/B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK;AACpC,IAAI,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACtD,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;AAC7C,MAAM,MAAM,KAAK,GAAG;AACpB,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;AAC3C,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;AAC5C,OAAO,CAAC;AACR,MAAM,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC5C,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC;AACpB,MAAM,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACpC,MAAM,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;AAC9B,MAAM,eAAe,CAAC,GAAG,CAAC,CAAC;AAC3B,MAAM,OAAOA,YAAQ,CAAC,mBAAmB,CAAC,CAAC;AAC3C,KAAK;AACL,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;AAC5B,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,CAAC,KAAK,KAAK;AACjC,IAAI,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC;AACvC,IAAI,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;AAC9B,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;AAC3B,MAAM,IAAI,CAAC,OAAO;AAClB,QAAQ,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC7B,KAAK,MAAM;AACX,MAAM,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;AAC/B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;AAC7B,IAAI,OAAOA,YAAQ,CAAC,MAAM;AAC1B,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7F,MAAM,IAAI,aAAa,CAAC,KAAK,EAAE;AAC/B,QAAQ,MAAM,CAAC,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AACnF,OAAO;AACP,MAAM,IAAI,MAAM,CAAC,YAAY,EAAE;AAC/B,QAAQ,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;AACpC,OAAO,MAAM;AACb,QAAQ,IAAI,MAAM,CAAC,WAAW,EAAE;AAChC,UAAU,IAAI,CAAC,MAAM,CAAC,CAAC;AACvB,SAAS;AACT,OAAO;AACP,MAAM,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;AACjC,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAG,MAAM;AAC1B,IAAI,IAAI,MAAM,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7C,MAAM,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAC7B,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AAC7B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK;AAC3B,IAAI,IAAI,MAAM,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE;AAC/C,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC;AACzB,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;AAChD,MAAM,QAAQ,CAAC,GAAG,EAAE,CAAC;AACrB,MAAM,eAAe,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC;AAClD,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAC;AACvB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,UAAU,CAAC;AACnB,IAAI,IAAIJ,cAAO,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;AACnC,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,KAAK,MAAM;AACX,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,KAAK;AACL,IAAI,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;AAC5B,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE;AACxB,MAAM,MAAM,CAAC,aAAa,GAAG,EAAE,CAAC;AAChC,KAAK,MAAM;AACX,MAAM,MAAM,CAAC,aAAa,GAAG,EAAE,CAAC;AAChC,KAAK;AACL,IAAI,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AAC3B,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;AACvB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;AAClB,IAAI,iBAAiB,EAAE,CAAC;AACxB,IAAI,OAAOI,YAAQ,CAAC,mBAAmB,CAAC,CAAC;AACzC,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,CAAC,GAAG,KAAK;AACtC,IAAI,MAAM,CAAC,iBAAiB,GAAG,GAAG,CAAC;AACnC,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;AAC5B,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,aAAa,GAAG,KAAK,CAAC,KAAK;AACpE,IAAI,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;AAC1C,IAAI,IAAI,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE;AACjI,MAAM,OAAO;AACb,KAAK;AACL,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AACzB,MAAM,OAAO,UAAU,EAAE,CAAC;AAC1B,KAAK;AACL,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,EAAE;AAClC,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;AAC3C,KAAK;AACL,IAAI,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC;AACtB,IAAI,IAAI,SAAS,KAAK,SAAS,EAAE;AACjC,MAAM,QAAQ,GAAG,aAAa,GAAG,CAAC,CAAC;AACnC,MAAM,IAAI,QAAQ,IAAI,OAAO,CAAC,MAAM,EAAE;AACtC,QAAQ,QAAQ,GAAG,CAAC,CAAC;AACrB,OAAO;AACP,KAAK,MAAM,IAAI,SAAS,KAAK,UAAU,EAAE;AACzC,MAAM,QAAQ,GAAG,aAAa,GAAG,CAAC,CAAC;AACnC,MAAM,IAAI,QAAQ,GAAG,CAAC,EAAE;AACxB,QAAQ,QAAQ,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;AACtC,OAAO;AACP,KAAK;AACL,IAAI,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AACrC,IAAI,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE;AACpD,MAAM,OAAO,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACrD,KAAK,MAAM;AACX,MAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AACpC,MAAM,YAAY,CAAC,QAAQ,CAAC,CAAC;AAC7B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,MAAM;AACjC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AACzB,MAAM,OAAO,UAAU,EAAE,CAAC;AAC1B,KAAK,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;AACtC,MAAM,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACzF,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,mBAAmB,GAAG,CAAC,GAAG,KAAK;AACvC,IAAI,MAAM,CAAC,aAAa,GAAG,GAAG,CAAC;AAC/B,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,MAAM;AACnC,IAAI,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;AAClC,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC7D,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,CAAC,KAAK,KAAK;AAC7B,IAAI,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACrC,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAC9B,IAAI,IAAI,MAAM,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AAChE,MAAM,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;AAC5B,KAAK;AACL,IAAI,MAAM,CAAC,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AAC/E,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE;AACxB,MAAM,gBAAgB,EAAE,CAAC;AACzB,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,MAAM,EAAE;AACtB,MAAM,sBAAsB,EAAE,CAAC;AAC/B,KAAK,MAAM;AACX,MAAM,OAAO,aAAa,EAAE,CAAC;AAC7B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,MAAM;AACnC,IAAI,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;AAC3B,IAAI,OAAO,UAAU,EAAE,CAAC;AACxB,GAAG,CAAC;AACJ,EAAE,MAAM,eAAe,GAAG,MAAM;AAChC,IAAI,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACjD,IAAI,OAAOA,YAAQ,CAAC,MAAM;AAC1B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;AAC3B,QAAQ,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5C,QAAQ,YAAY,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AAC3C,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,CAAC,KAAK,KAAK;AAClC,IAAI,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACtC,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,kBAAkB,EAAE,CAAC;AACzB,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE;AACxB,MAAM,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AACvC,QAAQ,IAAI,YAAY,GAAG,KAAK,CAAC;AACjC,QAAQ,MAAM,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;AACxC,QAAQ,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK;AAC3C,UAAU,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,CAAC,KAAK,QAAQ,CAAC,CAAC;AAC1G,UAAU,IAAI,CAAC,SAAS,EAAE;AAC1B,YAAY,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;AACxE,YAAY,IAAI,CAAC,YAAY,EAAE;AAC/B,cAAc,mBAAmB,CAAC,SAAS,CAAC,CAAC;AAC7C,aAAa;AACb,YAAY,YAAY,GAAG,IAAI,CAAC;AAChC,WAAW;AACX,SAAS,CAAC,CAAC;AACX,OAAO,MAAM;AACb,QAAQ,MAAM,CAAC,aAAa,GAAG,EAAE,CAAC;AAClC,OAAO;AACP,KAAK,MAAM;AACX,MAAM,IAAI,aAAa,CAAC,KAAK,EAAE;AAC/B,QAAQ,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;AAC9C,QAAQ,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC;AAC1G,QAAQ,IAAI,CAAC,iBAAiB,EAAE;AAChC,UAAU,MAAM,CAAC,aAAa,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC;AAClE,UAAU,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;AACjD,SAAS,MAAM;AACf,UAAU,MAAM,CAAC,aAAa,GAAG,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;AACvD,SAAS;AACT,OAAO,MAAM;AACb,QAAQ,MAAM,CAAC,aAAa,GAAG,EAAE,CAAC;AAClC,OAAO;AACP,KAAK;AACL,IAAI,mBAAmB,EAAE,CAAC;AAC1B,GAAG,CAAC;AACJ,EAAEQ,SAAK,CAAC,QAAQ,EAAE,CAAC,GAAG,KAAK;AAC3B,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;AAChC,IAAI,IAAI,GAAG,EAAE;AACb,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvE,KAAK,MAAM;AACX,MAAM,MAAM,CAAC,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,eAAe,CAAC,EAAE,CAAC,CAAC;AAC1B,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAEA,SAAK,CAAC,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK;AACjD,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,EAAE,KAAK,MAAM,CAAC,aAAa,EAAE;AACzD,MAAM,UAAU,EAAE,CAAC;AACnB,KAAK;AACL,IAAI,IAAI,CAACL,2BAAO,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE;AAC/B,MAAM,CAAC,EAAE,GAAG,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,QAAQ,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChH,KAAK;AACL,GAAG,EAAE;AACL,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,CAAC,CAAC;AACL,EAAEK,SAAK,CAAC,MAAM,KAAK,CAAC,OAAO,EAAE,MAAM;AACnC,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjC,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC,aAAa,KAAK,KAAK,EAAE;AAC7D,MAAM,UAAU,EAAE,CAAC;AACnB,KAAK;AACL,GAAG,EAAE;AACL,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,CAAC,CAAC;AACL,EAAEA,SAAK,CAAC,eAAe,EAAE,MAAM;AAC/B,IAAI,OAAOR,YAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;AAClD,GAAG,CAAC,CAAC;AACL,EAAES,aAAS,CAAC,MAAM;AAClB,IAAI,UAAU,EAAE,CAAC;AACjB,IAAIC,6BAAiB,CAAC,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AACrD,GAAG,CAAC,CAAC;AACL,EAAEC,iBAAa,CAAC,MAAM;AACtB,IAAIC,gCAAoB,CAAC,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AACxD,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,IAAI,aAAa;AACjB,IAAI,WAAW;AACf,IAAI,iBAAiB;AACrB,IAAI,UAAU;AACd,IAAI,mBAAmB;AACvB,IAAI,aAAa;AACjB,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,WAAW;AACf,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,YAAIC,eAAM;AACV,IAAI,sBAAsB;AAC1B,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,QAAQ,EAAE,YAAY;AAC1B,IAAI,OAAO;AACX,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,QAAQ;AACZ,IAAI,OAAO,EAAE,mBAAmB;AAChC,IAAI,kBAAkB;AACtB,IAAI,sBAAsB;AAC1B,IAAI,oBAAoB;AACxB,IAAI,uBAAuB;AAC3B,GAAG,CAAC;AACJ;;;;"}

package/lib/components/select-v2/src/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sources":["../../../../../../packages/components/select-v2/src/util.ts"],"sourcesContent":["import { isArray } from '@vue/shared'\n\nimport type { Option, OptionGroup } from './select.types'\n\nexport const flattenOptions = (options: Array<Option \| OptionGroup>) => {\n const flattened = []\n options.map((option) => {\n if (isArray(option.options)) {\n flattened.push({\n label: option.label,\n isTitle: true,\n type: 'Group',\n })\n\n option.options.forEach((o: Option) => {\n flattened.push(o)\n })\n flattened.push({\n type: 'Group',\n })\n } else {\n flattened.push(option)\n }\n })\n\n return flattened\n}\n"],"names":["isArray"],"mappings":";;;;;;~~MAIa~~,~~iBAAiB~~,CAAC,~~YAAyC~~;~~AACtE~~,~~QAAM~~,~~YAAY~~;~~AAClB~~,~~UAAQ~~,~~IAAI~~,CAAC,~~WAAW~~;~~AACtB~~,~~QAAIA~~,~~eAAQ~~,OAAO,~~UAAU~~;~~AAC3B~~,~~gBAAU~~,KAAK;~~AAAA~~,~~QACb~~,OAAO,OAAO;~~AAAA~~,~~QACd~~,~~SAAS~~;~~AAAA~~,~~QACT~~,MAAM;~~AAAA~~;~~AAGR~~,~~aAAO~~,~~QAAQ~~,~~QAAQ~~,CAAC,~~MAAc~~;~~AACpC~~,~~kBAAU~~,~~KAAK~~;~~AAAA~~;~~AAEjB~~,~~gBAAU~~,~~KAAK~~;~~AAAA~~,~~QACb~~,MAAM;~~AAAA;AAAA~~,~~WAEH~~;AACL,~~gBAAU~~,~~KAAK~~;~~AAAA;AAAA;AAInB~~,~~SAAO~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"util.js","sources":["../../../../../../packages/components/select-v2/src/util.ts"],"sourcesContent":["import { isArray } from '@vue/shared'\n\nimport type { Option, OptionGroup } from './select.types'\n\nexport const flattenOptions = (options: Array<Option \| OptionGroup>) => {\n const flattened = []\n options.map((option) => {\n if (isArray(option.options)) {\n flattened.push({\n label: option.label,\n isTitle: true,\n type: 'Group',\n })\n\n option.options.forEach((o: Option) => {\n flattened.push(o)\n })\n flattened.push({\n type: 'Group',\n })\n } else {\n flattened.push(option)\n }\n })\n\n return flattened\n}\n"],"names":["isArray"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAG,CAAC,OAAO,KAAK;AAC3C,EAAE,MAAM,SAAS,GAAG,EAAE,CAAC;AACvB,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK;AAC1B,IAAI,IAAIA,cAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AACjC,MAAM,SAAS,CAAC,IAAI,CAAC;AACrB,QAAQ,KAAK,EAAE,MAAM,CAAC,KAAK;AAC3B,QAAQ,OAAO,EAAE,IAAI;AACrB,QAAQ,IAAI,EAAE,OAAO;AACrB,OAAO,CAAC,CAAC;AACT,MAAM,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;AACpC,QAAQ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1B,OAAO,CAAC,CAAC;AACT,MAAM,SAAS,CAAC,IAAI,CAAC;AACrB,QAAQ,IAAI,EAAE,OAAO;AACrB,OAAO,CAAC,CAAC;AACT,KAAK,MAAM;AACX,MAAM,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC7B,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../packages/components/skeleton/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Skeleton from './src/skeleton.vue'\nimport SkeletonItem from './src/skeleton-item.vue'\n\nexport const ElSkeleton = withInstall(Skeleton, {\n SkeletonItem,\n})\nexport default ElSkeleton\nexport const ElSkeletonItem = withNoopInstall(SkeletonItem)\n\nexport * from './src/skeleton'\nexport * from './src/skeleton-item'\n"],"names":["withInstall","Skeleton","SkeletonItem","withNoopInstall"],"mappings":";;;;;;;;;;;;~~MAKa~~,~~aAAaA~~,~~wBAAYC~~,~~8CAAU~~;~~AAAA~~,~~gBAC9CC~~;~~AAAA~~;~~MAGW~~,~~iBAAiBC~~,~~4BAAgBD~~;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/skeleton/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\n\nimport Skeleton from './src/skeleton.vue'\nimport SkeletonItem from './src/skeleton-item.vue'\n\nexport const ElSkeleton = withInstall(Skeleton, {\n SkeletonItem,\n})\nexport default ElSkeleton\nexport const ElSkeletonItem = withNoopInstall(SkeletonItem)\n\nexport * from './src/skeleton'\nexport * from './src/skeleton-item'\n"],"names":["withInstall","Skeleton","SkeletonItem","withNoopInstall"],"mappings":";;;;;;;;;;;;AAGY,MAAC,UAAU,GAAGA,uBAAW,CAACC,4CAAQ,EAAE;AAChD,gBAAEC,gDAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAGC,2BAAe,CAACD,gDAAY;;;;;;;;"}

package/lib/components/skeleton/src/image-placeholder.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-placeholder.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n />\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'ImgPlaceholder',\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;~~AAWA~~,aAAeA,~~oBAAgB;AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~;;;;"}
1	+ {"version":3,"file":"image-placeholder.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n />\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'ImgPlaceholder',\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AASA,aAAeA,mBAAe;;AAE9B,CAAC,CAAC;;;;"}

package/lib/components/skeleton/src/image-placeholder.vue_vue_type_template_id_f0b3074e_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-placeholder.vue_vue_type_template_id_f0b3074e_lang.js","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue?vue&type=template&id=f0b3074e&lang.js"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n />\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'ImgPlaceholder',\n})\n</script>\n"],"names":[~~"_createElementBlock"~~],"mappings":"~~;;;;;;;~~EACO,~~SAAQ~~;~~AAAA,EAAgB,OAAM;AAAA;oEAE/B,GAAE;;EADJ;AAAA;;0BADFA,8BAAA;;;;;~~"}
1	+ {"version":3,"file":"image-placeholder.vue_vue_type_template_id_f0b3074e_lang.js","sources":["../../../../../../packages/components/skeleton/src/image-placeholder.vue?vue&type=template&id=f0b3074e&lang.js"],"sourcesContent":["<template>\n <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"\n />\n </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'ImgPlaceholder',\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;EACO,OAAO;EAAiB;;;;EAC3B;;;;;;;"}

package/lib/components/skeleton/src/skeleton-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-item.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonItemProps = buildProps({\n variant: {\n type: String,\n values: [\n 'circle',\n 'rect',\n 'h1',\n 'h3',\n 'text',\n 'caption',\n 'p',\n 'image',\n 'button',\n ],\n default: 'text',\n },\n} as const)\nexport type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem>\n"],"names":["buildProps"],"mappings":";;;;;;~~MAIa~~,~~oBAAoBA~~,~~iBAAW~~;~~AAAA~~,~~EAC1C~~,~~SAAS~~;~~AAAA~~,~~IACP~~,MAAM;~~AAAA~~,~~IACN~~,QAAQ;~~AAAA~~,~~MACN~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA;AAAA~~,~~IAEF~~,~~SAAS~~;~~AAAA~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"skeleton-item.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonItemProps = buildProps({\n variant: {\n type: String,\n values: [\n 'circle',\n 'rect',\n 'h1',\n 'h3',\n 'text',\n 'caption',\n 'p',\n 'image',\n 'button',\n ],\n default: 'text',\n },\n} as const)\nexport type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,gBAAU,CAAC;AAC5C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE;AACZ,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,IAAI;AACV,MAAM,IAAI;AACV,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,GAAG;AACT,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,KAAK;AACL,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}

package/lib/components/skeleton/src/skeleton-item.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n <img-placeholder v-if=\"variant === 'image'\" />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n name: 'ElSkeletonItem',\n components: {\n ImgPlaceholder,\n },\n props: skeletonItemProps,\n})\n</script>\n"],"names":["defineComponent","ImgPlaceholder","skeletonItemProps"],"mappings":";;;;;;;;;~~AAWA~~,aAAeA,~~oBAAgB;AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN,YAAY~~;~~AAAA~~,~~oBACVC~~;~~AAAA~~;~~AAAA~~,~~EAEF,OAAOC~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"skeleton-item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n <img-placeholder v-if=\"variant === 'image'\" />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n name: 'ElSkeletonItem',\n components: {\n ImgPlaceholder,\n },\n props: skeletonItemProps,\n})\n</script>\n"],"names":["defineComponent","ImgPlaceholder","skeletonItemProps"],"mappings":";;;;;;;;;AASA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU;oBACRC,oDAAc;GACf;OACI,EAAEC;EACP;;;;"}

package/lib/components/skeleton/src/skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue?vue&type=template&id=7e70bfeb&lang.js"],"sourcesContent":["<template>\n <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n <img-placeholder v-if=\"variant === 'image'\" />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n name: 'ElSkeletonItem',\n components: {\n ImgPlaceholder,\n },\n props: skeletonItemProps,\n})\n</script>\n"],"names":[~~"_createElementBlock","_createBlock"~~],"mappings":"~~;;;;;;;;0BACEA;IAAM~~,~~gEAA6C;;IAC1B,6CAAvBC~~;;;;;;"}
1	+ {"version":3,"file":"skeleton-item.vue_vue_type_template_id_7e70bfeb_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue?vue&type=template&id=7e70bfeb&lang.js"],"sourcesContent":["<template>\n <div :class=\"['el-skeleton__item', `el-skeleton__${variant}`]\">\n <img-placeholder v-if=\"variant === 'image'\" />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ImgPlaceholder from './image-placeholder.vue'\nimport { skeletonItemProps } from './skeleton-item'\n\nexport default defineComponent({\n name: 'ElSkeletonItem',\n components: {\n ImgPlaceholder,\n },\n props: skeletonItemProps,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;IACQ,KAAK;;;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n animated: {\n type: Boolean,\n default: false,\n },\n count: {\n type: Number,\n default: 1,\n },\n rows: {\n type: Number,\n default: 3,\n },\n loading: {\n type: Boolean,\n default: true,\n },\n throttle: {\n type: Number,\n },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":["buildProps"],"mappings":";;;;;;~~MAIa~~,~~gBAAgBA~~,~~iBAAW~~;~~AAAA~~,~~EACtC~~,~~UAAU~~;~~AAAA~~,~~IACR~~,~~MAAM~~;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~OAAO~~;~~AAAA~~,~~IACL~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~MAAM~~;~~AAAA~~,~~IACJ~~,MAAM;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~SAAS~~;~~AAAA~~,~~IACP~~,~~MAAM~~;~~AAAA~~,~~IACN~~,~~SAAS~~;~~AAAA~~;~~AAAA~~,~~EAEX~~,~~UAAU~~;~~AAAA~~,~~IACR~~,MAAM;~~AAAA~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n animated: {\n type: Boolean,\n default: false,\n },\n count: {\n type: Number,\n default: 1,\n },\n rows: {\n type: Number,\n default: 3,\n },\n loading: {\n type: Boolean,\n default: true,\n },\n throttle: {\n type: Number,\n },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,gBAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div\n :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n v-bind=\"$attrs\"\n >\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <el-skeleton-item class=\"is-first\" variant=\"p\" />\n <el-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"{\n 'el-skeleton__paragraph': true,\n 'is-last': item === rows && rows > 1,\n }\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\"></slot>\n </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n name: 'ElSkeleton',\n components: {\n [SkeletonItem.name]: SkeletonItem,\n },\n props: skeletonProps,\n setup(props) {\n const innerLoading = computed(() => {\n return props.loading\n })\n\n const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n return {\n uiLoading,\n }\n },\n})\n</script>\n"],"names":["defineComponent","SkeletonItem","skeletonProps","~~computed","~~useThrottleRender"],"mappings":";;;;;;;;;;;~~AAiCA~~,aAAeA,~~oBAAgB;AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN,YAAY~~;~~AAAA~~,~~KACTC~~,~~iDAAa~~,~~OAAOA~~;~~AAAA~~;~~AAAA~~,~~EAEvB~~,~~OAAOC~~;~~AAAA~~,~~EACP,~~MAAM,~~OAAO~~;~~AACX~~,~~UAAM,eAAeC,aAAS,MAAM~~;~~AAClC~~,~~aAAO~~,~~MAAM~~;~~AAAA;AAGf~~,~~UAAM~~,~~YAAYC,wBAAkB,cAAc,MAAM~~;~~AAExD~~,~~WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"skeleton.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div\n :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n v-bind=\"$attrs\"\n >\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <el-skeleton-item class=\"is-first\" variant=\"p\" />\n <el-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"{\n 'el-skeleton__paragraph': true,\n 'is-last': item === rows && rows > 1,\n }\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\"></slot>\n </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n name: 'ElSkeleton',\n components: {\n [SkeletonItem.name]: SkeletonItem,\n },\n props: skeletonProps,\n setup(props) {\n const innerLoading = computed(() => {\n return props.loading\n })\n\n const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n return {\n uiLoading,\n }\n },\n})\n</script>\n"],"names":["defineComponent","SkeletonItem","skeletonProps","useThrottleRender"],"mappings":";;;;;;;;;;;AA+BA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU;IACR,CAACC,gDAAY,CAAC;GACf;OACI,EAAEC,sBAAa;EACpB;IACE,MAAM,YAAY;MAChB,OAAO;KACR,CAAC,CAAC;UACG,SAAS,GAAGC;IAClB;;KAEC,CAAC;;;;;;"}

package/lib/components/skeleton/src/skeleton.vue_vue_type_template_id_26fa9225_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton.vue_vue_type_template_id_26fa9225_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue?vue&type=template&id=26fa9225&lang.js"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div\n :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n v-bind=\"$attrs\"\n >\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <el-skeleton-item class=\"is-first\" variant=\"p\" />\n <el-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"{\n 'el-skeleton__paragraph': true,\n 'is-last': item === rows && rows > 1,\n }\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\"></slot>\n </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n name: 'ElSkeleton',\n components: {\n [SkeletonItem.name]: SkeletonItem,\n },\n props: skeletonProps,\n setup(props) {\n const innerLoading = computed(() => {\n return props.loading\n })\n\n const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n return {\n uiLoading,\n }\n },\n})\n</script>\n"],"names":["~~_createElementBlock~~"~~,"_mergeProps","_renderSlot","_createVNode","_createBlock"~~],"mappings":"~~;;;;;;;;SACkB,mCACdA,8BAAAC;;IACG,uBAAuB~~;~~KAChB;0BAERD,0DAAsB,aAAL;0EAAkB;QACrB,eAAZE,0CAAsB,KAAK,KAA3B;UACEC;YAAkB,OAAM;AAAA,YAAW,SAAQ;AAAA;AAAA,gCAC3CH,0DACiB,YAAR;oCADTI;cAEG,KAAK;AAAA,cACL;;;;cAID,SAAQ;AAAA;;;;;YAOhBF,qFAAc;;;;;~~"}
1	+ {"version":3,"file":"skeleton.vue_vue_type_template_id_26fa9225_lang.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue?vue&type=template&id=26fa9225&lang.js"],"sourcesContent":["<template>\n <template v-if=\"uiLoading\">\n <div\n :class=\"['el-skeleton', animated ? 'is-animated' : '']\"\n v-bind=\"$attrs\"\n >\n <template v-for=\"i in count\" :key=\"i\">\n <slot v-if=\"loading\" :key=\"i\" name=\"template\">\n <el-skeleton-item class=\"is-first\" variant=\"p\" />\n <el-skeleton-item\n v-for=\"item in rows\"\n :key=\"item\"\n :class=\"{\n 'el-skeleton__paragraph': true,\n 'is-last': item === rows && rows > 1,\n }\"\n variant=\"p\"\n />\n </slot>\n </template>\n </div>\n </template>\n <template v-else>\n <slot v-bind=\"$attrs\"></slot>\n </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useThrottleRender } from '@element-plus/hooks'\nimport SkeletonItem from './skeleton-item.vue'\nimport { skeletonProps } from './skeleton'\n\nexport default defineComponent({\n name: 'ElSkeleton',\n components: {\n [SkeletonItem.name]: SkeletonItem,\n },\n props: skeletonProps,\n setup(props) {\n const innerLoading = computed(() => {\n return props.loading\n })\n\n const uiLoading = useThrottleRender(innerLoading, props.throttle)\n\n return {\n uiLoading,\n }\n },\n})\n</script>\n"],"names":["_openBlock"],"mappings":";;;;;;;;;;;;;aAGYA;oBACQ;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -75,7 +75,7 @@ declare const _Slider: SFCWithInstall<import("vue").DefineComponent<{
     oldValue: import("vue").Ref<number>;
     dragging: import("vue").Ref<boolean>;
     sliderSize: import("vue").Ref<number>;
-    slider: import("@vue/reactivity").ShallowRef<import("element-plus/es/utils/types").Nullable<HTMLElement>>;
+    slider: import("vue").ShallowRef<import("element-plus/es/utils/types").Nullable<HTMLElement>>;
     firstButton: import("vue").Ref<null>;
     secondButton: import("vue").Ref<null>;
     sliderDisabled: import("vue").ComputedRef<boolean>;
@@ -228,7 +228,7 @@ export declare const ElSlider: SFCWithInstall<import("vue").DefineComponent<{
     oldValue: import("vue").Ref<number>;
     dragging: import("vue").Ref<boolean>;
     sliderSize: import("vue").Ref<number>;
-    slider: import("@vue/reactivity").ShallowRef<import("element-plus/es/utils/types").Nullable<HTMLElement>>;
+    slider: import("vue").ShallowRef<import("element-plus/es/utils/types").Nullable<HTMLElement>>;
     firstButton: import("vue").Ref<null>;
     secondButton: import("vue").Ref<null>;
     sliderDisabled: import("vue").ComputedRef<boolean>;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../packages/components/slider/index.ts"],"sourcesContent":["import Slider from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nSlider.install = (app: App): void => {\n app.component(Slider.name, Slider)\n}\n\nconst _Slider = Slider as SFCWithInstall<typeof Slider>\n\nexport default _Slider\nexport const ElSlider = _Slider\n\nexport * from './src/slider.type'\n"],"names":["Slider"],"mappings":";;;;;;;;~~AAKAA~~,~~0CAAO~~,~~UAAU~~,CAAC,~~QAAmB~~;~~AACnC~~,~~MAAI~~,~~UAAUA~~,~~0CAAO~~,~~MAAMA~~;~~AAAA~~;~~MAGvB~~,~~UAAUA~~;~~MAGH~~,~~WAAW~~;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../packages/components/slider/index.ts"],"sourcesContent":["import Slider from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nSlider.install = (app: App): void => {\n app.component(Slider.name, Slider)\n}\n\nconst _Slider = Slider as SFCWithInstall<typeof Slider>\n\nexport default _Slider\nexport const ElSlider = _Slider\n\nexport * from './src/slider.type'\n"],"names":["Slider"],"mappings":";;;;;;;;AACAA,yCAAM,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC1B,EAAE,GAAG,CAAC,SAAS,CAACA,yCAAM,CAAC,IAAI,EAAEA,yCAAM,CAAC,CAAC;AACrC,CAAC,CAAC;AACG,MAAC,OAAO,GAAGA,0CAAO;AAEX,MAAC,QAAQ,GAAG;;;;;"}

package/lib/components/slider/src/button.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n class=\"el-slider__button-wrapper\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n :style=\"wrapperStyle\"\n tabindex=\"0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown.left=\"onLeftKeyDown\"\n @keydown.right=\"onRightKeyDown\"\n @keydown.down.prevent=\"onLeftKeyDown\"\n @keydown.up.prevent=\"onRightKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n v-model=\"tooltipVisible\"\n placement=\"top\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :disabled=\"!showTooltip\"\n manual\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div\n class=\"el-slider__button\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n ></div>\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n name: 'ElSliderButton',\n\n components: {\n ElTooltip,\n },\n\n props: {\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n tooltipClass: {\n type: String,\n default: '',\n },\n },\n\n emits: [UPDATE_MODEL_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n })\n\n const {\n tooltip,\n showTooltip,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n } = useSliderButton(props, initData, emit)\n\n const { hovering, dragging } = toRefs(initData)\n\n return {\n tooltip,\n tooltipVisible,\n showTooltip,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n\n hovering,\n dragging,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","UPDATE_MODEL_EVENT","~~reactive","~~useSliderButton"~~,"toRefs"~~],"mappings":";;;;;;;;;~~AA4CA~~,aAAeA,~~oBAAgB;AAAA~~,~~EAC7B~~,~~MAAM~~;~~AAAA~~,~~EAEN~~,~~YAAY;AAAA~~,~~eACVC~~;~~AAAA~~;~~AAAA~~,~~EAGF~~,~~OAAO~~;~~AAAA~~,~~IACL~~,~~YAAY~~;~~AAAA~~,~~MACV~~,~~MAAM~~;~~AAAA,MACN,SAAS~~;~~AAAA~~;~~AAAA~~,~~IAEX~~,~~UAAU;AAAA~~,~~MACR,~~MAAM;~~AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,~~MACZ,~~MAAM;AAAA~~,~~MACN~~,~~SAAS~~;~~AAAA;AAAA;AAAA~~,~~EAIb~~,~~OAAO,~~CAACC;~~AAAA~~,~~EAER~~,~~MAAM~~,~~OAAO~~,EAAE~~,QAAQ~~;~~AACrB~~,~~UAAM~~,~~WAAWC~~,~~aAAS;AAAA~~,~~MACxB,UAAU~~;~~AAAA~~,~~MACV~~,~~UAAU;AAAA~~,~~MACV,SAAS~~;~~AAAA,~~MACT,QAAQ~~;AAAA~~,~~MACR~~,~~UAAU~~;~~AAAA~~,~~MACV~~,~~QAAQ~~;~~AAAA~~,~~MACR~~,~~UAAU;AAAA~~,~~MACV,eAAe~~;~~AAAA~~,~~MACf,aAAa~~;~~AAAA~~,~~MACb,UAAU,MAAM~~;~~AAAA~~;~~AAGlB,UAAM;AAAA,~~MACJ~~;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA,~~MACA;~~AAAA,~~MACA;~~AAAA,~~MACA~~;AAAA~~,~~MACA~~;~~AAAA~~,~~MACA~~;~~AAAA,MACA~~;~~AAAA~~,~~QACEC~~,~~gCAAgB~~,~~OAAO,UAAU;AAErC,UAAM,~~EAAE~~,UAAU,aAAaC,WAAO~~;~~AAEtC,WAAO~~;~~AAAA,~~MACL~~;AAAA~~,~~MACA~~;~~AAAA,MACA~~;~~AAAA,~~MACA~~;AAAA~~,~~MACA~~;~~AAAA,MACA~~;~~AAAA,~~MACA~~;AAAA~~,~~MACA~~;~~AAAA,~~MACA;~~AAAA,~~MACA~~;AAAA~~,~~MACA~~;~~AAAA~~,~~MAEA~~;~~AAAA~~,~~MACA~~;~~AAAA;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"button.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n class=\"el-slider__button-wrapper\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n :style=\"wrapperStyle\"\n tabindex=\"0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown.left=\"onLeftKeyDown\"\n @keydown.right=\"onRightKeyDown\"\n @keydown.down.prevent=\"onLeftKeyDown\"\n @keydown.up.prevent=\"onRightKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n v-model=\"tooltipVisible\"\n placement=\"top\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :disabled=\"!showTooltip\"\n manual\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div\n class=\"el-slider__button\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n ></div>\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n name: 'ElSliderButton',\n\n components: {\n ElTooltip,\n },\n\n props: {\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n tooltipClass: {\n type: String,\n default: '',\n },\n },\n\n emits: [UPDATE_MODEL_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n })\n\n const {\n tooltip,\n showTooltip,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n } = useSliderButton(props, initData, emit)\n\n const { hovering, dragging } = toRefs(initData)\n\n return {\n tooltip,\n tooltipVisible,\n showTooltip,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n\n hovering,\n dragging,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","UPDATE_MODEL_EVENT","useSliderButton"],"mappings":";;;;;;;;;AA0CA,aAAeA,mBAAe;;AAE9B,EAAE,UAAU;eACRC,gBAAS;;EAEX,KAAK,EAAE;IACL;;;KAGC;IACD,QAAQ,EAAE;MACR,IAAI,EAAE;MACN,OAAO,EAAE;KACV;IACD;MACE,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,EAAE,CAACC;OACH,CAAC,KAAK,EAAE,EAAE;IACb;;;MAGE,OAAO,EAAE,KAAK;;MAEd,WAAW;MACX,MAAM,EAAE,CAAC;MACT,QAAQ,EAAE,CAAC;MACX,aAAa,EAAE;MACf,WAAW,EAAE,CAAC;MACd,QAAQ;MACR,CAAC;UACG;MACJ,OAAO;MACP,WAAW;MACX,cAAc;MACd,YAAY;;;MAGZ;MACA;MACA;MACA,cAAc;MACd,WAAW;QACTC;UACE,EAAE,QAAQ,EAAE;WACX;MACL,OAAO;MACP;MACA,WAAW;MACX;MACA,WAAW;;MAEX,gBAAgB;;MAEhB;MACA;MACA,WAAW;MACX,QAAQ;MACR,QAAQ;MACR;;;;;;"}

package/lib/components/slider/src/button.vue_vue_type_template_id_9cd3e794_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.vue_vue_type_template_id_9cd3e794_lang.js","sources":["../../../../../../packages/components/slider/src/button.vue?vue&type=template&id=9cd3e794&lang.js"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n class=\"el-slider__button-wrapper\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n :style=\"wrapperStyle\"\n tabindex=\"0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown.left=\"onLeftKeyDown\"\n @keydown.right=\"onRightKeyDown\"\n @keydown.down.prevent=\"onLeftKeyDown\"\n @keydown.up.prevent=\"onRightKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n v-model=\"tooltipVisible\"\n placement=\"top\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :disabled=\"!showTooltip\"\n manual\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div\n class=\"el-slider__button\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n ></div>\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n name: 'ElSliderButton',\n\n components: {\n ElTooltip,\n },\n\n props: {\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n tooltipClass: {\n type: String,\n default: '',\n },\n },\n\n emits: [UPDATE_MODEL_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n })\n\n const {\n tooltip,\n showTooltip,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n } = useSliderButton(props, initData, emit)\n\n const { hovering, dragging } = toRefs(initData)\n\n return {\n tooltip,\n tooltipVisible,\n showTooltip,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n\n hovering,\n dragging,\n }\n },\n})\n</script>\n"],"names":[~~"_createElementBlock","_createVNode","_createElementVNode"~~],"mappings":"~~;;;;;;;;0BACEA;IACE~~,KAAI;~~AAAA,~~IACJ,~~2BAAM~~,~~sCACW,yBAAoB~~;~~IACpC,0BAAO~~;~~IACR,UAAS~~;~~AAAA~~,~~IACR,qDAAY~~;~~IACZ~~,~~qDAAY~~;~~IACZ,oDAAW;~~IACX,~~qDAAY~~;~~IACZ,gDAAO~~;~~IACP,+CAAM~~;~~IACN~~;~~0DAAc;0DACC;4EACO;8EACF~~;;;~~IAErBC~~;~~MACE~~,~~KAAI;AAAA,kBACK;mEAAA;MACT,WAAU;AAAA,MACT,~~2BAAyB;~~AAAA,~~MACzB~~,gBAAc;MACd,WAAW;MACZ,QAAA;AAAA;MAEW,qBACT;QAAAC,yDAAS~~;;~~2BAEX;QAAAA;UACE,2BAAM,8BACW,yBAAoB;;;;;;;;;;~~"}
1	+ {"version":3,"file":"button.vue_vue_type_template_id_9cd3e794_lang.js","sources":["../../../../../../packages/components/slider/src/button.vue?vue&type=template&id=9cd3e794&lang.js"],"sourcesContent":["<template>\n <div\n ref=\"button\"\n class=\"el-slider__button-wrapper\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n :style=\"wrapperStyle\"\n tabindex=\"0\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @mousedown=\"onButtonDown\"\n @touchstart=\"onButtonDown\"\n @focus=\"handleMouseEnter\"\n @blur=\"handleMouseLeave\"\n @keydown.left=\"onLeftKeyDown\"\n @keydown.right=\"onRightKeyDown\"\n @keydown.down.prevent=\"onLeftKeyDown\"\n @keydown.up.prevent=\"onRightKeyDown\"\n >\n <el-tooltip\n ref=\"tooltip\"\n v-model=\"tooltipVisible\"\n placement=\"top\"\n :stop-popper-mouse-event=\"false\"\n :popper-class=\"tooltipClass\"\n :disabled=\"!showTooltip\"\n manual\n >\n <template #content>\n <span>{{ formatValue }}</span>\n </template>\n <div\n class=\"el-slider__button\"\n :class=\"{ hover: hovering, dragging: dragging }\"\n ></div>\n </el-tooltip>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n name: 'ElSliderButton',\n\n components: {\n ElTooltip,\n },\n\n props: {\n modelValue: {\n type: Number,\n default: 0,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n tooltipClass: {\n type: String,\n default: '',\n },\n },\n\n emits: [UPDATE_MODEL_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n hovering: false,\n dragging: false,\n isClick: false,\n startX: 0,\n currentX: 0,\n startY: 0,\n currentY: 0,\n startPosition: 0,\n newPosition: 0,\n oldValue: props.modelValue,\n })\n\n const {\n tooltip,\n showTooltip,\n tooltipVisible,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n } = useSliderButton(props, initData, emit)\n\n const { hovering, dragging } = toRefs(initData)\n\n return {\n tooltip,\n tooltipVisible,\n showTooltip,\n wrapperStyle,\n formatValue,\n handleMouseEnter,\n handleMouseLeave,\n onButtonDown,\n onLeftKeyDown,\n onRightKeyDown,\n setPosition,\n\n hovering,\n dragging,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;IAEI,KAAI;IACJ;IAEC,uBAAO,iBAAY;IACpB;IACC;IACA,YAAU;IACV,qDAAW;IACX,qGAAwB;IACxB;8GACsB;aACf;8DAAO;;;;;;;MAMb;;;MAEA;MACC,2BAAyB;MACzB;;MAED;;;;;;;;;;;;;;;"}

package/lib/components/slider/src/index.vue.d.ts CHANGED Viewed

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     oldValue: Ref<number>;
     dragging: Ref<boolean>;
     sliderSize: Ref<number>;
-    slider: import("@vue/reactivity").ShallowRef<Nullable<HTMLElement>>;
+    slider: import("vue").ShallowRef<Nullable<HTMLElement>>;
     firstButton: Ref<null>;
     secondButton: Ref<null>;
     sliderDisabled: import("vue").ComputedRef<boolean>;

package/lib/components/slider/src/index.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/index.vue"],"sourcesContent":["<template>\n <div\n ref=\"sliderWrapper\"\n class=\"el-slider\"\n :class=\"{ 'is-vertical': vertical, 'el-slider--with-input': showInput }\"\n role=\"slider\"\n :aria-valuemin=\"min\"\n :aria-valuemax=\"max\"\n :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n :aria-disabled=\"sliderDisabled\"\n >\n <el-input-number\n v-if=\"showInput && !range\"\n ref=\"input\"\n :model-value=\"firstValue\"\n class=\"el-slider__input\"\n :step=\"step\"\n :disabled=\"sliderDisabled\"\n :controls=\"showInputControls\"\n :min=\"min\"\n :max=\"max\"\n :debounce=\"debounce\"\n :size=\"inputSize\"\n @update:model-value=\"setFirstValue\"\n @change=\"emitChange\"\n />\n <div\n ref=\"slider\"\n class=\"el-slider__runway\"\n :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n :style=\"runwayStyle\"\n @click=\"onSliderClick\"\n >\n <div class=\"el-slider__bar\" :style=\"barStyle\"></div>\n <slider-button\n ref=\"firstButton\"\n :model-value=\"firstValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setFirstValue\"\n />\n <slider-button\n v-if=\"range\"\n ref=\"secondButton\"\n :model-value=\"secondValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setSecondValue\"\n />\n <div v-if=\"showStops\">\n <div\n v-for=\"(item, key) in stops\"\n :key=\"key\"\n class=\"el-slider__stop\"\n :style=\"getStopStyle(item)\"\n ></div>\n </div>\n <template v-if=\"markList.length > 0\">\n <div>\n <div\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :style=\"getStopStyle(item.position)\"\n class=\"el-slider__stop el-slider__marks-stop\"\n ></div>\n </div>\n <div class=\"el-slider__marks\">\n <slider-marker\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :mark=\"item.mark\"\n :style=\"getStopStyle(item.position)\"\n />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n UPDATE_MODEL_EVENT,\n CHANGE_EVENT,\n INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport { off, on } from '@element-plus/utils/dom'\nimport { throwError } from '@element-plus/utils/error'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n name: 'ElSlider',\n\n components: {\n ElInputNumber,\n SliderButton,\n SliderMarker,\n },\n\n props: {\n modelValue: {\n type: [Number, Array] as PropType<number \| number[]>,\n default: 0,\n },\n min: {\n type: Number,\n default: 0,\n },\n max: {\n type: Number,\n default: 100,\n },\n step: {\n type: Number,\n default: 1,\n },\n showInput: {\n type: Boolean,\n default: false,\n },\n showInputControls: {\n type: Boolean,\n default: true,\n },\n inputSize: {\n type: String as PropType<ComponentSize>,\n default: 'small',\n },\n showStops: {\n type: Boolean,\n default: false,\n },\n showTooltip: {\n type: Boolean,\n default: true,\n },\n formatTooltip: {\n type: Function as PropType<(val: number) => number \| string>,\n default: undefined,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n range: {\n type: Boolean,\n default: false,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n height: {\n type: String,\n default: '',\n },\n debounce: {\n type: Number,\n default: 300,\n },\n label: {\n type: String,\n default: undefined,\n },\n tooltipClass: {\n type: String,\n default: undefined,\n },\n marks: Object,\n },\n\n emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n firstValue: 0,\n secondValue: 0,\n oldValue: 0,\n dragging: false,\n sliderSize: 1,\n })\n\n const {\n elFormItem,\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n minValue,\n maxValue,\n runwayStyle,\n barStyle,\n resetSize,\n emitChange,\n onSliderClick,\n setFirstValue,\n setSecondValue,\n } = useSlide(props, initData, emit)\n\n const { stops, getStopStyle } = useStops(\n props,\n initData,\n minValue,\n maxValue\n )\n\n const markList = useMarks(props)\n\n useWatch(props, initData, minValue, maxValue, emit, elFormItem)\n\n const precision = computed(() => {\n const precisions = [props.min, props.max, props.step].map((item) => {\n const decimal = `${item}`.split('.')[1]\n return decimal ? decimal.length : 0\n })\n return Math.max.apply(null, precisions)\n })\n\n const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n toRefs(initData)\n\n const updateDragging = (val: boolean) => {\n initData.dragging = val\n }\n\n provide('SliderProvider', {\n ...toRefs(props),\n sliderSize,\n disabled: sliderDisabled,\n precision,\n emitChange,\n resetSize,\n updateDragging,\n })\n\n return {\n firstValue,\n secondValue,\n oldValue,\n dragging,\n sliderSize,\n\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n runwayStyle,\n barStyle,\n emitChange,\n onSliderClick,\n getStopStyle,\n setFirstValue,\n setSecondValue,\n\n stops,\n markList,\n\n sliderWrapper,\n }\n },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n const _emit = (val: number \| number[]) => {\n emit(UPDATE_MODEL_EVENT, val)\n emit(INPUT_EVENT, val)\n }\n\n const valueChanged = () => {\n if (props.range) {\n return ![minValue.value, maxValue.value].every(\n (item, index) => item === initData.oldValue[index]\n )\n } else {\n return props.modelValue !== initData.oldValue\n }\n }\n\n const setValues = () => {\n if (props.min > props.max) {\n throwError('Slider', 'min should not be greater than max.')\n return\n }\n const val = props.modelValue\n if (props.range && Array.isArray(val)) {\n if (val[1] < props.min) {\n _emit([props.min, props.min])\n } else if (val[0] > props.max) {\n _emit([props.max, props.max])\n } else if (val[0] < props.min) {\n _emit([props.min, val[1]])\n } else if (val[1] > props.max) {\n _emit([val[0], props.max])\n } else {\n initData.firstValue = val[0]\n initData.secondValue = val[1]\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val.slice()\n }\n }\n } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n if (val < props.min) {\n _emit(props.min)\n } else if (val > props.max) {\n _emit(props.max)\n } else {\n initData.firstValue = val\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val\n }\n }\n }\n }\n\n setValues()\n\n watch(\n () => initData.dragging,\n (val) => {\n if (!val) {\n setValues()\n }\n }\n )\n\n watch(\n () => props.modelValue,\n (val, oldVal) => {\n if (\n initData.dragging \|\|\n (Array.isArray(val) &&\n Array.isArray(oldVal) &&\n val.every((item, index) => item === oldVal[index]))\n ) {\n return\n }\n setValues()\n }\n )\n\n watch(\n () => [props.min, props.max],\n () => {\n setValues()\n }\n )\n}\n\nconst useLifecycle = (props, initData, resetSize) => {\n const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n onMounted(async () => {\n let valuetext\n if (props.range) {\n if (Array.isArray(props.modelValue)) {\n initData.firstValue = Math.max(props.min, props.modelValue[0])\n initData.secondValue = Math.min(props.max, props.modelValue[1])\n } else {\n initData.firstValue = props.min\n initData.secondValue = props.max\n }\n initData.oldValue = [initData.firstValue, initData.secondValue]\n valuetext = `${initData.firstValue}-${initData.secondValue}`\n } else {\n if (typeof props.modelValue !== 'number' \|\| isNaN(props.modelValue)) {\n initData.firstValue = props.min\n } else {\n initData.firstValue = Math.min(\n props.max,\n Math.max(props.min, props.modelValue)\n )\n }\n initData.oldValue = initData.firstValue\n valuetext = initData.firstValue\n }\n\n sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n // label screen reader\n sliderWrapper.value.setAttribute(\n 'aria-label',\n props.label ? props.label : `slider between ${props.min} and ${props.max}`\n )\n\n on(window, 'resize', resetSize)\n\n await nextTick()\n resetSize()\n })\n\n onBeforeUnmount(() => {\n off(window, 'resize', resetSize)\n })\n\n return {\n sliderWrapper,\n }\n}\n</script>\n"],"names":["defineComponent","ElInputNumber","SliderButton","SliderMarker","UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT","reactive","useSlide","useStops","useMarks","computed","toRefs","ref","nextTick"],"mappings":";;;;;;;;;;;;;;;;;AA6GA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,mBACVC;AAAA,kBACAC;AAAA,kBACAC;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA;AAAA,EAGT,OAAO,CAACC,8BAAoBC,wBAAcC;AAAA,EAE1C,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,WAAWC,aAAS;AAAA,MACxB,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA;AAGd,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,kBAAS,OAAO,UAAU;AAE9B,UAAM,EAAE,OAAO,iBAAiBC,kBAC9B,OACA,UACA,UACA;AAGF,UAAM,WAAWC,kBAAS;AAE1B,aAAS,OAAO,UAAU,UAAU,UAAU,MAAM;AAEpD,UAAM,YAAYC,aAAS,MAAM;AAC/B,YAAM,aAAa,CAAC,MAAM,KAAK,MAAM,KAAK,MAAM,MAAM,IAAI,CAAC,SAAS;AAClE,cAAM,UAAU,GAAG,OAAO,MAAM,KAAK;AACrC,eAAO,UAAU,QAAQ,SAAS;AAAA;AAEpC,aAAO,KAAK,IAAI,MAAM,MAAM;AAAA;AAG9B,UAAM,EAAE,kBAAkB,aAAa,OAAO,UAAU;AAExD,UAAM,EAAE,YAAY,aAAa,UAAU,UAAU,eACnDC,WAAO;AAET,UAAM,iBAAiB,CAAC,QAAiB;AACvC,eAAS,WAAW;AAAA;AAGtB,gBAAQ,kBAAkB;AAAA,SACrBA,WAAO;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;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,MAEA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;AAKN,MAAM,WAAW,CAAC,OAAO,UAAU,UAAU,UAAU,MAAM,eAAe;AAC1E,QAAM,QAAQ,CAAC,QAA2B;AACxC,SAAKR,8BAAoB;AACzB,SAAKE,uBAAa;AAAA;AAGpB,QAAM,eAAe,MAAM;AACzB,QAAI,MAAM,OAAO;AACf,aAAO,CAAC,CAAC,SAAS,OAAO,SAAS,OAAO,MACvC,CAAC,MAAM,UAAU,SAAS,SAAS,SAAS;AAAA,WAEzC;AACL,aAAO,MAAM,eAAe,SAAS;AAAA;AAAA;AAIzC,QAAM,YAAY,MAAM;;AACtB,QAAI,MAAM,MAAM,MAAM,KAAK;AACzB,uBAAW,UAAU;AACrB;AAAA;AAEF,UAAM,MAAM,MAAM;AAClB,QAAI,MAAM,SAAS,MAAM,QAAQ,MAAM;AACrC,UAAI,IAAI,KAAK,MAAM,KAAK;AACtB,cAAM,CAAC,MAAM,KAAK,MAAM;AAAA,iBACf,IAAI,KAAK,MAAM,KAAK;AAC7B,cAAM,CAAC,MAAM,KAAK,MAAM;AAAA,iBACf,IAAI,KAAK,MAAM,KAAK;AAC7B,cAAM,CAAC,MAAM,KAAK,IAAI;AAAA,iBACb,IAAI,KAAK,MAAM,KAAK;AAC7B,cAAM,CAAC,IAAI,IAAI,MAAM;AAAA,aAChB;AACL,iBAAS,aAAa,IAAI;AAC1B,iBAAS,cAAc,IAAI;AAC3B,YAAI,gBAAgB;AAClB,2BAAW,aAAX,oCAAsB;AACtB,mBAAS,WAAW,IAAI;AAAA;AAAA;AAAA,eAGnB,CAAC,MAAM,SAAS,OAAO,QAAQ,YAAY,CAAC,MAAM,MAAM;AACjE,UAAI,MAAM,MAAM,KAAK;AACnB,cAAM,MAAM;AAAA,iBACH,MAAM,MAAM,KAAK;AAC1B,cAAM,MAAM;AAAA,aACP;AACL,iBAAS,aAAa;AACtB,YAAI,gBAAgB;AAClB,2BAAW,aAAX,oCAAsB;AACtB,mBAAS,WAAW;AAAA;AAAA;AAAA;AAAA;AAM5B;AAEA,YACE,MAAM,SAAS,UACf,CAAC,QAAQ;AACP,QAAI,CAAC,KAAK;AACR;AAAA;AAAA;AAKN,YACE,MAAM,MAAM,YACZ,CAAC,KAAK,WAAW;AACf,QACE,SAAS,YACR,MAAM,QAAQ,QACb,MAAM,QAAQ,WACd,IAAI,MAAM,CAAC,MAAM,UAAU,SAAS,OAAO,SAC7C;AACA;AAAA;AAEF;AAAA;AAIJ,YACE,MAAM,CAAC,MAAM,KAAK,MAAM,MACxB,MAAM;AACJ;AAAA;AAAA;AAKN,MAAM,eAAe,CAAC,OAAO,UAAU,cAAc;AACnD,QAAM,gBAA4CO,QAAI;AAEtD,gBAAU,YAAY;AACpB,QAAI;AACJ,QAAI,MAAM,OAAO;AACf,UAAI,MAAM,QAAQ,MAAM,aAAa;AACnC,iBAAS,aAAa,KAAK,IAAI,MAAM,KAAK,MAAM,WAAW;AAC3D,iBAAS,cAAc,KAAK,IAAI,MAAM,KAAK,MAAM,WAAW;AAAA,aACvD;AACL,iBAAS,aAAa,MAAM;AAC5B,iBAAS,cAAc,MAAM;AAAA;AAE/B,eAAS,WAAW,CAAC,SAAS,YAAY,SAAS;AACnD,kBAAY,GAAG,SAAS,cAAc,SAAS;AAAA,WAC1C;AACL,UAAI,OAAO,MAAM,eAAe,YAAY,MAAM,MAAM,aAAa;AACnE,iBAAS,aAAa,MAAM;AAAA,aACvB;AACL,iBAAS,aAAa,KAAK,IACzB,MAAM,KACN,KAAK,IAAI,MAAM,KAAK,MAAM;AAAA;AAG9B,eAAS,WAAW,SAAS;AAC7B,kBAAY,SAAS;AAAA;AAGvB,kBAAc,MAAM,aAAa,kBAAkB;AAGnD,kBAAc,MAAM,aAClB,cACA,MAAM,QAAQ,MAAM,QAAQ,kBAAkB,MAAM,WAAW,MAAM;AAGvE,WAAG,QAAQ,UAAU;AAErB,UAAMC;AACN;AAAA;AAGF,sBAAgB,MAAM;AACpB,YAAI,QAAQ,UAAU;AAAA;AAGxB,SAAO;AAAA,IACL;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/index.vue"],"sourcesContent":["<template>\n <div\n ref=\"sliderWrapper\"\n class=\"el-slider\"\n :class=\"{ 'is-vertical': vertical, 'el-slider--with-input': showInput }\"\n role=\"slider\"\n :aria-valuemin=\"min\"\n :aria-valuemax=\"max\"\n :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n :aria-disabled=\"sliderDisabled\"\n >\n <el-input-number\n v-if=\"showInput && !range\"\n ref=\"input\"\n :model-value=\"firstValue\"\n class=\"el-slider__input\"\n :step=\"step\"\n :disabled=\"sliderDisabled\"\n :controls=\"showInputControls\"\n :min=\"min\"\n :max=\"max\"\n :debounce=\"debounce\"\n :size=\"inputSize\"\n @update:model-value=\"setFirstValue\"\n @change=\"emitChange\"\n />\n <div\n ref=\"slider\"\n class=\"el-slider__runway\"\n :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n :style=\"runwayStyle\"\n @click=\"onSliderClick\"\n >\n <div class=\"el-slider__bar\" :style=\"barStyle\"></div>\n <slider-button\n ref=\"firstButton\"\n :model-value=\"firstValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setFirstValue\"\n />\n <slider-button\n v-if=\"range\"\n ref=\"secondButton\"\n :model-value=\"secondValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setSecondValue\"\n />\n <div v-if=\"showStops\">\n <div\n v-for=\"(item, key) in stops\"\n :key=\"key\"\n class=\"el-slider__stop\"\n :style=\"getStopStyle(item)\"\n ></div>\n </div>\n <template v-if=\"markList.length > 0\">\n <div>\n <div\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :style=\"getStopStyle(item.position)\"\n class=\"el-slider__stop el-slider__marks-stop\"\n ></div>\n </div>\n <div class=\"el-slider__marks\">\n <slider-marker\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :mark=\"item.mark\"\n :style=\"getStopStyle(item.position)\"\n />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n UPDATE_MODEL_EVENT,\n CHANGE_EVENT,\n INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport { off, on } from '@element-plus/utils/dom'\nimport { throwError } from '@element-plus/utils/error'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n name: 'ElSlider',\n\n components: {\n ElInputNumber,\n SliderButton,\n SliderMarker,\n },\n\n props: {\n modelValue: {\n type: [Number, Array] as PropType<number \| number[]>,\n default: 0,\n },\n min: {\n type: Number,\n default: 0,\n },\n max: {\n type: Number,\n default: 100,\n },\n step: {\n type: Number,\n default: 1,\n },\n showInput: {\n type: Boolean,\n default: false,\n },\n showInputControls: {\n type: Boolean,\n default: true,\n },\n inputSize: {\n type: String as PropType<ComponentSize>,\n default: 'small',\n },\n showStops: {\n type: Boolean,\n default: false,\n },\n showTooltip: {\n type: Boolean,\n default: true,\n },\n formatTooltip: {\n type: Function as PropType<(val: number) => number \| string>,\n default: undefined,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n range: {\n type: Boolean,\n default: false,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n height: {\n type: String,\n default: '',\n },\n debounce: {\n type: Number,\n default: 300,\n },\n label: {\n type: String,\n default: undefined,\n },\n tooltipClass: {\n type: String,\n default: undefined,\n },\n marks: Object,\n },\n\n emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n firstValue: 0,\n secondValue: 0,\n oldValue: 0,\n dragging: false,\n sliderSize: 1,\n })\n\n const {\n elFormItem,\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n minValue,\n maxValue,\n runwayStyle,\n barStyle,\n resetSize,\n emitChange,\n onSliderClick,\n setFirstValue,\n setSecondValue,\n } = useSlide(props, initData, emit)\n\n const { stops, getStopStyle } = useStops(\n props,\n initData,\n minValue,\n maxValue\n )\n\n const markList = useMarks(props)\n\n useWatch(props, initData, minValue, maxValue, emit, elFormItem)\n\n const precision = computed(() => {\n const precisions = [props.min, props.max, props.step].map((item) => {\n const decimal = `${item}`.split('.')[1]\n return decimal ? decimal.length : 0\n })\n return Math.max.apply(null, precisions)\n })\n\n const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n toRefs(initData)\n\n const updateDragging = (val: boolean) => {\n initData.dragging = val\n }\n\n provide('SliderProvider', {\n ...toRefs(props),\n sliderSize,\n disabled: sliderDisabled,\n precision,\n emitChange,\n resetSize,\n updateDragging,\n })\n\n return {\n firstValue,\n secondValue,\n oldValue,\n dragging,\n sliderSize,\n\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n runwayStyle,\n barStyle,\n emitChange,\n onSliderClick,\n getStopStyle,\n setFirstValue,\n setSecondValue,\n\n stops,\n markList,\n\n sliderWrapper,\n }\n },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n const _emit = (val: number \| number[]) => {\n emit(UPDATE_MODEL_EVENT, val)\n emit(INPUT_EVENT, val)\n }\n\n const valueChanged = () => {\n if (props.range) {\n return ![minValue.value, maxValue.value].every(\n (item, index) => item === initData.oldValue[index]\n )\n } else {\n return props.modelValue !== initData.oldValue\n }\n }\n\n const setValues = () => {\n if (props.min > props.max) {\n throwError('Slider', 'min should not be greater than max.')\n return\n }\n const val = props.modelValue\n if (props.range && Array.isArray(val)) {\n if (val[1] < props.min) {\n _emit([props.min, props.min])\n } else if (val[0] > props.max) {\n _emit([props.max, props.max])\n } else if (val[0] < props.min) {\n _emit([props.min, val[1]])\n } else if (val[1] > props.max) {\n _emit([val[0], props.max])\n } else {\n initData.firstValue = val[0]\n initData.secondValue = val[1]\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val.slice()\n }\n }\n } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n if (val < props.min) {\n _emit(props.min)\n } else if (val > props.max) {\n _emit(props.max)\n } else {\n initData.firstValue = val\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val\n }\n }\n }\n }\n\n setValues()\n\n watch(\n () => initData.dragging,\n (val) => {\n if (!val) {\n setValues()\n }\n }\n )\n\n watch(\n () => props.modelValue,\n (val, oldVal) => {\n if (\n initData.dragging \|\|\n (Array.isArray(val) &&\n Array.isArray(oldVal) &&\n val.every((item, index) => item === oldVal[index]))\n ) {\n return\n }\n setValues()\n }\n )\n\n watch(\n () => [props.min, props.max],\n () => {\n setValues()\n }\n )\n}\n\nconst useLifecycle = (props, initData, resetSize) => {\n const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n onMounted(async () => {\n let valuetext\n if (props.range) {\n if (Array.isArray(props.modelValue)) {\n initData.firstValue = Math.max(props.min, props.modelValue[0])\n initData.secondValue = Math.min(props.max, props.modelValue[1])\n } else {\n initData.firstValue = props.min\n initData.secondValue = props.max\n }\n initData.oldValue = [initData.firstValue, initData.secondValue]\n valuetext = `${initData.firstValue}-${initData.secondValue}`\n } else {\n if (typeof props.modelValue !== 'number' \|\| isNaN(props.modelValue)) {\n initData.firstValue = props.min\n } else {\n initData.firstValue = Math.min(\n props.max,\n Math.max(props.min, props.modelValue)\n )\n }\n initData.oldValue = initData.firstValue\n valuetext = initData.firstValue\n }\n\n sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n // label screen reader\n sliderWrapper.value.setAttribute(\n 'aria-label',\n props.label ? props.label : `slider between ${props.min} and ${props.max}`\n )\n\n on(window, 'resize', resetSize)\n\n await nextTick()\n resetSize()\n })\n\n onBeforeUnmount(() => {\n off(window, 'resize', resetSize)\n })\n\n return {\n sliderWrapper,\n }\n}\n</script>\n"],"names":["defineComponent","ElInputNumber","SliderMarker","useSlide","UPDATE_MODEL_EVENT","INPUT_EVENT","throwError","on","off"],"mappings":"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"}

package/lib/components/slider/src/index.vue_vue_type_template_id_24c42d04_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue_vue_type_template_id_24c42d04_lang.js","sources":["../../../../../../packages/components/slider/src/index.vue?vue&type=template&id=24c42d04&lang.js"],"sourcesContent":["<template>\n <div\n ref=\"sliderWrapper\"\n class=\"el-slider\"\n :class=\"{ 'is-vertical': vertical, 'el-slider--with-input': showInput }\"\n role=\"slider\"\n :aria-valuemin=\"min\"\n :aria-valuemax=\"max\"\n :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n :aria-disabled=\"sliderDisabled\"\n >\n <el-input-number\n v-if=\"showInput && !range\"\n ref=\"input\"\n :model-value=\"firstValue\"\n class=\"el-slider__input\"\n :step=\"step\"\n :disabled=\"sliderDisabled\"\n :controls=\"showInputControls\"\n :min=\"min\"\n :max=\"max\"\n :debounce=\"debounce\"\n :size=\"inputSize\"\n @update:model-value=\"setFirstValue\"\n @change=\"emitChange\"\n />\n <div\n ref=\"slider\"\n class=\"el-slider__runway\"\n :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n :style=\"runwayStyle\"\n @click=\"onSliderClick\"\n >\n <div class=\"el-slider__bar\" :style=\"barStyle\"></div>\n <slider-button\n ref=\"firstButton\"\n :model-value=\"firstValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setFirstValue\"\n />\n <slider-button\n v-if=\"range\"\n ref=\"secondButton\"\n :model-value=\"secondValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setSecondValue\"\n />\n <div v-if=\"showStops\">\n <div\n v-for=\"(item, key) in stops\"\n :key=\"key\"\n class=\"el-slider__stop\"\n :style=\"getStopStyle(item)\"\n ></div>\n </div>\n <template v-if=\"markList.length > 0\">\n <div>\n <div\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :style=\"getStopStyle(item.position)\"\n class=\"el-slider__stop el-slider__marks-stop\"\n ></div>\n </div>\n <div class=\"el-slider__marks\">\n <slider-marker\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :mark=\"item.mark\"\n :style=\"getStopStyle(item.position)\"\n />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n UPDATE_MODEL_EVENT,\n CHANGE_EVENT,\n INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport { off, on } from '@element-plus/utils/dom'\nimport { throwError } from '@element-plus/utils/error'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n name: 'ElSlider',\n\n components: {\n ElInputNumber,\n SliderButton,\n SliderMarker,\n },\n\n props: {\n modelValue: {\n type: [Number, Array] as PropType<number \| number[]>,\n default: 0,\n },\n min: {\n type: Number,\n default: 0,\n },\n max: {\n type: Number,\n default: 100,\n },\n step: {\n type: Number,\n default: 1,\n },\n showInput: {\n type: Boolean,\n default: false,\n },\n showInputControls: {\n type: Boolean,\n default: true,\n },\n inputSize: {\n type: String as PropType<ComponentSize>,\n default: 'small',\n },\n showStops: {\n type: Boolean,\n default: false,\n },\n showTooltip: {\n type: Boolean,\n default: true,\n },\n formatTooltip: {\n type: Function as PropType<(val: number) => number \| string>,\n default: undefined,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n range: {\n type: Boolean,\n default: false,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n height: {\n type: String,\n default: '',\n },\n debounce: {\n type: Number,\n default: 300,\n },\n label: {\n type: String,\n default: undefined,\n },\n tooltipClass: {\n type: String,\n default: undefined,\n },\n marks: Object,\n },\n\n emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n firstValue: 0,\n secondValue: 0,\n oldValue: 0,\n dragging: false,\n sliderSize: 1,\n })\n\n const {\n elFormItem,\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n minValue,\n maxValue,\n runwayStyle,\n barStyle,\n resetSize,\n emitChange,\n onSliderClick,\n setFirstValue,\n setSecondValue,\n } = useSlide(props, initData, emit)\n\n const { stops, getStopStyle } = useStops(\n props,\n initData,\n minValue,\n maxValue\n )\n\n const markList = useMarks(props)\n\n useWatch(props, initData, minValue, maxValue, emit, elFormItem)\n\n const precision = computed(() => {\n const precisions = [props.min, props.max, props.step].map((item) => {\n const decimal = `${item}`.split('.')[1]\n return decimal ? decimal.length : 0\n })\n return Math.max.apply(null, precisions)\n })\n\n const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n toRefs(initData)\n\n const updateDragging = (val: boolean) => {\n initData.dragging = val\n }\n\n provide('SliderProvider', {\n ...toRefs(props),\n sliderSize,\n disabled: sliderDisabled,\n precision,\n emitChange,\n resetSize,\n updateDragging,\n })\n\n return {\n firstValue,\n secondValue,\n oldValue,\n dragging,\n sliderSize,\n\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n runwayStyle,\n barStyle,\n emitChange,\n onSliderClick,\n getStopStyle,\n setFirstValue,\n setSecondValue,\n\n stops,\n markList,\n\n sliderWrapper,\n }\n },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n const _emit = (val: number \| number[]) => {\n emit(UPDATE_MODEL_EVENT, val)\n emit(INPUT_EVENT, val)\n }\n\n const valueChanged = () => {\n if (props.range) {\n return ![minValue.value, maxValue.value].every(\n (item, index) => item === initData.oldValue[index]\n )\n } else {\n return props.modelValue !== initData.oldValue\n }\n }\n\n const setValues = () => {\n if (props.min > props.max) {\n throwError('Slider', 'min should not be greater than max.')\n return\n }\n const val = props.modelValue\n if (props.range && Array.isArray(val)) {\n if (val[1] < props.min) {\n _emit([props.min, props.min])\n } else if (val[0] > props.max) {\n _emit([props.max, props.max])\n } else if (val[0] < props.min) {\n _emit([props.min, val[1]])\n } else if (val[1] > props.max) {\n _emit([val[0], props.max])\n } else {\n initData.firstValue = val[0]\n initData.secondValue = val[1]\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val.slice()\n }\n }\n } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n if (val < props.min) {\n _emit(props.min)\n } else if (val > props.max) {\n _emit(props.max)\n } else {\n initData.firstValue = val\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val\n }\n }\n }\n }\n\n setValues()\n\n watch(\n () => initData.dragging,\n (val) => {\n if (!val) {\n setValues()\n }\n }\n )\n\n watch(\n () => props.modelValue,\n (val, oldVal) => {\n if (\n initData.dragging \|\|\n (Array.isArray(val) &&\n Array.isArray(oldVal) &&\n val.every((item, index) => item === oldVal[index]))\n ) {\n return\n }\n setValues()\n }\n )\n\n watch(\n () => [props.min, props.max],\n () => {\n setValues()\n }\n )\n}\n\nconst useLifecycle = (props, initData, resetSize) => {\n const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n onMounted(async () => {\n let valuetext\n if (props.range) {\n if (Array.isArray(props.modelValue)) {\n initData.firstValue = Math.max(props.min, props.modelValue[0])\n initData.secondValue = Math.min(props.max, props.modelValue[1])\n } else {\n initData.firstValue = props.min\n initData.secondValue = props.max\n }\n initData.oldValue = [initData.firstValue, initData.secondValue]\n valuetext = `${initData.firstValue}-${initData.secondValue}`\n } else {\n if (typeof props.modelValue !== 'number' \|\| isNaN(props.modelValue)) {\n initData.firstValue = props.min\n } else {\n initData.firstValue = Math.min(\n props.max,\n Math.max(props.min, props.modelValue)\n )\n }\n initData.oldValue = initData.firstValue\n valuetext = initData.firstValue\n }\n\n sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n // label screen reader\n sliderWrapper.value.setAttribute(\n 'aria-label',\n props.label ? props.label : `slider between ${props.min} and ${props.max}`\n )\n\n on(window, 'resize', resetSize)\n\n await nextTick()\n resetSize()\n })\n\n onBeforeUnmount(() => {\n off(window, 'resize', resetSize)\n })\n\n return {\n sliderWrapper,\n }\n}\n</script>\n"],"names":["_createElementBlock","_createBlock","_createElementVNode","_createVNode"],"mappings":";;;;;;;;qBAkEa,OAAM;;;;;0BAjEjBA;IACE,KAAI;AAAA,IACJ,2BAAM,8BACmB,wCAAmC;IAC5D,MAAK;AAAA,IACJ,iBAAe;IACf,iBAAe;IACf,oBAAkB;IAClB,iBAAe;;IAGR,mBAAc,+BADtBC;;MAEE,KAAI;AAAA,MACH,eAAa;MACd,OAAM;AAAA,MACL,MAAM;MACN,UAAU;MACV,UAAU;MACV,KAAK;MACL,KAAK;MACL,UAAU;MACV,MAAM;MACN,uBAAoB;MACpB,UAAQ;;IAEXC;MACE,KAAI;AAAA,MACJ,2BAAM,qCACkB,mBAAc,sBAAiB;MACtD,0BAAO;MACP,gDAAO;;MAERA;QAAK,OAAM;AAAA,QAAkB,0BAAO;;MACpCC;QACE,KAAI;AAAA,QACH,eAAa;QACb,UAAU;QACV,iBAAe;QACf,uBAAoB;;MAGf,+BADRF;;QAEE,KAAI;AAAA,QACH,eAAa;QACb,UAAU;QACV,iBAAe;QACf,uBAAoB;;MAEZ,mCAAXD;8BACEA,0DACwB,aAAd,MAAM;kCADhBA;YAEG;AAAA,YACD,OAAM;AAAA,YACL,0BAAO,kBAAa;AAAA;;;MAGT,cAAS,+BAAzBA;QACEE;gCACEF,0DACwB,gBAAd,MAAM;oCADhBA;cAEG;AAAA,cACA,0BAAO,kBAAa,KAAK;AAAA,cAC1B,OAAM;AAAA;;;QAGVE,8BAAA;gCACEF,0DACwB,gBAAd,MAAM;oCADhBC;cAEG;AAAA,cACA,MAAM,KAAK;AAAA,cACX,0BAAO,kBAAa,KAAK;AAAA;;;;;;;;;;"}
1	+ {"version":3,"file":"index.vue_vue_type_template_id_24c42d04_lang.js","sources":["../../../../../../packages/components/slider/src/index.vue?vue&type=template&id=24c42d04&lang.js"],"sourcesContent":["<template>\n <div\n ref=\"sliderWrapper\"\n class=\"el-slider\"\n :class=\"{ 'is-vertical': vertical, 'el-slider--with-input': showInput }\"\n role=\"slider\"\n :aria-valuemin=\"min\"\n :aria-valuemax=\"max\"\n :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n :aria-disabled=\"sliderDisabled\"\n >\n <el-input-number\n v-if=\"showInput && !range\"\n ref=\"input\"\n :model-value=\"firstValue\"\n class=\"el-slider__input\"\n :step=\"step\"\n :disabled=\"sliderDisabled\"\n :controls=\"showInputControls\"\n :min=\"min\"\n :max=\"max\"\n :debounce=\"debounce\"\n :size=\"inputSize\"\n @update:model-value=\"setFirstValue\"\n @change=\"emitChange\"\n />\n <div\n ref=\"slider\"\n class=\"el-slider__runway\"\n :class=\"{ 'show-input': showInput && !range, disabled: sliderDisabled }\"\n :style=\"runwayStyle\"\n @click=\"onSliderClick\"\n >\n <div class=\"el-slider__bar\" :style=\"barStyle\"></div>\n <slider-button\n ref=\"firstButton\"\n :model-value=\"firstValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setFirstValue\"\n />\n <slider-button\n v-if=\"range\"\n ref=\"secondButton\"\n :model-value=\"secondValue\"\n :vertical=\"vertical\"\n :tooltip-class=\"tooltipClass\"\n @update:model-value=\"setSecondValue\"\n />\n <div v-if=\"showStops\">\n <div\n v-for=\"(item, key) in stops\"\n :key=\"key\"\n class=\"el-slider__stop\"\n :style=\"getStopStyle(item)\"\n ></div>\n </div>\n <template v-if=\"markList.length > 0\">\n <div>\n <div\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :style=\"getStopStyle(item.position)\"\n class=\"el-slider__stop el-slider__marks-stop\"\n ></div>\n </div>\n <div class=\"el-slider__marks\">\n <slider-marker\n v-for=\"(item, key) in markList\"\n :key=\"key\"\n :mark=\"item.mark\"\n :style=\"getStopStyle(item.position)\"\n />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n computed,\n defineComponent,\n nextTick,\n onBeforeUnmount,\n onMounted,\n provide,\n reactive,\n ref,\n toRefs,\n watch,\n} from 'vue'\nimport ElInputNumber from '@element-plus/components/input-number'\nimport {\n UPDATE_MODEL_EVENT,\n CHANGE_EVENT,\n INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport { off, on } from '@element-plus/utils/dom'\nimport { throwError } from '@element-plus/utils/error'\nimport SliderButton from './button.vue'\nimport SliderMarker from './marker.vue'\nimport { useMarks } from './useMarks'\nimport { useSlide } from './useSlide'\nimport { useStops } from './useStops'\n\nimport type { PropType, Ref } from 'vue'\nimport type { ComponentSize, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n name: 'ElSlider',\n\n components: {\n ElInputNumber,\n SliderButton,\n SliderMarker,\n },\n\n props: {\n modelValue: {\n type: [Number, Array] as PropType<number \| number[]>,\n default: 0,\n },\n min: {\n type: Number,\n default: 0,\n },\n max: {\n type: Number,\n default: 100,\n },\n step: {\n type: Number,\n default: 1,\n },\n showInput: {\n type: Boolean,\n default: false,\n },\n showInputControls: {\n type: Boolean,\n default: true,\n },\n inputSize: {\n type: String as PropType<ComponentSize>,\n default: 'small',\n },\n showStops: {\n type: Boolean,\n default: false,\n },\n showTooltip: {\n type: Boolean,\n default: true,\n },\n formatTooltip: {\n type: Function as PropType<(val: number) => number \| string>,\n default: undefined,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n range: {\n type: Boolean,\n default: false,\n },\n vertical: {\n type: Boolean,\n default: false,\n },\n height: {\n type: String,\n default: '',\n },\n debounce: {\n type: Number,\n default: 300,\n },\n label: {\n type: String,\n default: undefined,\n },\n tooltipClass: {\n type: String,\n default: undefined,\n },\n marks: Object,\n },\n\n emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT],\n\n setup(props, { emit }) {\n const initData = reactive({\n firstValue: 0,\n secondValue: 0,\n oldValue: 0,\n dragging: false,\n sliderSize: 1,\n })\n\n const {\n elFormItem,\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n minValue,\n maxValue,\n runwayStyle,\n barStyle,\n resetSize,\n emitChange,\n onSliderClick,\n setFirstValue,\n setSecondValue,\n } = useSlide(props, initData, emit)\n\n const { stops, getStopStyle } = useStops(\n props,\n initData,\n minValue,\n maxValue\n )\n\n const markList = useMarks(props)\n\n useWatch(props, initData, minValue, maxValue, emit, elFormItem)\n\n const precision = computed(() => {\n const precisions = [props.min, props.max, props.step].map((item) => {\n const decimal = `${item}`.split('.')[1]\n return decimal ? decimal.length : 0\n })\n return Math.max.apply(null, precisions)\n })\n\n const { sliderWrapper } = useLifecycle(props, initData, resetSize)\n\n const { firstValue, secondValue, oldValue, dragging, sliderSize } =\n toRefs(initData)\n\n const updateDragging = (val: boolean) => {\n initData.dragging = val\n }\n\n provide('SliderProvider', {\n ...toRefs(props),\n sliderSize,\n disabled: sliderDisabled,\n precision,\n emitChange,\n resetSize,\n updateDragging,\n })\n\n return {\n firstValue,\n secondValue,\n oldValue,\n dragging,\n sliderSize,\n\n slider,\n firstButton,\n secondButton,\n sliderDisabled,\n runwayStyle,\n barStyle,\n emitChange,\n onSliderClick,\n getStopStyle,\n setFirstValue,\n setSecondValue,\n\n stops,\n markList,\n\n sliderWrapper,\n }\n },\n})\n\nconst useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {\n const _emit = (val: number \| number[]) => {\n emit(UPDATE_MODEL_EVENT, val)\n emit(INPUT_EVENT, val)\n }\n\n const valueChanged = () => {\n if (props.range) {\n return ![minValue.value, maxValue.value].every(\n (item, index) => item === initData.oldValue[index]\n )\n } else {\n return props.modelValue !== initData.oldValue\n }\n }\n\n const setValues = () => {\n if (props.min > props.max) {\n throwError('Slider', 'min should not be greater than max.')\n return\n }\n const val = props.modelValue\n if (props.range && Array.isArray(val)) {\n if (val[1] < props.min) {\n _emit([props.min, props.min])\n } else if (val[0] > props.max) {\n _emit([props.max, props.max])\n } else if (val[0] < props.min) {\n _emit([props.min, val[1]])\n } else if (val[1] > props.max) {\n _emit([val[0], props.max])\n } else {\n initData.firstValue = val[0]\n initData.secondValue = val[1]\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val.slice()\n }\n }\n } else if (!props.range && typeof val === 'number' && !isNaN(val)) {\n if (val < props.min) {\n _emit(props.min)\n } else if (val > props.max) {\n _emit(props.max)\n } else {\n initData.firstValue = val\n if (valueChanged()) {\n elFormItem.validate?.('change')\n initData.oldValue = val\n }\n }\n }\n }\n\n setValues()\n\n watch(\n () => initData.dragging,\n (val) => {\n if (!val) {\n setValues()\n }\n }\n )\n\n watch(\n () => props.modelValue,\n (val, oldVal) => {\n if (\n initData.dragging \|\|\n (Array.isArray(val) &&\n Array.isArray(oldVal) &&\n val.every((item, index) => item === oldVal[index]))\n ) {\n return\n }\n setValues()\n }\n )\n\n watch(\n () => [props.min, props.max],\n () => {\n setValues()\n }\n )\n}\n\nconst useLifecycle = (props, initData, resetSize) => {\n const sliderWrapper: Ref<Nullable<HTMLElement>> = ref(null)\n\n onMounted(async () => {\n let valuetext\n if (props.range) {\n if (Array.isArray(props.modelValue)) {\n initData.firstValue = Math.max(props.min, props.modelValue[0])\n initData.secondValue = Math.min(props.max, props.modelValue[1])\n } else {\n initData.firstValue = props.min\n initData.secondValue = props.max\n }\n initData.oldValue = [initData.firstValue, initData.secondValue]\n valuetext = `${initData.firstValue}-${initData.secondValue}`\n } else {\n if (typeof props.modelValue !== 'number' \|\| isNaN(props.modelValue)) {\n initData.firstValue = props.min\n } else {\n initData.firstValue = Math.min(\n props.max,\n Math.max(props.min, props.modelValue)\n )\n }\n initData.oldValue = initData.firstValue\n valuetext = initData.firstValue\n }\n\n sliderWrapper.value.setAttribute('aria-valuetext', valuetext)\n\n // label screen reader\n sliderWrapper.value.setAttribute(\n 'aria-label',\n props.label ? props.label : `slider between ${props.min} and ${props.max}`\n )\n\n on(window, 'resize', resetSize)\n\n await nextTick()\n resetSize()\n })\n\n onBeforeUnmount(() => {\n off(window, 'resize', resetSize)\n })\n\n return {\n sliderWrapper,\n }\n}\n</script>\n"],"names":["_createElementVNode","_createElementBlock","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;IAEI;IACA;IAEA;IACC,eAAa,EAAE;;IAEf,kBAAgB;;;;;;;;eAOV;gBACE;oBACI;UACV;;;;;;;;;;MASDA;;gDAGmB;aACb;;;QAED;QAAwB,uBAAO;;;aAE9B;;QAEH;QACA;QACA;;;;;;4BAKW,EAAEC;;YAEb;YACA;;;;;;;wBAKO;;;;;;;;;;oCAONC;;kBAEG;4CACO,kBAAa;yBACf;;;;;;;;;;"}

package/lib/components/slider/src/marker.vue_vue_type_script_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marker.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/marker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { computed, defineComponent, h } from 'vue'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n name: 'ElMarker',\n props: {\n mark: {\n type: [String, Object] as PropType<string \| Record<string, unknown>>,\n default: () => undefined,\n },\n },\n setup(props) {\n const label = computed(() => {\n return typeof props.mark === 'string' ? props.mark : props.mark.label\n })\n\n return {\n label,\n }\n },\n render() {\n return h(\n 'div',\n {\n class: 'el-slider__marks-text',\n style: this.mark?.style,\n },\n this.label\n )\n },\n})\n</script>\n"],"names":["defineComponent","computed","h"],"mappings":";;;;;;~~AAKA~~,aAAeA,~~oBAAgB;AAAA~~,~~EAC7B~~,~~MAAM;AAAA~~,~~EACN~~,~~OAAO;AAAA~~,~~IACL~~,~~MAAM;AAAA~~,~~MACJ,MAAM,~~CAAC,~~QAAQ;AAAA,MACf,SAAS,~~MAAM~~;AAAA;AAAA;AAAA~~,~~EAGnB~~,MAAM,~~OAAO~~;~~AACX~~,~~UAAM~~,~~QAAQC,aAAS,MAAM~~;~~AAC3B~~,~~aAAO~~,~~OAAO,MAAM,SAAS,WAAW,MAAM,OAAO,MAAM,~~KAAK~~;AAAA;AAGlE~~,~~WAAO~~;~~AAAA~~,~~MACL;AAAA;AAAA;AAAA~~,~~EAGJ~~,~~SAAS;;AACP~~,~~WAAOC~~,MACL,~~OACA~~;~~AAAA~~,~~MACE~~,~~OAAO~~;~~AAAA~~,~~MACP~~,~~OAAO,WAAK,SAAL,mBAAW;AAAA,OAEpB,KAAK;AAAA;AAAA;;;;~~"}
1	+ {"version":3,"file":"marker.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/marker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { computed, defineComponent, h } from 'vue'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n name: 'ElMarker',\n props: {\n mark: {\n type: [String, Object] as PropType<string \| Record<string, unknown>>,\n default: () => undefined,\n },\n },\n setup(props) {\n const label = computed(() => {\n return typeof props.mark === 'string' ? props.mark : props.mark.label\n })\n\n return {\n label,\n }\n },\n render() {\n return h(\n 'div',\n {\n class: 'el-slider__marks-text',\n style: this.mark?.style,\n },\n this.label\n )\n },\n})\n</script>\n"],"names":["defineComponent","computed","h"],"mappings":";;;;;;AACA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,KAAK,GAAGC,YAAQ,CAAC;;;IAGvB,OAAO;MACL,KAAK;MACL;;;IAGF,IAAI,GAAG;WACAC;;;KAGN,EAAE,IAAI;;;;;;"}

package/lib/components/slider/src/useMarks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMarks.js","sources":["../../../../../../packages/components/slider/src/useMarks.ts"],"sourcesContent":["import { computed } from 'vue'\nimport type { ISliderProps, Mark } from './slider.type'\n\nexport const useMarks = (props: ISliderProps) => {\n return computed(() => {\n if (!props.marks) {\n return []\n }\n\n const marksKeys = Object.keys(props.marks)\n return marksKeys\n .map(parseFloat)\n .sort((a, b) => a - b)\n .filter((point) => point <= props.max && point >= props.min)\n .map(\n (point): Mark => ({\n point,\n position: ((point - props.min) * 100) / (props.max - props.min),\n mark: props.marks[point],\n })\n )\n })\n}\n"],"names":["computed"],"mappings":";;;;;;~~MAGa~~,~~WAAW~~,CAAC,~~UAAwB~~;~~AAC/C~~,~~SAAOA~~,~~aAAS~~,MAAM;~~AACpB~~,~~QAAI~~,CAAC,MAAM,OAAO;AAChB,~~aAAO~~;~~AAAA;AAGT~~,~~UAAM~~,~~YAAY~~,~~OAAO~~,KAAK,~~MAAM~~;~~AACpC~~,~~WAAO~~,~~UACJ~~,IAAI,~~YACJ~~,KAAK,CAAC,GAAG,MAAM,IAAI,~~GACnB~~,~~OAAO~~,CAAC,~~UAAU~~,~~SAAS~~,MAAM,~~OAAO~~,~~SAAS~~,MAAM,~~KACvD~~,~~IACC~~,CAAC~~;AAAiB~~,~~MAChB;AAAA~~,~~MACA~~,~~UAAY~~,~~SAAQ~~,~~MAAM~~,~~OAAO~~,~~aAAc~~,MAAM,~~MAAM~~;~~AAAA~~,~~MAC3D~~,~~MAAM~~,~~MAAM~~,~~MAAM~~;~~AAAA~~;~~AAAA;AAAA~~;;;;"}
1	+ {"version":3,"file":"useMarks.js","sources":["../../../../../../packages/components/slider/src/useMarks.ts"],"sourcesContent":["import { computed } from 'vue'\nimport type { ISliderProps, Mark } from './slider.type'\n\nexport const useMarks = (props: ISliderProps) => {\n return computed(() => {\n if (!props.marks) {\n return []\n }\n\n const marksKeys = Object.keys(props.marks)\n return marksKeys\n .map(parseFloat)\n .sort((a, b) => a - b)\n .filter((point) => point <= props.max && point >= props.min)\n .map(\n (point): Mark => ({\n point,\n position: ((point - props.min) * 100) / (props.max - props.min),\n mark: props.marks[point],\n })\n )\n })\n}\n"],"names":["computed"],"mappings":";;;;;;AACY,MAAC,QAAQ,GAAG,CAAC,KAAK,KAAK;AACnC,EAAE,OAAOA,YAAQ,CAAC,MAAM;AACxB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;AACtB,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAC/C,IAAI,OAAO,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,IAAI,KAAK,CAAC,GAAG,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,MAAM;AACvI,MAAM,KAAK;AACX,MAAM,QAAQ,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,IAAI,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;AACnE,MAAM,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;AAC9B,KAAK,CAAC,CAAC,CAAC;AACR,GAAG,CAAC,CAAC;AACL;;;;"}

package/lib/components/slider/src/useSlide.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import type { ElFormItemContext } from 'element-plus/es/tokens';
 import type { Nullable } from 'element-plus/es/utils/types';
 export declare const useSlide: (props: ISliderProps, initData: ISliderInitData, emit: any) => {
     elFormItem: ElFormItemContext;
-    slider: import("@vue/reactivity").ShallowRef<Nullable<HTMLElement>>;
+    slider: import("vue").ShallowRef<Nullable<HTMLElement>>;
     firstButton: import("vue").Ref<null>;
     secondButton: import("vue").Ref<null>;
     sliderDisabled: import("vue").ComputedRef<boolean>;