UNPKG

hongluan-ui

Version:
1 lines 1.39 kB
{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n namespace, {\n 'arrow-left': arrowLeft,\n }\n ]\"\n role=\"tablist\"\n aria-multiselectable=\"true\"\n :style=\"[\n gap ? `--collapse-gap: ${gap}` : '',\n headerGap ? `--collapse-header-gap: ${headerGap}` : '',\n padding ? `--collapse-padding-x: ${padding}` : '',\n contentPadding ? `--collapse-content-padding: ${contentPadding}` : '',\n ]\"\n >\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@hongluan-ui/hooks'\nimport { collapseProps, collapseEmits } from './collapse'\nimport { useCollapse } from './use-collapse'\n\ndefineOptions({\n name: 'Collapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { namespace } = useNamespace('collapse')\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\ndefineExpose({\n /** @description active names */\n activeNames,\n /** @description set active names */\n setActiveNames,\n})\n</script>\n"],"names":[],"mappings":";;;;;;oCAyBc;AAAA,EACZ,MAAM;AACR;;;;;;;AAIA,UAAM,EAAE,cAAc,aAAa,UAAU;AAC7C,UAAM,EAAE,aAAa,mBAAmB,YAAY,OAAO,IAAI;AAE/D,WAAa;AAAA,MAEX;AAAA,MAEA;AAAA,KACD;;;;;;;;;;;;;;;;;;;;;;;;;;"}