@flyanra/vue-core 0.2.0 → 0.3.0

package/dist/types/components/index.d.ts

@@ -6,4 +6,3 @@ export * from './navigation';
 export * from './basic';
 export * from './feedback';
 export * from './general';
-export * from './navigation';

package/dist/types/components/navigation/fly-steps/FlySteps.types.d.ts

@@ -0,0 +1,9 @@
+export type T_FlyStepItem = {
+    label: string;
+    id: number;
+    clickable?: boolean;
+};
+export type T_FlyStepProps = {
+    steps: T_FlyStepItem[];
+    activeIndex: number;
+};

package/dist/types/components/navigation/fly-steps/FlySteps.vue.d.ts

@@ -0,0 +1,9 @@
+import './FlySteps.element.scss';
+import type { T_FlyStepProps } from './FlySteps.types';
+declare const __VLS_export: import("vue").DefineComponent<T_FlyStepProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "change-step": (data: number) => any;
+}, string, import("vue").PublicProps, Readonly<T_FlyStepProps> & Readonly<{
+    "onChange-step"?: ((data: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/navigation/fly-steps/index.d.ts

@@ -0,0 +1,4 @@
+import FlySteps from './FlySteps.vue';
+export default FlySteps;
+export { FlySteps };
+export type { T_FlyStepProps, T_FlyStepItem } from './FlySteps.types';

package/dist/types/components/navigation/index.d.ts

@@ -1 +1,2 @@
 export * from './menu';
+export * from './fly-steps';

package/dist/types/types/index.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyanra/vue-core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": false,
   "description": "Source-distributed Vue component library for Vite and Nuxt consumers.",
   "sideEffects": false,
@@ -13,6 +13,10 @@
       "types": "./dist/types/index.d.ts",
       "import": "./src/index.ts"
     },
+    "./types": {
+      "types": "./src/types/index.d.ts",
+      "default": "./src/types/index.ts"
+    },
     "./styles": {
       "types": "./src/styles/index.d.ts",
       "default": "./src/styles/index.scss"

package/src/components/index.ts

@@ -9,4 +9,3 @@ export * from './navigation'
 export * from './basic'
 export * from './feedback'
 export * from './general'
-export * from './navigation'

package/src/components/navigation/fly-steps/FlySteps.types.ts

@@ -0,0 +1,10 @@
+export type T_FlyStepItem = {
+  label: string
+  id: number
+  clickable?: boolean
+}
+
+export type T_FlyStepProps = {
+  steps: T_FlyStepItem[]
+  activeIndex: number
+}

package/src/components/navigation/fly-steps/FlySteps.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="anra-steps">
+    <el-steps :active="activeIndex" align-center finish-status="success">
+      <el-step v-for="step in steps" :key="step.id" :title="step.label">
+        <template #title>
+          <div
+            :role="step.clickable ? 'button' : ''"
+            class="tw-text-sm tw-leading-normal tw-pt-px"
+            :class="step.clickable ? 'clickable' : ''"
+            @click="step.clickable ? emit('change-step', step.id) : null"
+          >
+            {{ step.label }}
+          </div>
+        </template>
+      </el-step>
+    </el-steps>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ElStep, ElSteps } from 'element-plus'
+
+import './FlySteps.element.scss'
+import type { T_FlyStepProps } from './FlySteps.types'
+
+const emit = defineEmits<{
+  (e: 'change-step', data: number): void
+}>()
+defineProps<T_FlyStepProps>()
+</script>

package/src/components/navigation/fly-steps/index.ts

@@ -0,0 +1,6 @@
+import FlySteps from './FlySteps.vue'
+
+export default FlySteps
+export { FlySteps }
+
+export type { T_FlyStepProps, T_FlyStepItem } from './FlySteps.types'

package/src/components/navigation/index.ts

@@ -1 +1,2 @@
 export * from './menu'
+export * from './fly-steps'

package/src/styles/element/overrides/dialog.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/dialog.scss' as *;
+@use 'element-plus/theme-chalk/src/overlay.scss' as *;