song-ui-u/lib/components/steps/src/steps-item.cjs.map

vue3 + js的PC前端组件库

{"version":3,"file":"steps-item.cjs","sources":["../../../../../packages/components/steps/src/steps-item.jsx"],"sourcesContent":["import { defineComponent, computed } from \"vue\";\r\nimport { useNamespace } from \"@ui-library/hook\";\r\n\r\nexport default defineComponent({\r\n  name: \"x-steps-item\",\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    description: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    index: {\r\n      type: Number,\r\n      default: 1,\r\n    },\r\n    active: {\r\n      type: [String, Number],\r\n      default: 0,\r\n    },\r\n    finishStatus: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    direction: {\r\n      type: String,\r\n      default: \"horizontal\",\r\n    },\r\n  },\r\n\r\n  setup(props, { slots }) {\r\n    const ns = useNamespace(\"steps-item\");\r\n\r\n    const isActive = computed(() => {\r\n      return props.active >= props.index;\r\n    });\r\n\r\n    const isProcess = computed(() => {\r\n      return props.active + 1 == props.index;\r\n    });\r\n\r\n    // 当props.active和props.index相等时，line是中间态\r\n    // 当props.active大于props.index时，line是完成态\r\n    const stateLine = computed(() => {\r\n      if (props.active == props.index) {\r\n        return \"middle\";\r\n      } else if (props.active > props.index) {\r\n        return \"finish\";\r\n      }\r\n    });\r\n\r\n    return () => (\r\n      <div\r\n        class={[\r\n          ns.b(),\r\n          ns.is(\"active\", isActive.value),\r\n          ns.is(\"process\", isProcess.value),\r\n          ns.m(\"type\", props.finishStatus),\r\n          ns.m(\"direction\", props.direction),\r\n        ]}\r\n      >\r\n        <div class={[ns.e(\"head\"), ns.m(\"direction\", props.direction)]}>\r\n          <div class={ns.e(\"text-wrapper\")}>\r\n            {slots.default ? (\r\n              slots.default()\r\n            ) : (\r\n              <div class={ns.e(\"text\")}>{props.index}</div>\r\n            )}\r\n\r\n            {props.direction === \"vertical\" && (\r\n              <div\r\n                class={[\r\n                  ns.e(\"line\"),\r\n                  ns.m(\"line\", props.direction),\r\n                  ns.m(\"state\", stateLine.value),\r\n                ]}\r\n              ></div>\r\n            )}\r\n          </div>\r\n          {props.direction === \"horizontal\" && (\r\n            <div class={[ns.e(\"line\"), ns.m(\"state\", stateLine.value)]}></div>\r\n          )}\r\n        </div>\r\n\r\n        <div class={ns.e(\"main\")}>\r\n          <div class={ns.e(\"title\")}>{props.title}</div>\r\n          <div class={ns.e(\"desc\")}>{props.description}</div>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","title","type","String","default","description","index","Number","active","finishStatus","direction","setup","slots","ns","useNamespace","isActive","computed","isProcess","stateLine","_createVNode","b","is","value","m","e"],"mappings":"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"}