102 lines
2.9 KiB
Vue
102 lines
2.9 KiB
Vue
<script>
|
|
/** 只读步骤条：steps 为文案数组，current 从 1 开始；小于当前步骤的项显示完成标记。 */
|
|
import "~/assets/styles/PageSteps.B5K7G9zF.css";
|
|
import { toDisplayString } from "vue";
|
|
import { renderList } from "vue";
|
|
import { normalizeClass } from "vue";
|
|
import { createCommentVNode } from "vue";
|
|
import { createElementBlock } from "vue";
|
|
import { Fragment } from "vue";
|
|
import { createElementVNode } from "vue";
|
|
import { createTextVNode } from "vue";
|
|
import { defineComponent } from "vue";
|
|
import { openBlock } from "vue";
|
|
import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
|
|
var d = {
|
|
class: `steps`,
|
|
},
|
|
f = {
|
|
class: `step-dot`,
|
|
},
|
|
p = {
|
|
key: 0,
|
|
class: `pi pi-check`,
|
|
},
|
|
m = {
|
|
class: `step-label`,
|
|
},
|
|
h = {
|
|
key: 0,
|
|
class: `step-line`,
|
|
},
|
|
g = Object.assign(
|
|
_plugin_vue_export_helper_t(
|
|
defineComponent({
|
|
__name: `PageSteps`,
|
|
props: {
|
|
steps: {},
|
|
current: {},
|
|
},
|
|
setup(c) {
|
|
return (u, g) => (
|
|
openBlock(),
|
|
createElementBlock(`ol`, d, [
|
|
(openBlock(!0),
|
|
createElementBlock(
|
|
Fragment,
|
|
null,
|
|
renderList(
|
|
c.steps,
|
|
(t, u) => (
|
|
openBlock(),
|
|
createElementBlock(
|
|
`li`,
|
|
{
|
|
key: u,
|
|
class: normalizeClass([
|
|
`step`,
|
|
{
|
|
done: u + 1 < c.current,
|
|
active: u + 1 === c.current,
|
|
},
|
|
]),
|
|
},
|
|
[
|
|
createElementVNode(`span`, f, [
|
|
u + 1 < c.current
|
|
? (openBlock(), createElementBlock(`i`, p))
|
|
: (openBlock(),
|
|
createElementBlock(
|
|
Fragment,
|
|
{
|
|
key: 1,
|
|
},
|
|
[createTextVNode(toDisplayString(u + 1), 1)],
|
|
64,
|
|
)),
|
|
]),
|
|
createElementVNode(`span`, m, toDisplayString(t), 1),
|
|
u < c.steps.length - 1
|
|
? (openBlock(), createElementBlock(`span`, h))
|
|
: createCommentVNode(``, !0),
|
|
],
|
|
2,
|
|
)
|
|
),
|
|
),
|
|
128,
|
|
)),
|
|
])
|
|
);
|
|
},
|
|
}),
|
|
[[`__scopeId`, `data-v-a16c5dea`]],
|
|
),
|
|
{
|
|
__name: `PageSteps`,
|
|
},
|
|
);
|
|
export {};
|
|
export default g;
|
|
</script>
|