UNPKG

various-ui

Version:

This is a test version of the Vue 3 component library

1 lines 3.37 kB
{"version":3,"file":"index.vue2.mjs","sources":["../../../../packages/components/simplebar/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({ name: \"UiSimplebar\" });\n</script>\n<template>\r\n <div class=\"ui-simplebar\" :class=\"define.trigger == 'Hover' ? 'ui-simplebar-hover' : ''\">\r\n <!-- * 轨道 -->\r\n <div class=\"ui-simplebar-slideway\" ref=\"slideway\" v-if=\"visible\" @mousedown.self=\"methods.move\">\r\n <div class=\"ui-simplebar-bar\" v-bind=\"binds.bar\" @mousedown=\"methods.drag\"></div>\r\n </div>\r\n\r\n <!-- * 内容 -->\r\n <div class=\"ui-simplebar-container\" ref=\"container\" v-bind=\"binds.container\">\r\n <div class=\"ui-simplebar-content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* 组件属性\r\nimport { nextTick, onBeforeUnmount, onMounted } from \"vue\";\r\nimport { UiSimplebarEmits, UiSimplebarPropsOption } from \"./src/component\";\r\nimport { useComposable } from \"./src/composable\";\r\n\r\n//* 组件属性注册\r\nconst emits = defineEmits(UiSimplebarEmits);\r\nconst define = defineProps(UiSimplebarPropsOption);\r\n\r\n//* 组合函数\r\nconst { refs, vars, nodes, binds, methods } = useComposable(define, emits);\r\nconst { slideway, container } = nodes;\r\nconst { visible } = refs;\r\n\r\n//* 移动函数\r\nconst move = (top: number) => {\r\n nextTick(() => {\r\n container.value?.scrollTo({ top: top, behavior: \"smooth\" });\r\n });\r\n};\r\n\r\n//* 组件卸载注销观察者\r\nonBeforeUnmount(() => vars.observer?.disconnect());\r\n//* 组件挂载注册观察者\r\nonMounted(() => {\r\n const node = container.value?.querySelector(\".ui-simplebar-content\");\r\n if (node) {\r\n vars.observer = new ResizeObserver(() => methods.init());\r\n vars.observer.observe(node);\r\n }\r\n});\r\n\r\n//* 组件属性导出\r\n;\r\ndefineExpose({ move });\r\n</script>\r\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;AAEA,MAA6B,WAAA,GAAAA,eAAA,CAAyB,EAAE,IAAA,EAAM,eAAe,CAAA,CAAA;;;;;;AAyB7E,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AAGf,IAAM,MAAA,EAAE,MAAM,IAAM,EAAA,KAAA,EAAO,OAAO,OAAQ,EAAA,GAAI,aAAc,CAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AACzE,IAAM,MAAA,EAAE,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAChC,IAAM,MAAA,EAAE,SAAY,GAAA,IAAA,CAAA;AAGpB,IAAM,MAAA,IAAA,GAAO,CAAC,GAAgB,KAAA;AAC1B,MAAA,QAAA,CAAS,MAAM;;AACX,QAAA,CAAA,EAAA,GAAA,SAAA,CAAU,UAAV,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAS,EAAE,GAAA,EAAU,UAAU,QAAS,EAAA,CAAA,CAAA;AAAA,OAC5D,CAAA,CAAA;AAAA,KACL,CAAA;AAGA,IAAA,eAAA,CAAgB,MAAG;;AAAG,MAAA,OAAA,CAAA,EAAA,GAAA,IAAA,CAAK,aAAL,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,EAAA,CAAA;AAAA,KAAY,CAAA,CAAA;AAEjD,IAAA,SAAA,CAAU,MAAM;;AACZ,MAAA,MAAM,IAAO,GAAA,CAAA,EAAA,GAAA,SAAA,CAAU,KAAV,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAiB,aAAc,CAAA,uBAAA,CAAA,CAAA;AAC5C,MAAA,IAAI,IAAM,EAAA;AACN,QAAA,IAAA,CAAK,WAAW,IAAI,cAAA,CAAe,MAAM,OAAA,CAAQ,MAAM,CAAA,CAAA;AACvD,QAAK,IAAA,CAAA,QAAA,CAAS,QAAQ,IAAI,CAAA,CAAA;AAAA,OAC9B;AAAA,KACH,CAAA,CAAA;AAGD,IAAA,CAAA;AACA,IAAa,QAAA,CAAA,EAAE,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}