{"version":3,"file":"timeline.mjs","sources":["../../../../../packages/components/timeline/src/timeline.ts"],"sourcesContent":["import { h, provide, defineComponent, renderSlot } from 'vue'\nimport { useNamespace } from '@element-ultra/hooks'\n\nconst Timeline = defineComponent({\n  name: 'ElTimeline',\n  setup(_, { slots }) {\n    const ns = useNamespace('timeline')\n\n    provide('timeline', slots)\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('ul', { class: [ns.b()] }, [renderSlot(slots, 'default')])\n    }\n  },\n})\n\nexport default Timeline\nexport type TimelineInstance = InstanceType<typeof Timeline>\n"],"names":[],"mappings":";;;;AAGA,MAAM,WAAW,eAAgB,CAAA;AAAA,EAC/B,IAAM,EAAA,YAAA;AAAA,EACN,KAAM,CAAA,CAAA,EAAG,EAAE,KAAA,EAAS,EAAA;AAClB,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAElC,IAAA,OAAA,CAAQ,YAAY,KAAK,CAAA,CAAA;AAsBzB,IAAA,OAAO,MAAM;AACX,MAAA,OAAO,CAAE,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA,IAAK,CAAC,UAAA,CAAW,KAAO,EAAA,SAAS,CAAC,CAAC,CAAA,CAAA;AAAA,KACpE,CAAA;AAAA,GACF;AACF,CAAC;;;;"}