song-ui-u
Version:
vue3 + js的PC前端组件库
1 lines • 2.64 kB
Source Map (JSON)
{"version":3,"file":"index.vue.cjs","sources":["../../../../../packages/components/col/src/index.vue"],"sourcesContent":["<template>\n <component\n :is=\"tag\"\n :class=\"[ns.b(), classCol]\"\n :style=\"[styleGutter, styleOrder]\"\n >\n <slot />\n </component>\n</template>\n<script>\nexport default { name: \"x-col\" };\n</script>\n<script setup>\nimport { computed } from \"vue\";\nimport { useNamespace, useParent, useStyle } from \"@ui-library/hook\";\nconst { flexOrder } = useStyle();\nconst ns = useNamespace(\"col\");\nconst uParent = useParent(\"row\");\n/** props */\nconst props = defineProps({\n tag: {\n type: String,\n default: \"div\",\n },\n span: {\n type: [String, Number],\n default: \"24\",\n },\n offset: {\n type: Number,\n default: 0,\n },\n order: {\n type: [Number, String],\n default: \"\",\n },\n});\n\nconst classCol = computed(() => {\n // 样式组合\n let className = ns.b(props.span);\n // offset偏移\n const offset = props.offset ? ns.b(`offset-${props.offset}`) : false;\n className = offset ? `${className} ${offset}` : className;\n // 返回样式\n return [ns.b(), className];\n});\n\nconst styleGutter = computed(() => {\n const gutter = uParent.props(\"gutter\");\n const value = gutter ? gutter / 2 + \"px\" : null;\n return value ? { paddingLeft: value, paddingRight: value } : {};\n});\n/**\n * 排列\n */\nconst styleOrder = computed(() => flexOrder(props.order));\n</script>\n"],"names":["useStyle","useNamespace","useParent","computed"],"mappings":";;;;;;;;;AAUA,MAAA,WAAA,GAAe,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAKhC,MAAM,EAAE,SAAS,EAAE,GAAGA,gBAAQ,EAAE,CAAA;AAChC,MAAM,EAAE,GAAGC,oBAAY,CAAC,KAAK,CAAC,CAAA;AAC9B,MAAM,OAAO,GAAGC,eAAS,CAAC,KAAK,CAAC,CAAA;AAChC;AACA,MAAM,KAAK,GAAG,OAiBZ,CAAA;;AAEF,MAAM,QAAQ,GAAGC,YAAQ,CAAC,MAAM;AAChC;AACA,EAAE,IAAI,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AAClC;AACA,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;AACtE,EAAE,SAAS,GAAG,MAAM,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAA;AAC3D;AACA,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,CAAA;AAC5B,CAAC,CAAC,CAAA;;AAEF,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAAM;AACnC,EAAE,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;AACxC,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAA;AACjD,EAAE,OAAO,KAAK,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,CAAA;AACjE,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA,MAAM,UAAU,GAAGA,YAAQ,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}