UNPKG

hongluan-ui

Version:
1 lines 2.52 kB
{"version":3,"file":"timeline.mjs","sources":["../../../../../../packages/components/timeline/src/timeline.ts"],"sourcesContent":["import { h, provide, defineComponent, ref } from 'vue'\nimport { useNamespace } from '@hongluan-ui/hooks'\n\nconst Timeline = defineComponent({\n name: 'Timeline',\n props: {\n center: {\n type: Boolean,\n default: false,\n },\n alternate: {\n type: Boolean,\n default: false,\n },\n },\n setup(props, ctx) {\n const { namespace } = useNamespace('timeline')\n const hasIcon = ref(false)\n provide('timeline', { hasIcon, props })\n\n /**\n * Maybe ,this component will not support prop 'reverse', why ?\n *\n * Example 1:\n * <component-a>\n * <div>1</div>\n * <div>2</div>\n * </component-a>\n *\n * Example 2:\n * <component-a>\n * <div v-for=\"i in 2\" :key=\"i\">{{ i }}</div>\n * </component-a>\n *\n * 'slots.default()' value in example 1 just like [Vnode, Vnode]\n * 'slots.default()' value in example 2 just like [Vnode]\n *\n * so i can't reverse the slots, when i use 'v-for' directive.\n */\n\n return () => {\n return h(\n 'ul',\n {\n class: [{\n 'has-icon': hasIcon.value,\n 'center' : props.center,\n 'alternate' : props.alternate,\n }, namespace.value],\n },\n ctx.slots.default?.(),\n )\n }\n },\n})\n\nexport default Timeline\nexport type TimelineInstance = InstanceType<typeof Timeline>\n"],"names":[],"mappings":";;;;AAEK,MAAC,QAAQ,GAAG,eAAe,CAAC;AACjC,EAAE,IAAI,EAAE,UAAU;AAClB,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE;AACZ,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,KAAK;AACpB,KAAK;AACL,IAAI,SAAS,EAAE;AACf,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,OAAO,EAAE,KAAK;AACpB,KAAK;AACL,GAAG;AACH,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE;AACpB,IAAI,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AACnD,IAAI,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;AAC/B,IAAI,OAAO,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5C,IAAI,OAAO,MAAM;AACjB,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;AACjB,MAAM,OAAO,CAAC,CAAC,IAAI,EAAE;AACrB,QAAQ,KAAK,EAAE,CAAC;AAChB,UAAU,UAAU,EAAE,OAAO,CAAC,KAAK;AACnC,UAAU,QAAQ,EAAE,KAAK,CAAC,MAAM;AAChC,UAAU,WAAW,EAAE,KAAK,CAAC,SAAS;AACtC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC;AAC3B,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;AACzE,KAAK,CAAC;AACN,GAAG;AACH,CAAC;;;;"}