hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 2.17 kB
Source Map (JSON)
{"version":3,"file":"steps2.mjs","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n namespace,\n dir,\n ]\"\n :style=\"[\n gap ? `--steps-gap: ${gap}` : '',\n itemPadding ? `--steps-item-padding: ${itemPadding}` : '',\n ]\"\n >\n <slot></slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, provide, getCurrentInstance } from 'vue'\nimport { useNamespace, useOrderedChildren } from '@hongluan-ui/hooks'\nimport { CHANGE_EVENT } from '@hongluan-ui/constants'\nimport { stepsEmits, stepsProps } from './steps'\n\nimport type { StepItemState } from './item.vue'\n\nexport default defineComponent({\n name: 'Steps',\n props: stepsProps,\n emits: stepsEmits,\n setup(props, { emit }) {\n const { namespace } = useNamespace('steps')\n const {\n children: steps,\n addChild: addStep,\n removeChild: removeStep,\n } = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'Step')\n\n watch(steps, () => {\n steps.value.forEach((instance, index) => {\n instance.setIndex(index)\n })\n })\n\n provide('Steps', { props, steps, addStep, removeStep })\n\n watch(() => props.active, (newVal, oldVal) => {\n emit(CHANGE_EVENT, newVal, oldVal)\n })\n\n return {\n namespace,\n steps,\n }\n },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;;;;;AAuBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,cAAc,aAAa,OAAO;AAC1C,UAAM;AAAA,MACJ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAa;AAAA,QACX,mBAAkC,sBAAuB,MAAM;AAEnE,UAAM,OAAO,MAAM;AACjB,YAAM,MAAM,QAAQ,CAAC,UAAU,UAAU;AACvC,iBAAS,SAAS,KAAK;AAAA,OACxB;AAAA,KACF;AAED,YAAQ,SAAS,EAAE,OAAO,OAAO,SAAS,YAAY;AAEtD,UAAM,MAAM,MAAM,QAAQ,CAAC,QAAQ,WAAW;AAC5C,WAAK,cAAc,QAAQ,MAAM;AAAA,KAClC;AAED,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;sBAnDCA,mBAWM;AAAA,IAVH,OAAKC;AAAA,MAAU;AAAA,MAAiB;AAAA;IAIhC,OAAKC;AAAA,MAAU,WAAG,gBAAmB,aAAG;AAAA,MAAe,mBAAW,yBAA4B,qBAAW;AAAA;;IAK1GC,WAAa;AAAA;;;;;;"}