@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/steps/BasicStep.vue.js

@@ -0,0 +1,118 @@
+import { defineComponent as g, useSlots as z, computed as C, createElementBlock as r, openBlock as l, normalizeStyle as b, normalizeClass as i, createElementVNode as n, createBlock as o, createCommentVNode as u, resolveDynamicComponent as w, unref as c, toDisplayString as f, renderSlot as d, createTextVNode as m } from "vue";
+import p from "classnames";
+import { stepsClasses as N } from "@douyinfe/semi-foundation/steps/constants";
+import S from "../icons/icons/IconAlertCircle.js";
+import B from "../icons/icons/IconTickCircle.js";
+import D from "../icons/icons/IconAlertTriangle.js";
+const I = ["role", "aria-label"], q = /* @__PURE__ */ g({
+  __name: "BasicStep",
+  props: {
+    active: { type: Boolean, default: !1 },
+    prefixCls: { default: N.ITEM },
+    stepNumber: {},
+    size: {},
+    done: { type: Boolean, default: !1 },
+    onChange: {},
+    onKeyDown: {},
+    role: {},
+    "aria-label": {},
+    description: {},
+    icon: {},
+    status: { default: "wait" },
+    title: {},
+    className: { default: "" },
+    style: {},
+    onClick: {}
+  },
+  emits: ["click"],
+  setup(s, { emit: k }) {
+    const a = {
+      small: "large",
+      default: "extra-large"
+    }, e = s, x = k;
+    z();
+    const $ = C(() => p({
+      [`${e.prefixCls}-icon`]: !0,
+      [`${e.prefixCls}-custom-icon`]: !!e.icon,
+      [`${e.prefixCls}-icon-process`]: e.status === "process" && !e.icon
+    })), y = C(() => p(
+      e.prefixCls,
+      `${e.prefixCls}-${e.status}`,
+      {
+        [`${e.prefixCls}-active`]: e.active,
+        [`${e.prefixCls}-done`]: e.done,
+        [`${e.prefixCls}-hover`]: e.onChange || e.onClick,
+        [`${e.prefixCls}-clickable`]: e.onChange || e.onClick,
+        [`${e.prefixCls}-${e.status}-hover`]: e.onChange || e.onClick
+      },
+      e.className
+    )), h = (t) => {
+      x("click", t), e.onClick && e.onClick(t), e.onChange && e.onChange();
+    }, v = (t) => {
+      t.key === "Enter" && (e.onKeyDown && e.onKeyDown(t), e.onChange && e.onChange());
+    };
+    return (t, K) => (l(), r("div", {
+      role: s.role,
+      "aria-label": e["aria-label"],
+      tabindex: "0",
+      "aria-current": "step",
+      class: i(y.value),
+      style: b(s.style),
+      onClick: h,
+      onKeydown: v
+    }, [
+      n("div", {
+        class: i(`${s.prefixCls}-container`)
+      }, [
+        n("div", {
+          class: i(`${s.prefixCls}-left`)
+        }, [
+          n("span", {
+            class: i($.value)
+          }, [
+            e.icon ? (l(), o(w(e.icon), { key: 0 })) : e.status === "error" ? (l(), o(c(S), {
+              key: 1,
+              size: a[e.size || "default"]
+            }, null, 8, ["size"])) : e.status === "wait" || e.status === "process" ? (l(), r("span", {
+              key: 2,
+              class: i(`${e.prefixCls}-number-icon`)
+            }, f(e.stepNumber), 3)) : e.status === "finish" ? (l(), o(c(B), {
+              key: 3,
+              size: a[e.size || "default"]
+            }, null, 8, ["size"])) : e.status === "warning" ? (l(), o(c(D), {
+              key: 4,
+              size: a[e.size || "default"]
+            }, null, 8, ["size"])) : u("", !0)
+          ], 2)
+        ], 2),
+        n("div", {
+          class: i(`${s.prefixCls}-content`)
+        }, [
+          n("div", {
+            class: i(`${s.prefixCls}-title`)
+          }, [
+            n("div", {
+              class: i(`${s.prefixCls}-title-text`)
+            }, [
+              d(t.$slots, "title", {}, () => [
+                m(f(s.title), 1)
+              ])
+            ], 2)
+          ], 2),
+          t.$slots.description || s.description ? (l(), r("div", {
+            key: 0,
+            class: i(`${s.prefixCls}-description`)
+          }, [
+            d(t.$slots, "description", {}, () => [
+              m(f(s.description), 1)
+            ])
+          ], 2)) : u("", !0)
+        ], 2)
+      ], 2)
+    ], 46, I));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=BasicStep.vue.js.map

package/lib/es/components/steps/BasicStep.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicStep.vue.js","sources":["../../../../src/components/steps/BasicStep.vue"],"sourcesContent":["<template>\n    <div\n        :role=\"role\"\n        :aria-label=\"props['aria-label']\"\n        tabindex=\"0\"\n        aria-current=\"step\"\n        :class=\"classString\"\n        :style=\"style\"\n        @click=\"handleClick\"\n        @keydown=\"handleKeyDown\"\n    >\n        <div :class=\"`${prefixCls}-container`\">\n            <div :class=\"`${prefixCls}-left`\">\n                <span :class=\"iconCls\">\n                    <template v-if=\"props.icon\">\n                        <component :is=\"props.icon\" />\n                    </template>\n                    <template v-else-if=\"props.status === 'error'\">\n                        <IconAlertCircle :size=\"stepSizeMapIconSize[props.size || 'default']\" />\n                    </template>\n                    <template v-else-if=\"props.status === 'wait' || props.status === 'process'\">\n                        <span :class=\"`${props.prefixCls}-number-icon`\">{{ props.stepNumber }}</span>\n                    </template>\n                    <template v-else-if=\"props.status === 'finish'\">\n                        <IconTickCircle :size=\"stepSizeMapIconSize[props.size || 'default']\" />\n                    </template>\n                    <template v-else-if=\"props.status === 'warning'\">\n                        <IconAlertTriangle :size=\"stepSizeMapIconSize[props.size || 'default']\" />\n                    </template>\n                </span>\n            </div>\n            <div :class=\"`${prefixCls}-content`\">\n                <div :class=\"`${prefixCls}-title`\">\n                    <div :class=\"`${prefixCls}-title-text`\">\n                        <slot name=\"title\">{{ title }}</slot>\n                    </div>\n                </div>\n                <div v-if=\"$slots.description || description\" :class=\"`${prefixCls}-description`\">\n                    <slot name=\"description\">{{ description }}</slot>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport { IconTickCircle, IconAlertCircle, IconAlertTriangle } from '../icons';\nimport type { BasicStepProps } from './interface';\n\nconst stepSizeMapIconSize = {\n    small: 'large',\n    default: 'extra-large',\n} as const;\n\nconst props = withDefaults(defineProps<BasicStepProps>(), {\n    prefixCls: css.ITEM,\n    active: false,\n    done: false,\n    status: 'wait',\n    className: '',\n});\n\nconst emit = defineEmits<{\n    click: [e: MouseEvent];\n}>();\n\nconst slots = useSlots();\n\nconst iconCls = computed(() => {\n    return classnames({\n        [`${props.prefixCls}-icon`]: true,\n        [`${props.prefixCls}-custom-icon`]: !!props.icon,\n        [`${props.prefixCls}-icon-process`]: props.status === 'process' && !props.icon,\n    });\n});\n\nconst classString = computed(() => {\n    return classnames(\n        props.prefixCls,\n        `${props.prefixCls}-${props.status}`,\n        {\n            [`${props.prefixCls}-active`]: props.active,\n            [`${props.prefixCls}-done`]: props.done,\n            [`${props.prefixCls}-hover`]: props.onChange || props.onClick,\n            [`${props.prefixCls}-clickable`]: props.onChange || props.onClick,\n            [`${props.prefixCls}-${props.status}-hover`]: props.onChange || props.onClick,\n        },\n        props.className\n    );\n});\n\nconst handleClick = (e: MouseEvent) => {\n    emit('click', e);\n    if (props.onClick) {\n        props.onClick(e);\n    }\n    if (props.onChange) {\n        props.onChange();\n    }\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n        if (props.onKeyDown) {\n            props.onKeyDown(e);\n        }\n        if (props.onChange) {\n            props.onChange();\n        }\n    }\n};\n</script>\n"],"names":["stepSizeMapIconSize","props","__props","emit","__emit","useSlots","iconCls","computed","classnames","classString","handleClick","e","handleKeyDown","_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_unref","IconAlertCircle","_normalizeClass","_toDisplayString","IconTickCircle","IconAlertTriangle","_renderSlot","_ctx","$slots"],"mappings":"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"}

package/lib/es/components/steps/BasicSteps.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent as _, useSlots as x, computed as c, createElementBlock as f, openBlock as o, mergeProps as m, Fragment as h, renderList as z, createBlock as P, resolveDynamicComponent as A, Comment as B, Text as d } from "vue";
+import k from "classnames";
+import { stepsClasses as E } from "@douyinfe/semi-foundation/steps/constants";
+import L from "@douyinfe/semi-foundation/utils/getDataAttr";
+const S = ["aria-label"], j = /* @__PURE__ */ _({
+  __name: "BasicSteps",
+  props: {
+    prefixCls: { default: E.PREFIX },
+    className: {},
+    direction: { default: "horizontal" },
+    current: { default: 0 },
+    initial: { default: 0 },
+    status: { default: "process" },
+    style: {},
+    size: {},
+    hasLine: { type: Boolean, default: !0 },
+    children: {},
+    "aria-label": {}
+  },
+  emits: ["change"],
+  setup(u, { emit: C }) {
+    const t = u, y = C, n = x(), b = c(() => {
+      var e;
+      const l = ((e = n.default) == null ? void 0 : e.call(n)) || [], r = [], s = (a) => {
+        a.forEach((i) => {
+          var p;
+          i.type !== B && (i.type === d && !((p = i.children) != null && p.toString().trim()) || (i.type === h && Array.isArray(i.children) ? s(i.children) : i.type !== d && r.push(i)));
+        });
+      };
+      return s(l), r;
+    }), g = (l, r) => {
+      const s = t.initial + r, e = l.props || {}, a = {
+        stepNumber: `${s + 1}`,
+        size: t.size,
+        // Only copy specific props we need, not all props
+        title: e.title,
+        description: e.description,
+        icon: e.icon,
+        style: e.style,
+        className: e.className,
+        "aria-label": e["aria-label"],
+        onClick: e.onClick
+      };
+      return t.status === "error" && r === t.current - 1 && (a.className = `${t.prefixCls}-next-error`), e.status ? a.status = e.status : s === t.current ? a.status = t.status : s < t.current ? a.status = "finish" : a.status = "wait", a.active = s === t.current, a.done = s < t.current, a.onChange = () => {
+        r !== t.current && y("change", r + t.initial);
+      }, a;
+    }, N = c(() => k(t.className, {
+      [`${t.prefixCls}-basic`]: !0,
+      [`${t.prefixCls}-${t.direction}`]: !0,
+      [`${t.prefixCls}-${t.size}`]: t.size !== "default",
+      [`${t.prefixCls}-hasline`]: t.hasLine
+    })), $ = c(() => {
+      const l = {};
+      return Object.keys(t).forEach((r) => {
+        (r.startsWith("data-") || r.startsWith("aria-")) && (l[r] = t[r]);
+      }), L(l);
+    });
+    return (l, r) => (o(), f("div", m({
+      "aria-label": t["aria-label"],
+      class: N.value,
+      style: u.style
+    }, $.value), [
+      (o(!0), f(h, null, z(b.value, (s, e) => (o(), P(A(s.type), m({
+        key: e,
+        ref_for: !0
+      }, g(s, e)), null, 16))), 128))
+    ], 16, S));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=BasicSteps.vue.js.map

package/lib/es/components/steps/BasicSteps.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicSteps.vue.js","sources":["../../../../src/components/steps/BasicSteps.vue"],"sourcesContent":["<template>\n    <div :aria-label=\"props['aria-label']\" :class=\"wrapperCls\" :style=\"style\" v-bind=\"dataAttrs\">\n        <template v-for=\"(child, index) in childrenArray\" :key=\"index\">\n            <component :is=\"child.type\" v-bind=\"getChildProps(child, index)\" />\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots, VNode, Comment, Fragment, Text } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport type { BasicStepsProps } from './interface';\n\nconst props = withDefaults(defineProps<BasicStepsProps>(), {\n    prefixCls: css.PREFIX,\n    current: 0,\n    direction: 'horizontal',\n    initial: 0,\n    hasLine: true,\n    status: 'process',\n});\n\nconst emit = defineEmits<{\n    change: [current: number];\n}>();\n\nconst slots = useSlots();\n\n// Filter valid children (excluding comments, text nodes, etc.)\nconst childrenArray = computed(() => {\n    const children = slots.default?.() || [];\n    const filtered: VNode[] = [];\n\n    const flatten = (vnodes: VNode[]) => {\n        vnodes.forEach((vnode) => {\n            if (vnode.type === Comment) return;\n            if (vnode.type === Text && !vnode.children?.toString().trim()) return;\n            if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n                flatten(vnode.children as VNode[]);\n            } else if (vnode.type !== Text) {\n                filtered.push(vnode);\n            }\n        });\n    };\n\n    flatten(children);\n    return filtered;\n});\n\nconst getChildProps = (child: VNode, index: number) => {\n    const stepNumber = props.initial + index;\n    const originalProps = child.props || {};\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const childProps: Record<string, any> = {\n        stepNumber: `${stepNumber + 1}`,\n        size: props.size,\n        // Only copy specific props we need, not all props\n        title: originalProps.title,\n        description: originalProps.description,\n        icon: originalProps.icon,\n        style: originalProps.style,\n        className: originalProps.className,\n        'aria-label': originalProps['aria-label'],\n        onClick: originalProps.onClick,\n    };\n\n    if (props.status === 'error' && index === props.current - 1) {\n        childProps.className = `${props.prefixCls}-next-error`;\n    }\n\n    if (!originalProps.status) {\n        if (stepNumber === props.current) {\n            childProps.status = props.status;\n        } else if (stepNumber < props.current) {\n            childProps.status = 'finish';\n        } else {\n            childProps.status = 'wait';\n        }\n    } else {\n        childProps.status = originalProps.status;\n    }\n\n    childProps.active = stepNumber === props.current;\n    childProps.done = stepNumber < props.current;\n\n    // 添加点击处理\n    childProps.onChange = () => {\n        if (index !== props.current) {\n            emit('change', index + props.initial);\n        }\n    };\n\n    return childProps;\n};\n\nconst wrapperCls = computed(() => {\n    return classnames(props.className, {\n        [`${props.prefixCls}-basic`]: true,\n        [`${props.prefixCls}-${props.direction}`]: true,\n        [`${props.prefixCls}-${props.size}`]: props.size !== 'default',\n        [`${props.prefixCls}-hasline`]: props.hasLine,\n    });\n});\n\nconst dataAttrs = computed(() => {\n    const restProps: Record<string, unknown> = {};\n    Object.keys(props).forEach((key) => {\n        if (key.startsWith('data-') || key.startsWith('aria-')) {\n            restProps[key] = (props as Record<string, unknown>)[key];\n        }\n    });\n    return getDataAttr(restProps);\n});\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","childrenArray","computed","children","_a","filtered","flatten","vnodes","vnode","Comment","Text","Fragment","getChildProps","child","index","stepNumber","originalProps","childProps","wrapperCls","classnames","dataAttrs","restProps","key","getDataAttr","_openBlock","_createElementBlock","_mergeProps","_Fragment","_renderList","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/lib/es/components/steps/FillStep.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as $, computed as c, createElementBlock as C, openBlock as l, normalizeStyle as h, normalizeClass as s, createElementVNode as n, createBlock as o, createCommentVNode as v, resolveDynamicComponent as b, unref as a, toDisplayString as r, renderSlot as f, createTextVNode as m } from "vue";
+import u from "classnames";
+import { stepsClasses as w } from "@douyinfe/semi-foundation/steps/constants";
+import N from "../icons/icons/IconAlertCircle.js";
+import B from "../icons/icons/IconTickCircle.js";
+import D from "../icons/icons/IconAlertTriangle.js";
+const z = ["role", "aria-label"], K = ["title"], S = ["title"], j = /* @__PURE__ */ $({
+  __name: "FillStep",
+  props: {
+    prefixCls: { default: w.ITEM },
+    stepNumber: {},
+    onChange: {},
+    onKeyDown: {},
+    role: {},
+    "aria-label": {},
+    description: {},
+    icon: {},
+    status: { default: "wait" },
+    title: {},
+    className: { default: "" },
+    style: {},
+    onClick: {}
+  },
+  emits: ["click"],
+  setup(t, { emit: d }) {
+    const e = t, p = d, k = c(() => {
+      const i = e.status === "process" && !e.icon;
+      return u({
+        [`${e.prefixCls}-left`]: !0,
+        [`${e.prefixCls}-icon`]: !!e.icon,
+        [`${e.prefixCls}-plain`]: !e.icon,
+        [`${e.prefixCls}-icon-process`]: i,
+        [`${e.prefixCls}-hover`]: e.onChange || e.onClick
+      });
+    }), x = c(() => u(
+      {
+        [e.prefixCls]: !0,
+        [`${e.prefixCls}-${e.status}`]: !!e.status,
+        [`${e.prefixCls}-${e.status}-hover`]: !!e.status && (e.onChange || e.onClick),
+        [`${e.prefixCls}-${e.status}-active`]: !!e.status && (e.onChange || e.onClick),
+        [`${e.prefixCls}-clickable`]: e.onChange || e.onClick
+      },
+      e.className
+    )), g = (i) => {
+      p("click", i), e.onClick && e.onClick(i), e.onChange && e.onChange();
+    }, y = (i) => {
+      i.key === "Enter" && (e.onKeyDown && e.onKeyDown(i), e.onChange && e.onChange());
+    };
+    return (i, E) => (l(), C("div", {
+      role: t.role,
+      "aria-label": e["aria-label"],
+      "aria-current": "step",
+      tabindex: "0",
+      class: s(x.value),
+      style: h(t.style),
+      onClick: g,
+      onKeydown: y
+    }, [
+      n("div", {
+        class: s(k.value)
+      }, [
+        e.icon ? (l(), o(b(e.icon), { key: 0 })) : e.status === "error" ? (l(), o(a(N), {
+          key: 1,
+          size: "extra-large"
+        })) : e.status === "wait" || e.status === "process" ? (l(), C("span", {
+          key: 2,
+          class: s(`${e.prefixCls}-number-icon`)
+        }, r(e.stepNumber), 3)) : e.status === "finish" ? (l(), o(a(B), {
+          key: 3,
+          size: "extra-large"
+        })) : e.status === "warning" ? (l(), o(a(D), {
+          key: 4,
+          size: "extra-large"
+        })) : v("", !0)
+      ], 2),
+      n("div", {
+        class: s(`${t.prefixCls}-content`)
+      }, [
+        n("div", {
+          class: s(`${t.prefixCls}-title`),
+          title: typeof t.title == "string" ? t.title : void 0
+        }, [
+          n("span", {
+            class: s(`${t.prefixCls}-title-text`)
+          }, [
+            f(i.$slots, "title", {}, () => [
+              m(r(t.title), 1)
+            ])
+          ], 2)
+        ], 10, K),
+        n("div", {
+          class: s(`${t.prefixCls}-description`),
+          title: typeof t.description == "string" ? t.description : void 0
+        }, [
+          f(i.$slots, "description", {}, () => [
+            m(r(t.description), 1)
+          ])
+        ], 10, S)
+      ], 2)
+    ], 46, z));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=FillStep.vue.js.map

package/lib/es/components/steps/FillStep.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillStep.vue.js","sources":["../../../../src/components/steps/FillStep.vue"],"sourcesContent":["<template>\n    <div\n        :role=\"role\"\n        :aria-label=\"props['aria-label']\"\n        aria-current=\"step\"\n        tabindex=\"0\"\n        :class=\"classString\"\n        :style=\"style\"\n        @click=\"handleClick\"\n        @keydown=\"handleKeyDown\"\n    >\n        <div :class=\"leftCls\">\n            <template v-if=\"props.icon\">\n                <component :is=\"props.icon\" />\n            </template>\n            <template v-else-if=\"props.status === 'error'\">\n                <IconAlertCircle :size=\"'extra-large'\" />\n            </template>\n            <template v-else-if=\"props.status === 'wait' || props.status === 'process'\">\n                <span :class=\"`${props.prefixCls}-number-icon`\">{{ props.stepNumber }}</span>\n            </template>\n            <template v-else-if=\"props.status === 'finish'\">\n                <IconTickCircle :size=\"'extra-large'\" />\n            </template>\n            <template v-else-if=\"props.status === 'warning'\">\n                <IconAlertTriangle :size=\"'extra-large'\" />\n            </template>\n        </div>\n        <div :class=\"`${prefixCls}-content`\">\n            <div :class=\"`${prefixCls}-title`\" :title=\"typeof title === 'string' ? title : undefined\">\n                <span :class=\"`${prefixCls}-title-text`\">\n                    <slot name=\"title\">{{ title }}</slot>\n                </span>\n            </div>\n            <div :class=\"`${prefixCls}-description`\" :title=\"typeof description === 'string' ? description : undefined\">\n                <slot name=\"description\">{{ description }}</slot>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport { IconTickCircle, IconAlertCircle, IconAlertTriangle } from '../icons';\nimport type { FillStepProps } from './interface';\n\nconst props = withDefaults(defineProps<FillStepProps>(), {\n    prefixCls: css.ITEM,\n    status: 'wait',\n    className: '',\n});\n\nconst emit = defineEmits<{\n    click: [e: MouseEvent];\n}>();\n\nconst leftCls = computed(() => {\n    const progress = props.status === 'process' && !props.icon;\n    return classnames({\n        [`${props.prefixCls}-left`]: true,\n        [`${props.prefixCls}-icon`]: !!props.icon,\n        [`${props.prefixCls}-plain`]: !props.icon,\n        [`${props.prefixCls}-icon-process`]: progress,\n        [`${props.prefixCls}-hover`]: props.onChange || props.onClick,\n    });\n});\n\nconst classString = computed(() => {\n    return classnames(\n        {\n            [props.prefixCls]: true,\n            [`${props.prefixCls}-${props.status}`]: Boolean(props.status),\n            [`${props.prefixCls}-${props.status}-hover`]: Boolean(props.status) && (props.onChange || props.onClick),\n            [`${props.prefixCls}-${props.status}-active`]: Boolean(props.status) && (props.onChange || props.onClick),\n            [`${props.prefixCls}-clickable`]: props.onChange || props.onClick,\n        },\n        props.className\n    );\n});\n\nconst handleClick = (e: MouseEvent) => {\n    emit('click', e);\n    if (props.onClick) {\n        props.onClick(e);\n    }\n    if (props.onChange) {\n        props.onChange();\n    }\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n        if (props.onKeyDown) {\n            props.onKeyDown(e);\n        }\n        if (props.onChange) {\n            props.onChange();\n        }\n    }\n};\n</script>\n"],"names":["props","__props","emit","__emit","leftCls","computed","progress","classnames","classString","handleClick","e","handleKeyDown","_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_unref","IconAlertCircle","_normalizeClass","_toDisplayString","IconTickCircle","IconAlertTriangle","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/steps/FillSteps.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent as S, useSlots as k, computed as n, createElementBlock as m, openBlock as c, mergeProps as d, createVNode as w, unref as h, withCtx as y, Fragment as C, renderList as E, createBlock as _, normalizeStyle as B, resolveDynamicComponent as F, Comment as j, Text as g } from "vue";
+import z from "classnames";
+import { stepsClasses as D } from "@douyinfe/semi-foundation/steps/constants";
+import W from "@douyinfe/semi-foundation/utils/getDataAttr";
+import v from "../grid/Row.vue.js";
+import I from "../grid/Col.vue.js";
+/* empty css                */
+const L = ["aria-label"], H = /* @__PURE__ */ S({
+  __name: "FillSteps",
+  props: {
+    prefixCls: { default: D.PREFIX },
+    className: {},
+    current: { default: 0 },
+    direction: { default: "horizontal" },
+    initial: { default: 0 },
+    status: { default: "process" },
+    style: {},
+    children: {},
+    "aria-label": {}
+  },
+  emits: ["change"],
+  setup(u, { emit: b }) {
+    const t = u, N = b, o = k(), f = n(() => {
+      var e;
+      const l = ((e = o.default) == null ? void 0 : e.call(o)) || [], r = [], s = (a) => {
+        a.forEach((i) => {
+          var p;
+          i.type !== j && (i.type === g && !((p = i.children) != null && p.toString().trim()) || (i.type === C && Array.isArray(i.children) ? s(i.children) : i.type !== g && r.push(i)));
+        });
+      };
+      return s(l), r;
+    }), $ = n(() => t.direction === "vertical" ? null : { width: `${100 / f.value.length}%` }), x = (l, r) => {
+      const s = t.initial + r, e = l.props || {}, a = {
+        stepNumber: `${s + 1}`,
+        direction: t.direction,
+        // Only copy specific props we need, not all props
+        title: e.title,
+        description: e.description,
+        icon: e.icon,
+        style: e.style,
+        className: e.className,
+        "aria-label": e["aria-label"],
+        onClick: e.onClick
+      };
+      return t.status === "error" && r === t.current - 1 && (a.className = `${t.prefixCls}-next-error`), e.status ? a.status = e.status : s === t.current ? a.status = t.status : s < t.current ? a.status = "finish" : a.status = "wait", a.onChange = () => {
+        r !== t.current && N("change", r + t.initial);
+      }, a;
+    }, P = n(() => z(t.className, {
+      [t.prefixCls]: !0,
+      [`${t.prefixCls}-${t.direction}`]: !0
+    })), A = n(() => {
+      const l = {};
+      return Object.keys(t).forEach((r) => {
+        (r.startsWith("data-") || r.startsWith("aria-")) && (l[r] = t[r]);
+      }), W(l);
+    });
+    return (l, r) => (c(), m("div", d({
+      class: P.value,
+      style: u.style,
+      "aria-label": t["aria-label"]
+    }, A.value), [
+      w(h(v), {
+        type: "flex",
+        justify: "start"
+      }, {
+        default: y(() => [
+          (c(!0), m(C, null, E(f.value, (s, e) => (c(), _(h(I), {
+            key: e,
+            style: B($.value)
+          }, {
+            default: y(() => [
+              (c(), _(F(s.type), d({ ref_for: !0 }, x(s, e)), null, 16))
+            ]),
+            _: 2
+          }, 1032, ["style"]))), 128))
+        ]),
+        _: 1
+      })
+    ], 16, L));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=FillSteps.vue.js.map

package/lib/es/components/steps/FillSteps.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillSteps.vue.js","sources":["../../../../src/components/steps/FillSteps.vue"],"sourcesContent":["<template>\n    <div :class=\"wrapperCls\" :style=\"style\" :aria-label=\"props['aria-label']\" v-bind=\"dataAttrs\">\n        <Row type=\"flex\" justify=\"start\">\n            <template v-for=\"(child, index) in childrenArray\" :key=\"index\">\n                <Col :style=\"colStyle\">\n                    <component :is=\"child.type\" v-bind=\"getChildProps(child, index)\" />\n                </Col>\n            </template>\n        </Row>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots, VNode, Comment, Fragment, Text } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport { Row, Col } from '../grid';\nimport type { FillStepsProps } from './interface';\n\nconst props = withDefaults(defineProps<FillStepsProps>(), {\n    prefixCls: css.PREFIX,\n    current: 0,\n    direction: 'horizontal',\n    initial: 0,\n    status: 'process',\n});\n\nconst emit = defineEmits<{\n    change: [current: number];\n}>();\n\nconst slots = useSlots();\n\n// Filter valid children\nconst childrenArray = computed(() => {\n    const children = slots.default?.() || [];\n    const filtered: VNode[] = [];\n\n    const flatten = (vnodes: VNode[]) => {\n        vnodes.forEach((vnode) => {\n            if (vnode.type === Comment) return;\n            if (vnode.type === Text && !vnode.children?.toString().trim()) return;\n            if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n                flatten(vnode.children as VNode[]);\n            } else if (vnode.type !== Text) {\n                filtered.push(vnode);\n            }\n        });\n    };\n\n    flatten(children);\n    return filtered;\n});\n\nconst colStyle = computed(() => {\n    if (props.direction === 'vertical') {\n        return null;\n    }\n    return { width: `${100 / childrenArray.value.length}%` };\n});\n\nconst getChildProps = (child: VNode, index: number) => {\n    const stepNumber = props.initial + index;\n    const originalProps = child.props || {};\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const childProps: Record<string, any> = {\n        stepNumber: `${stepNumber + 1}`,\n        direction: props.direction,\n        // Only copy specific props we need, not all props\n        title: originalProps.title,\n        description: originalProps.description,\n        icon: originalProps.icon,\n        style: originalProps.style,\n        className: originalProps.className,\n        'aria-label': originalProps['aria-label'],\n        onClick: originalProps.onClick,\n    };\n\n    if (props.status === 'error' && index === props.current - 1) {\n        childProps.className = `${props.prefixCls}-next-error`;\n    }\n\n    if (!originalProps.status) {\n        if (stepNumber === props.current) {\n            childProps.status = props.status;\n        } else if (stepNumber < props.current) {\n            childProps.status = 'finish';\n        } else {\n            childProps.status = 'wait';\n        }\n    } else {\n        childProps.status = originalProps.status;\n    }\n\n    // 添加点击处理\n    childProps.onChange = () => {\n        if (index !== props.current) {\n            emit('change', index + props.initial);\n        }\n    };\n\n    return childProps;\n};\n\nconst wrapperCls = computed(() => {\n    return classnames(props.className, {\n        [props.prefixCls]: true,\n        [`${props.prefixCls}-${props.direction}`]: true,\n    });\n});\n\nconst dataAttrs = computed(() => {\n    const restProps: Record<string, unknown> = {};\n    Object.keys(props).forEach((key) => {\n        if (key.startsWith('data-') || key.startsWith('aria-')) {\n            restProps[key] = (props as Record<string, unknown>)[key];\n        }\n    });\n    return getDataAttr(restProps);\n});\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","childrenArray","computed","children","_a","filtered","flatten","vnodes","vnode","Comment","Text","Fragment","colStyle","getChildProps","child","index","stepNumber","originalProps","childProps","wrapperCls","classnames","dataAttrs","restProps","key","getDataAttr","_openBlock","_createElementBlock","_mergeProps","_createVNode","_unref","Row","_Fragment","_renderList","_createBlock","Col","_resolveDynamicComponent"],"mappings":"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"}

package/lib/es/components/steps/NavStep.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent as d, computed as C, createElementBlock as i, openBlock as o, normalizeStyle as u, normalizeClass as a, createElementVNode as n, createCommentVNode as y, renderSlot as x, createTextVNode as h, toDisplayString as k, createVNode as v, unref as g } from "vue";
+import N from "classnames";
+import { stepsClasses as p } from "@douyinfe/semi-foundation/steps/constants";
+import $ from "../icons/icons/IconChevronRight.js";
+const b = ["role", "aria-label"], V = /* @__PURE__ */ d({
+  __name: "NavStep",
+  props: {
+    title: {},
+    className: { default: "" },
+    style: {},
+    index: {},
+    active: { type: Boolean, default: !1 },
+    total: {},
+    prefixCls: { default: p.ITEM },
+    onChange: {},
+    onClick: {},
+    onKeyDown: {},
+    role: {},
+    "aria-label": {}
+  },
+  emits: ["click"],
+  setup(t, { emit: s }) {
+    const e = t, c = s, r = C(() => N(
+      e.prefixCls,
+      {
+        [`${e.prefixCls}-active`]: e.active
+      },
+      e.className
+    )), m = (l) => {
+      c("click", l), e.onClick && e.onClick(l), e.onChange && e.onChange();
+    }, f = (l) => {
+      l.key === "Enter" && (e.onKeyDown && e.onKeyDown(l), e.onChange && e.onChange());
+    };
+    return (l, w) => (o(), i("div", {
+      role: t.role,
+      "aria-label": e["aria-label"],
+      "aria-current": "step",
+      tabindex: "0",
+      class: a(r.value),
+      style: u(t.style),
+      onClick: m,
+      onKeydown: f
+    }, [
+      n("div", {
+        class: a(`${t.prefixCls}-container`)
+      }, [
+        n("div", {
+          class: a(`${t.prefixCls}-content`)
+        }, [
+          n("div", {
+            class: a(`${t.prefixCls}-title`)
+          }, [
+            x(l.$slots, "title", {}, () => [
+              h(k(t.title), 1)
+            ])
+          ], 2)
+        ], 2),
+        t.index !== t.total - 1 ? (o(), i("div", {
+          key: 0,
+          class: a(`${t.prefixCls}-icon`)
+        }, [
+          v(g($), { size: "small" })
+        ], 2)) : y("", !0)
+      ], 2)
+    ], 46, b));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=NavStep.vue.js.map

package/lib/es/components/steps/NavStep.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavStep.vue.js","sources":["../../../../src/components/steps/NavStep.vue"],"sourcesContent":["<template>\n    <div\n        :role=\"role\"\n        :aria-label=\"props['aria-label']\"\n        aria-current=\"step\"\n        tabindex=\"0\"\n        :class=\"classString\"\n        :style=\"style\"\n        @click=\"handleClick\"\n        @keydown=\"handleKeyDown\"\n    >\n        <div :class=\"`${prefixCls}-container`\">\n            <div :class=\"`${prefixCls}-content`\">\n                <div :class=\"`${prefixCls}-title`\">\n                    <slot name=\"title\">{{ title }}</slot>\n                </div>\n            </div>\n            <div v-if=\"index !== total - 1\" :class=\"`${prefixCls}-icon`\">\n                <IconChevronRight size=\"small\" />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport { IconChevronRight } from '../icons';\nimport type { NavStepProps } from './interface';\n\nconst props = withDefaults(defineProps<NavStepProps>(), {\n    prefixCls: css.ITEM,\n    active: false,\n    className: '',\n});\n\nconst emit = defineEmits<{\n    click: [e: MouseEvent];\n}>();\n\nconst classString = computed(() => {\n    return classnames(\n        props.prefixCls,\n        {\n            [`${props.prefixCls}-active`]: props.active,\n        },\n        props.className\n    );\n});\n\nconst handleClick = (e: MouseEvent) => {\n    emit('click', e);\n    if (props.onClick) {\n        props.onClick(e);\n    }\n    if (props.onChange) {\n        props.onChange();\n    }\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n        if (props.onKeyDown) {\n            props.onKeyDown(e);\n        }\n        if (props.onChange) {\n            props.onChange();\n        }\n    }\n};\n</script>\n"],"names":["props","__props","emit","__emit","classString","computed","classnames","handleClick","e","handleKeyDown","_createElementBlock","_createElementVNode","_renderSlot","_ctx","_createVNode","_unref","IconChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+BA,UAAMA,IAAQC,GAMRC,IAAOC,GAIPC,IAAcC,EAAS,MAClBC;AAAAA,MACHN,EAAM;AAAA,MACN;AAAA,QACI,CAAC,GAAGA,EAAM,SAAS,SAAS,GAAGA,EAAM;AAAA,MAAA;AAAA,MAEzCA,EAAM;AAAA,IAAA,CAEb,GAEKO,IAAc,CAACC,MAAkB;AACnC,MAAAN,EAAK,SAASM,CAAC,GACXR,EAAM,WACNA,EAAM,QAAQQ,CAAC,GAEfR,EAAM,YACNA,EAAM,SAAA;AAAA,IAEd,GAEMS,IAAgB,CAACD,MAAqB;AACxC,MAAIA,EAAE,QAAQ,YACNR,EAAM,aACNA,EAAM,UAAUQ,CAAC,GAEjBR,EAAM,YACNA,EAAM,SAAA;AAAA,IAGlB;2BArEIU,EAoBM,OAAA;AAAA,MAnBD,MAAMT,EAAA;AAAA,MACN,cAAYD,EAAK,YAAA;AAAA,MAClB,gBAAa;AAAA,MACb,UAAS;AAAA,MACR,SAAOI,EAAA,KAAW;AAAA,MAClB,SAAOH,EAAA,KAAK;AAAA,MACZ,SAAOM;AAAA,MACP,WAASE;AAAA,IAAA;MAEVE,EASM,OAAA;AAAA,QATA,YAAUV,EAAA,SAAS,YAAA;AAAA,MAAA;QACrBU,EAIM,OAAA;AAAA,UAJA,YAAUV,EAAA,SAAS,UAAA;AAAA,QAAA;UACrBU,EAEM,OAAA;AAAA,YAFA,YAAUV,EAAA,SAAS,QAAA;AAAA,UAAA;YACrBW,EAAqCC,uBAArC,MAAqC;AAAA,kBAAfZ,EAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;;QAGxBA,EAAA,UAAUA,EAAA,QAAK,UAA1BS,EAEM,OAAA;AAAA;UAF2B,YAAUT,EAAA,SAAS,OAAA;AAAA,QAAA;UAChDa,EAAiCC,EAAAC,CAAA,GAAA,EAAf,MAAK,SAAO;AAAA,QAAA;;;;;"}

package/lib/es/components/steps/NavSteps.vue.js

@@ -0,0 +1,68 @@
+import { defineComponent as P, useSlots as A, computed as c, createElementBlock as m, openBlock as o, mergeProps as h, Fragment as d, renderList as k, createBlock as E, resolveDynamicComponent as z, Comment as B, Text as y } from "vue";
+import S from "classnames";
+import { stepsClasses as $ } from "@douyinfe/semi-foundation/steps/constants";
+import v from "@douyinfe/semi-foundation/utils/getDataAttr";
+const x = ["aria-label"], w = /* @__PURE__ */ P({
+  __name: "NavSteps",
+  props: {
+    prefixCls: { default: $.PREFIX },
+    className: {},
+    style: {},
+    current: { default: 0 },
+    initial: { default: 0 },
+    size: { default: "default" },
+    children: {},
+    "aria-label": {}
+  },
+  emits: ["change"],
+  setup(p, { emit: C }) {
+    const r = p, g = C, n = A(), u = c(() => {
+      var e;
+      const s = ((e = n.default) == null ? void 0 : e.call(n)) || [], t = [], l = (i) => {
+        i.forEach((a) => {
+          var f;
+          a.type !== B && (a.type === y && !((f = a.children) != null && f.toString().trim()) || (a.type === d && Array.isArray(a.children) ? l(a.children) : a.type !== y && t.push(a)));
+        });
+      };
+      return l(s), t;
+    }), b = (s, t) => {
+      const l = u.value.length, e = s.props || {}, i = {
+        index: t,
+        total: l,
+        // Only copy specific props we need, not all props
+        title: e.title,
+        description: e.description,
+        icon: e.icon,
+        style: e.style,
+        className: e.className,
+        "aria-label": e["aria-label"],
+        onClick: e.onClick
+      };
+      return i.active = t === r.current, i.onChange = () => {
+        t !== r.current && g("change", t + r.initial);
+      }, i;
+    }, _ = c(() => S(r.className, {
+      [`${r.prefixCls}-nav`]: !0,
+      [`${r.prefixCls}-${r.size}`]: r.size !== "default"
+    })), N = c(() => {
+      const s = {};
+      return Object.keys(r).forEach((t) => {
+        (t.startsWith("data-") || t.startsWith("aria-")) && (s[t] = r[t]);
+      }), v(s);
+    });
+    return (s, t) => (o(), m("div", h({
+      "aria-label": r["aria-label"],
+      class: _.value,
+      style: p.style
+    }, N.value), [
+      (o(!0), m(d, null, k(u.value, (l, e) => (o(), E(z(l.type), h({
+        key: e,
+        ref_for: !0
+      }, b(l, e)), null, 16))), 128))
+    ], 16, x));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=NavSteps.vue.js.map

package/lib/es/components/steps/NavSteps.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSteps.vue.js","sources":["../../../../src/components/steps/NavSteps.vue"],"sourcesContent":["<template>\n    <div :aria-label=\"props['aria-label']\" :class=\"wrapperCls\" :style=\"style\" v-bind=\"dataAttrs\">\n        <template v-for=\"(child, index) in childrenArray\" :key=\"index\">\n            <component :is=\"child.type\" v-bind=\"getChildProps(child, index)\" />\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots, VNode, Comment, Fragment, Text } from 'vue';\nimport classnames from 'classnames';\nimport { stepsClasses as css } from '@douyinfe/semi-foundation/steps/constants';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport type { NavStepsProps } from './interface';\n\nconst props = withDefaults(defineProps<NavStepsProps>(), {\n    prefixCls: css.PREFIX,\n    current: 0,\n    size: 'default',\n    initial: 0,\n});\n\nconst emit = defineEmits<{\n    change: [current: number];\n}>();\n\nconst slots = useSlots();\n\n// Filter valid children\nconst childrenArray = computed(() => {\n    const children = slots.default?.() || [];\n    const filtered: VNode[] = [];\n\n    const flatten = (vnodes: VNode[]) => {\n        vnodes.forEach((vnode) => {\n            if (vnode.type === Comment) return;\n            if (vnode.type === Text && !vnode.children?.toString().trim()) return;\n            if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n                flatten(vnode.children as VNode[]);\n            } else if (vnode.type !== Text) {\n                filtered.push(vnode);\n            }\n        });\n    };\n\n    flatten(children);\n    return filtered;\n});\n\nconst getChildProps = (child: VNode, index: number) => {\n    const total = childrenArray.value.length;\n    const originalProps = child.props || {};\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const childProps: Record<string, any> = {\n        index,\n        total,\n        // Only copy specific props we need, not all props\n        title: originalProps.title,\n        description: originalProps.description,\n        icon: originalProps.icon,\n        style: originalProps.style,\n        className: originalProps.className,\n        'aria-label': originalProps['aria-label'],\n        onClick: originalProps.onClick,\n    };\n\n    childProps.active = index === props.current;\n\n    // 添加点击处理\n    childProps.onChange = () => {\n        if (index !== props.current) {\n            emit('change', index + props.initial);\n        }\n    };\n\n    return childProps;\n};\n\nconst wrapperCls = computed(() => {\n    return classnames(props.className, {\n        [`${props.prefixCls}-nav`]: true,\n        [`${props.prefixCls}-${props.size}`]: props.size !== 'default',\n    });\n});\n\nconst dataAttrs = computed(() => {\n    const restProps: Record<string, unknown> = {};\n    Object.keys(props).forEach((key) => {\n        if (key.startsWith('data-') || key.startsWith('aria-')) {\n            restProps[key] = (props as Record<string, unknown>)[key];\n        }\n    });\n    return getDataAttr(restProps);\n});\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","childrenArray","computed","children","_a","filtered","flatten","vnodes","vnode","Comment","Text","Fragment","getChildProps","child","index","total","originalProps","childProps","wrapperCls","classnames","dataAttrs","restProps","key","getDataAttr","_openBlock","_createElementBlock","_mergeProps","_Fragment","_renderList","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GAORC,IAAOC,GAIPC,IAAQC,EAAA,GAGRC,IAAgBC,EAAS,MAAM;;AACjC,YAAMC,MAAWC,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,OAAqB,CAAA,GAChCM,IAAoB,CAAA,GAEpBC,IAAU,CAACC,MAAoB;AACjC,QAAAA,EAAO,QAAQ,CAACC,MAAU;;AACtB,UAAIA,EAAM,SAASC,MACfD,EAAM,SAASE,KAAQ,GAACN,IAAAI,EAAM,aAAN,QAAAJ,EAAgB,WAAW,YACnDI,EAAM,SAASG,KAAY,MAAM,QAAQH,EAAM,QAAQ,IACvDF,EAAQE,EAAM,QAAmB,IAC1BA,EAAM,SAASE,KACtBL,EAAS,KAAKG,CAAK;AAAA,QAE3B,CAAC;AAAA,MACL;AAEA,aAAAF,EAAQH,CAAQ,GACTE;AAAA,IACX,CAAC,GAEKO,IAAgB,CAACC,GAAcC,MAAkB;AACnD,YAAMC,IAAQd,EAAc,MAAM,QAC5Be,IAAgBH,EAAM,SAAS,CAAA,GAG/BI,IAAkC;AAAA,QACpC,OAAAH;AAAA,QACA,OAAAC;AAAA;AAAA,QAEA,OAAOC,EAAc;AAAA,QACrB,aAAaA,EAAc;AAAA,QAC3B,MAAMA,EAAc;AAAA,QACpB,OAAOA,EAAc;AAAA,QACrB,WAAWA,EAAc;AAAA,QACzB,cAAcA,EAAc,YAAY;AAAA,QACxC,SAASA,EAAc;AAAA,MAAA;AAG3B,aAAAC,EAAW,SAASH,MAAUnB,EAAM,SAGpCsB,EAAW,WAAW,MAAM;AACxB,QAAIH,MAAUnB,EAAM,WAChBE,EAAK,UAAUiB,IAAQnB,EAAM,OAAO;AAAA,MAE5C,GAEOsB;AAAA,IACX,GAEMC,IAAahB,EAAS,MACjBiB,EAAWxB,EAAM,WAAW;AAAA,MAC/B,CAAC,GAAGA,EAAM,SAAS,MAAM,GAAG;AAAA,MAC5B,CAAC,GAAGA,EAAM,SAAS,IAAIA,EAAM,IAAI,EAAE,GAAGA,EAAM,SAAS;AAAA,IAAA,CACxD,CACJ,GAEKyB,IAAYlB,EAAS,MAAM;AAC7B,YAAMmB,IAAqC,CAAA;AAC3C,oBAAO,KAAK1B,CAAK,EAAE,QAAQ,CAAC2B,MAAQ;AAChC,SAAIA,EAAI,WAAW,OAAO,KAAKA,EAAI,WAAW,OAAO,OACjDD,EAAUC,CAAG,IAAK3B,EAAkC2B,CAAG;AAAA,MAE/D,CAAC,GACMC,EAAYF,CAAS;AAAA,IAChC,CAAC;sBA7FGG,EAAA,GAAAC,EAIM,OAJNC,EAIM;AAAA,MAJA,cAAY/B,EAAK,YAAA;AAAA,MAAiB,OAAOuB,EAAA;AAAA,MAAa,OAAOtB,EAAA;AAAA,IAAA,GAAewB,EAAA,KAAS,GAAA;AAAA,OACvFI,EAAA,EAAA,GAAAC,EAEWE,GAAA,MAAAC,EAFwB3B,EAAA,OAAa,CAA9BY,GAAOC,OACrBU,KAAAK,EAAmEC,EAAnDjB,EAAM,IAAI,GAA1Ba,EAAmE;AAAA,aADfZ;AAAA;SAChBF,EAAcC,GAAOC,CAAK,CAAA,GAAA,MAAA,EAAA;;;;"}

package/lib/es/components/steps/Step.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent as m, computed as p, createBlock as i, openBlock as f, resolveDynamicComponent as u, normalizeProps as r, guardReactiveProps as o, createSlots as l, renderList as _, withCtx as d, renderSlot as $ } from "vue";
+import { useStepsContext as C } from "./context.js";
+import v from "./BasicStep.vue.js";
+import n from "./FillStep.vue.js";
+import S from "./NavStep.vue.js";
+const g = /* @__PURE__ */ m({
+  __name: "Step",
+  setup(h) {
+    const s = C(), a = p(() => {
+      switch (s.type) {
+        case "fill":
+          return n;
+        case "basic":
+          return v;
+        case "nav":
+          return S;
+        default:
+          return n;
+      }
+    });
+    return (e, k) => (f(), i(u(a.value), r(o(e.$attrs)), l({ _: 2 }, [
+      _(e.$slots, (w, t) => ({
+        name: t,
+        fn: d((c) => [
+          $(e.$slots, t, r(o(c || {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=Step.vue.js.map