You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
14 KiB

1 month ago
  1. {"ast":null,"code":"import { defineComponent, ref, computed, watch, nextTick, provide, reactive, onActivated, onMounted, onUpdated, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, renderSlot, createCommentVNode } from 'vue';\nimport { useResizeObserver, useEventListener } from '@vueuse/core';\nimport Bar from './bar.mjs';\nimport { scrollbarContextKey } from './constants.mjs';\nimport { scrollbarProps, scrollbarEmits } from './scrollbar.mjs';\nimport _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';\nimport { useNamespace } from '../../../hooks/use-namespace/index.mjs';\nimport { addUnit } from '../../../utils/dom/style.mjs';\nimport { isObject } from '@vue/shared';\nimport { isNumber } from '../../../utils/types.mjs';\nimport { debugWarn } from '../../../utils/error.mjs';\nconst COMPONENT_NAME = \"ElScrollbar\";\nconst __default__ = defineComponent({\n name: COMPONENT_NAME\n});\nconst _sfc_main = /* @__PURE__ */defineComponent({\n ...__default__,\n props: scrollbarProps,\n emits: scrollbarEmits,\n setup(__props, {\n expose,\n emit\n }) {\n const props = __props;\n const ns = useNamespace(\"scrollbar\");\n let stopResizeObserver = void 0;\n let stopResizeListener = void 0;\n let wrapScrollTop = 0;\n let wrapScrollLeft = 0;\n const scrollbarRef = ref();\n const wrapRef = ref();\n const resizeRef = ref();\n const barRef = ref();\n const wrapStyle = computed(() => {\n const style = {};\n if (props.height) style.height = addUnit(props.height);\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight);\n return [props.wrapStyle, style];\n });\n const wrapKls = computed(() => {\n return [props.wrapClass, ns.e(\"wrap\"), {\n [ns.em(\"wrap\", \"hidden-default\")]: !props.native\n }];\n });\n const resizeKls = computed(() => {\n return [ns.e(\"view\"), props.viewClass];\n });\n const handleScroll = () => {\n var _a;\n if (wrapRef.value) {\n (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);\n wrapScrollTop = wrapRef.value.scrollTop;\n wrapScrollLeft = wrapRef.value.scrollLeft;\n emit(\"scroll\", {\n scrollTop: wrapRef.value.scrollTop,\n scrollLeft: wrapRef.value.scrollLeft\n });\n }\n };\n function scrollTo(arg1, arg2) {\n if (isObject(arg1)) {\n wrapRef.value.scrollTo(arg1);\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value.scrollTo(arg1, arg2);\n }\n }\n const setScrollTop = value => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, \"value must be a number\");\n return;\n }\n wrapRef.value.scrollTop = value;\n };\n const setScrollLeft = value => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, \"value must be a number\");\n return;\n }\n wrapRef.value.scrollLeft = value;\n };\n const update = () => {\n var _a;\n (_a = barRef.value) == null ? void 0 : _a.update();\n };\n watch(() => props.noresize, noresize => {\n if (noresize) {\n stopResizeObserver == null ? void 0 : stopResizeObserver();\n stopResizeListener == null ? void 0 : stopResizeListener();\n } else {\n ({\n stop: stopResizeObserver\n } = useResizeObserver(resizeRef, update));\n stopResizeListener = useEventListener(\"resize\", update);\n }\n }, {\n immediate: true\n });\n watch(() => [props.maxHeight, props.height], () => {\n if (!props.native) nextTick(() => {\n var _a;\n update();\n if (wrapRef.value) {\n (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);\n }\n });\n });\n provide(scrollbarContextKey, reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef\n }));\n onActivated(() => {\n if (wrapRef.value) {\n wrapRef.value.scro