UNPKG

song-ui-u

Version:

vue3 + js的PC前端组件库

1 lines 2.76 kB
{"version":3,"file":"index.vue.cjs","sources":["../../../../../packages/components/divider/src/index.vue"],"sourcesContent":["<template>\n <div :class=\"[ns.b(), ns.e(direction)]\" :style=\"[styleWidth]\">\n <div\n :class=\"[ns.e('content'), ns.m('position', position)]\"\n :style=\"[styleColor, styleOffset, stylePadding]\"\n >\n {{ content }}\n </div>\n </div>\n</template>\n<script>\nexport default { name: \"x-divider\" };\n</script>\n<script setup>\nimport { ref, computed } from \"vue\";\nimport { useNamespace, useStyle } from \"@ui-library/hook\";\n// style\nconst uStyle = useStyle();\nconst props = defineProps({\n direction: {\n type: String,\n default: \"horizontal\",\n },\n position: {\n type: String,\n default: \"left\",\n },\n content: {\n type: String,\n default: \"\",\n },\n width: {\n type: String,\n default: \"\",\n },\n color: {\n type: String,\n default: \"\",\n },\n offset: {\n type: Number,\n default: 0,\n },\n padding: {\n type: Number,\n default: 0,\n },\n});\nconst ns = useNamespace(\"divider\");\n\n// 宽度\nconst styleWidth = computed(() => uStyle.width(props.width));\n// 颜色\nconst styleColor = computed(() => uStyle.color(props.color));\n// 边距\nconst stylePadding = computed(() =>\n props.padding ? { padding: `0 ${props.padding}px` } : \"\"\n);\n// 偏移\nconst styleOffset = computed(() => {\n if (!props.offset) {\n return \"\";\n }\n if (props.position === \"left\") {\n return { left: `${props.offset}px` };\n }\n if (props.position === \"right\") {\n return { right: `${props.offset}px` };\n }\n return \"\";\n});\n</script>\n"],"names":["useStyle","useNamespace","computed"],"mappings":";;;;;;;;AAgBA;;AALA,MAAe,WAAA,GAAA,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMpC,MAAM,MAAM,GAAGA,cAAQ,EAAE,CAAA;AACzB,MAAM,KAAK,GAAG,OA6BZ,CAAA;AACF,MAAM,EAAE,GAAGC,oBAAY,CAAC,SAAS,CAAC,CAAA;;AAElC;AACA,MAAM,UAAU,GAAGC,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;AAC5D;AACA,MAAM,UAAU,GAAGA,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;AAC5D;AACA,MAAM,YAAY,GAAGA,YAAQ,CAAC;AAC9B,EAAE,KAAK,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAC;AACzD,CAAC,CAAA;AACD;AACA,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAAM;AACnC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACrB,IAAI,OAAO,EAAE,CAAA;AACb,GAAE;AACF,EAAE,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE;AACjC,IAAI,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAA;AACxC,GAAE;AACF,EAAE,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE;AAClC,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAA;AACzC,GAAE;AACF,EAAE,OAAO,EAAE,CAAA;AACX,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}