song-ui-u/lib/components/container/src/aside.vue.cjs.map

vue3 + js的PC前端组件库

{"version":3,"file":"aside.vue.cjs","sources":["../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n  <aside :class=\"[ns.b()]\" :style=\"[styleWidth, styleBgColor]\">\n    <slot />\n  </aside>\n</template>\n<script>\nexport default { name: \"x-aside\" };\n</script>\n<script setup>\nimport { computed } from \"vue\";\nimport { useNamespace } from \"@ui-library/hook\";\nconst ns = useNamespace(\"aside\");\n/** props */\nconst props = defineProps({\n  width: {\n    type: String,\n    default: \"200px\",\n  },\n  bgColor: {\n    type: String,\n    default: \"\",\n  },\n});\nconst styleWidth = computed(() => {\n  return { width: props.width };\n});\nconst styleBgColor = computed(() => {\n  return props.bgColor ? { \"background-color\": props.bgColor } : {};\n});\n</script>\n"],"names":["useNamespace","computed"],"mappings":";;;;;;;;AAMA,MAAA,WAAA,GAAe,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;;;;;;;;;;;;;;;;AAKlC,MAAM,EAAE,GAAGA,kBAAY,CAAC,OAAO,CAAC,CAAA;AAChC;AACA,MAAM,KAAK,GAAG,OASZ,CAAA;AACF,MAAM,UAAU,GAAGC,YAAQ,CAAC,MAAM;AAClC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAA;AAC/B,CAAC,CAAC,CAAA;AACF,MAAM,YAAY,GAAGA,YAAQ,CAAC,MAAM;AACpC,EAAE,OAAO,KAAK,CAAC,OAAO,GAAG,EAAE,kBAAkB,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,CAAA;AACnE,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;"}