bitinflow/ui
1
0
Fork 0
mirror of https://github.com/bitinflow/ui.git synced 2026-03-13 13:45:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup

Browse Source
This commit is contained in:
René Preuß
2023-02-17 20:25:31 +01:00
parent ea9f83cb7e
commit 71d836e5c4
42 changed files with 5391 additions and 693 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -14,7 +14,7 @@ node_modules
**/.yarn/*state* **/.yarn/*state*
# Generated dirs # Generated dirs
# dist dist
# Nuxt # Nuxt
.nuxt .nuxt

5
CHANGELOG.md Normal file
View File

@@ -0,0 +1,5 @@
# Changelog
## v0.0.3

5
dist/module.cjs vendored
View File

@@ -1,5 +0,0 @@
module.exports = function(...args) {
return import('./module.mjs').then(m => m.default.call(this, ...args))
}
const _meta = module.exports.meta = require('./module.json')
module.exports.getMeta = () => Promise.resolve(_meta)

7
dist/module.d.ts vendored
View File

@@ -1,7 +0,0 @@
import * as _nuxt_schema from '@nuxt/schema';
interface ModuleOptions {
}
declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
export { ModuleOptions, _default as default };

5
dist/module.json vendored
View File

@@ -1,5 +0,0 @@
{
"name": "@bitinflow/ui",
"configKey": "ui",
"version": "0.0.2"
}

28
dist/module.mjs vendored
View File

@@ -1,28 +0,0 @@
import { defineNuxtModule, useLogger, createResolver, addPlugin, addImportsDir, addComponentsDir } from '@nuxt/kit';
const PACKAGE_NAME = "ui";
const module = defineNuxtModule({
meta: {
name: `@bitinflow/${PACKAGE_NAME}`,
configKey: "ui"
},
// Default configuration options of the Nuxt module
defaults: {},
setup(options, nuxt) {
const logger = useLogger(PACKAGE_NAME);
const resolver = createResolver(import.meta.url);
addPlugin(resolver.resolve("./runtime/plugin"));
const composables = resolver.resolve("./runtime/composables");
addImportsDir(composables);
const components = resolver.resolve("./runtime/components");
addComponentsDir({
path: components,
watch: true
}).then((r) => {
console.log(r);
});
logger.success("@bitinflow/ui module loaded");
}
});
export { module as default };

25
dist/runtime/components/BitinflowButton.vue vendored
View File

@@ -1,25 +0,0 @@
<template>
<a
href="#"
class="truncate text-black dark:text-white hover:bg-zinc-100 dark:bg-base-700 dark:hover:bg-base-600 dark:text-white rounded-lg px-4 py-2"
>
<slot />
</a>
</template>
<script>
export default {
name: "BitinflowButton",
emits: ['click'],
methods: {
click() {
this.$emit('click');
}
}
}
</script>
<style scoped>
</style>

8
dist/runtime/components/BitinflowButton.vue.d.ts vendored
View File

@@ -1,8 +0,0 @@
declare namespace _default {
const name: string;
const emits: string[];
namespace methods {
function click(): void;
}
}
export default _default;

15
dist/runtime/components/BitinflowCard.vue vendored
View File

@@ -1,15 +0,0 @@
<template>
<div class="bg-white text-black dark:bg-base-700 dark:text-white rounded shadow mb-8">
<slot />
</div>
</template>
<script>
export default {
name: "BitinflowCard"
}
</script>
<style scoped>
</style>

4
dist/runtime/components/BitinflowCard.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

15
dist/runtime/components/BitinflowCardBody.vue vendored
View File

@@ -1,15 +0,0 @@
<template>
<div class="p-8 rounded-b">
<slot />
</div>
</template>
<script>
export default {
name: "BitinflowCardBody"
}
</script>
<style scoped>
</style>

4
dist/runtime/components/BitinflowCardBody.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

17
dist/runtime/components/BitinflowCardHeader.vue vendored
View File

@@ -1,17 +0,0 @@
<template>
<div class="py-4 px-8 border-b dark:border-base-800 rounded-t">
<div class="text-xl font-medium">
<slot />
</div>
</div>
</template>
<script>
export default {
name: "BitinflowCardHeader"
}
</script>
<style scoped>
</style>

4
dist/runtime/components/BitinflowCardHeader.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

15
dist/runtime/components/BitinflowContainer.vue vendored
View File

@@ -1,15 +0,0 @@
<template>
<div class="container mx-auto px-4 lg:px-16 py-8 space-y-8">
<slot />
</div>
</template>
<script>
export default {
name: "BitinflowContainer"
}
</script>
<style scoped>
</style>

4
dist/runtime/components/BitinflowContainer.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

20
dist/runtime/components/BitinflowFirstLevelLink.vue vendored
View File

@@ -1,20 +0,0 @@
<template>
<a class="hover:bg-primary-500 rounded-lg text-center text-xs py-4 flex flex-col space-y-2" href="#">
<i :class="['fal text-xl', icon]"></i>
<span>
<slot />
</span>
</a>
</template>
<script>
export default {
name: "BitinflowFirstLevelLink",
props: {
icon: {
type: String,
default: 'fa-arrow-up-right-from-square'
}
}
}
</script>

11
dist/runtime/components/BitinflowFirstLevelLink.vue.d.ts vendored
View File

@@ -1,11 +0,0 @@
declare namespace _default {
const name: string;
namespace props {
namespace icon {
export const type: StringConstructor;
const _default: string;
export { _default as default };
}
}
}
export default _default;

144
dist/runtime/components/BitinflowFirstLevelMenu.vue vendored
View File

@@ -1,144 +0,0 @@
<template>
<div class="bg-gray-100 dark:bg-base min-h-screen flex flex-col relative">
<!-- Overlay -->
<div
ref="overlay"
class="sm:hidden hidden bg-gray-800 opacity-50 w-full min-h-screen absolute z-10"
/>
<!-- Header -->
<header class="bg-white relative shadow sm:hidden z-10">
<div class="container flex justify-between items-center py-4">
<img
src="/img/icon-light.svg"
class="h-4"
alt="bitinflow"
>
<div class="flex items-center space-x-4">
<nuxt-link
v-for="link in secondaryMenu"
:key="link.name"
:to="link.to"
>
<i
:class="link.icon"
class="icon"
/> {{ link.name }}
</nuxt-link>
<nuxt-link
class="inline-block flex"
to="/"
>
<img
class="h-8 w-8 rounded-full"
alt="profile"
src="/img/avatar.jpg"
/>
</nuxt-link>
<button
class="focus-within:outline-none pl-4"
@click="toggleMenu"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"
/>
</svg>
</button>
</div>
</div>
</header>
<!-- Sidenav with Content -->
<div class="flex flex-grow">
<!-- Sidenav -->
<nav
ref="sidebar"
class="flex h-screen flex-col w-36 bg-base-800 dark:border-r dark:border-base text-gray-100 shadow sm:relative absolute inset-y-0 transform -translate-x-full sm:translate-x-0 transition transition-transform z-20"
>
<!-- logo -->
<div class="flex-none bg-primary-500 h-16 sm:h-20 py-3 sm:py-6 text-white flex flex-initial justify-center">
<button @click="toggleDarkMode">
<img
src="/img/icon-light.svg"
class="h-8 w-auto"
alt="Logo"
>
</button>
</div>
<div class="flex-auto flex flex-col overflow-y-auto py-6 space-y-6">
<!-- nav -->
<nav class="primary flex flex-grow flex-col space-y-4 px-6">
<slot name="top" />
</nav>
<nav class="flex flex-initial flex-col space-y-4 px-6">
<slot name="bottom" />
</nav>
</div>
<div class="flex-none" />
</nav>
<!-- Content -->
<main class="flex flex-1">
<slot />
</main>
</div>
</div>
</template>
<script>
export default {
name: "BitinflowFirstLevelMenu",
data() {
return {
primaryMenu: [
{name: 'Home', icon: 'fal fa-home', to: '/', exact: true},
{name: 'Buckets', icon: 'fal fa-bucket', to: '/buckets', exact: false},
{name: 'Domains', icon: 'fal fa-globe', to: '/domains', exact: false},
{name: 'Spaces', icon: 'fal fa-meteor', to: '/spaces', exact: false},
{name: 'Zones', icon: 'fal fa-list-ul', to: '/zones', exact: false},
],
secondaryMenu: [
{name: 'Logout', icon: 'fal fa-sign-out', to: '/logout'},
],
};
},
methods: {
toggleMenu() {
this.$refs.overlay.classList.toggle('hidden');
this.$refs.sidebar.classList.toggle('-translate-x-full');
},
closeMenu() {
this.$refs.overlay.classList.add('hidden');
this.$refs.sidebar.classList.add('-translate-x-full');
},
toggleDarkMode() {
document.body.classList.toggle('dark')
}
},
};
</script>
<style scoped>
.nuxt-link-active {
background: #00BFA5;
}
.nuxt-link-active:hover {
background: #004F44;
}
</style>

22
dist/runtime/components/BitinflowFirstLevelMenu.vue.d.ts vendored
View File

@@ -1,22 +0,0 @@
declare namespace _default {
const name: string;
function data(): {
primaryMenu: {
name: string;
icon: string;
to: string;
exact: boolean;
}[];
secondaryMenu: {
name: string;
icon: string;
to: string;
}[];
};
namespace methods {
function toggleMenu(): void;
function closeMenu(): void;
function toggleDarkMode(): void;
}
}
export default _default;

15
dist/runtime/components/BitinflowFlexAuto.vue vendored
View File

@@ -1,15 +0,0 @@
<template>
<div class="flex-auto">
<slot/>
</div>
</template>
<script>
export default {
name: "BitinflowFlex"
}
</script>
<style scoped>
</style>

4
dist/runtime/components/BitinflowFlexAuto.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

44
dist/runtime/components/BitinflowFloatingBanner.vue vendored
View File

@@ -1,44 +0,0 @@
<template>
<div class="fixed inset-x-0 bottom-0 pb-2 sm:pb-5 z-[100]">
<div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
<div class="rounded-lg bg-primary-500 p-2 shadow-lg sm:p-3">
<div class="flex flex-wrap items-center justify-between">
<div class="flex w-0 flex-1 items-center">
<span class="flex rounded-lg bg-primary-800 p-2">
<!-- Heroicon name: outline/megaphone -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46" />
</svg>
</span>
<p class="ml-3 truncate font-medium text-white">
<span class="md:hidden">We announced a new product!</span>
<span class="hidden md:inline">Big news! We're excited to announce a brand new product.</span>
</p>
</div>
<div class="order-3 mt-2 w-full flex-shrink-0 sm:order-2 sm:mt-0 sm:w-auto">
<a href="#" class="flex items-center justify-center rounded-md border border-transparent bg-white px-4 py-2 text-sm font-medium text-primary-500 shadow-sm hover:bg-zinc-200">Learn more</a>
</div>
<div class="order-2 flex-shrink-0 sm:order-3 sm:ml-2">
<button type="button" class="-mr-1 flex rounded-md p-2 hover:bg-primary-500 focus:outline-none focus:ring-2 focus:ring-white">
<span class="sr-only">Dismiss</span>
<!-- Heroicon name: outline/x-mark -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "BitinflowFloatingBanner"
}
</script>
<style scoped>
</style>

4
dist/runtime/components/BitinflowFloatingBanner.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

11
dist/runtime/components/BitinflowHeroCard.vue vendored
View File

@@ -1,11 +0,0 @@
<template>
<div class="bg-gradient-to-tr from-primary-600 to-primary-400 text-white rounded shadow p-8">
<slot />
</div>
</template>
<script>
export default {
name: "BitinflowHeroCard"
}
</script>

4
dist/runtime/components/BitinflowHeroCard.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

11
dist/runtime/components/BitinflowScreenScrollContainer.vue vendored
View File

@@ -1,11 +0,0 @@
<template>
<div class="overflow-y-auto h-screen">
<slot />
</div>
</template>
<script>
export default {
name: "BitinflowScreenScrollContainer"
}
</script>

4
dist/runtime/components/BitinflowScreenScrollContainer.vue.d.ts vendored
View File

@@ -1,4 +0,0 @@
declare namespace _default {
const name: string;
}
export default _default;

20
dist/runtime/components/BitinflowSecondLevelLink.vue vendored
View File

@@ -1,20 +0,0 @@
<template>
<bitinflow-button class="flex items-center gap-2">
<i :class="['fal', icon]" /> <slot />
</bitinflow-button>
</template>
<script>
import BitinflowButton from "./BitinflowButton.vue";
export default {
name: "BitinflowSecondLevelLink",
components: {BitinflowButton},
props: {
icon: {
type: String,
default: 'fa-arrow-up-right-from-square'
}
}
}
</script>

14
dist/runtime/components/BitinflowSecondLevelLink.vue.d.ts vendored
View File

@@ -1,14 +0,0 @@
declare namespace _default {
const name: string;
namespace components {
export { BitinflowButton };
}
namespace props {
namespace icon {
export const type: StringConstructor;
const _default: string;
export { _default as default };
}
}
}
export default _default;

49
dist/runtime/components/BitinflowSecondLevelMenu.vue vendored
View File

@@ -1,49 +0,0 @@
<template>
<nav
class="w-64 bg-white text-black shadow dark:bg-base-700 dark:text-white dark:border-base-900 dark:border-l flex flex-col overflow-y-auto h-screen absolute sm:relative transform -translate-x-full sm:translate-x-0 pt-10 pb-4 px-4 space-y-2">
<span class="font-semibold px-4">
<slot name="title" />
</span>
<div class="flex flex-col gap-2 justify-between flex-1">
<div class="flex flex-col gap-2">
<slot />
</div>
<div>
<bitinflow-second-level-link
class="bg-zinc-100 hover:bg-zinc-200 dark:bg-base-500 dark:hover:bg-base-600"
icon="fa-plus"
>
Create Resource
</bitinflow-second-level-link>
</div>
</div>
</nav>
</template>
<script>
import BitinflowSecondLevelLink from "./BitinflowSecondLevelLink.vue";
export default {
name: "BitinflowSecondLevelMenu",
components: {BitinflowSecondLevelLink},
props: {
items: {
type: Array,
// eslint-disable-next-line vue/require-valid-default-prop
default: [
{name: 'Test', href: 'Test'}
]
}
}
}
</script>
<style scoped>
.nuxt-link-active {
background: #f3f3f3;
}
.dark .nuxt-link-active {
background: #464649;
}
</style>

17
dist/runtime/components/BitinflowSecondLevelMenu.vue.d.ts vendored
View File

@@ -1,17 +0,0 @@
declare namespace _default {
const name: string;
namespace components {
export { BitinflowSecondLevelLink };
}
namespace props {
namespace items {
export const type: ArrayConstructor;
const _default: {
name: string;
href: string;
}[];
export { _default as default };
}
}
}
export default _default;

78
dist/runtime/components/BitinflowThirdLevelMenu.vue vendored
View File

@@ -1,78 +0,0 @@
<template>
<div class="flex-1 dark:border-l dark:border-base shadow text-black dark:text-white">
<div class="bg-white border-b dark:bg-base-600 dark:border-base">
<div class="container mx-auto px-4 lg:px-16 py-10">
<div class="text-3xl font-semibold">
<slot name="title" />
</div>
</div>
</div>
<nav class="bg-white dark:bg-base-700 py-4">
<div class="container mx-auto px-4 lg:px-16">
<div class="hidden xl:block space-x-4">
<bitinflow-button
v-for="item in thirdLevelLinks"
:key="item.name"
>
<i
:class="['far', item.icon]"
class="icon"
/> {{ link.name }}
</bitinflow-button>
</div>
<div class="flex flex-col xl:hidden">
<select
v-model="link"
class="bg-white"
@change="onChange"
>
<option
v-for="item in thirdLevelLinks"
:key="item.name"
:value="item.to"
>
{{ item.name }}
</option>
</select>
</div>
</div>
</nav>
</div>
</template>
<script>
import {mapState} from "pinia";
import {useMenuStore} from "../stores/menu.js";
import BitinflowButton from "./BitinflowButton.vue";
export default {
name: "BitinflowThirdLevelMenu",
components: {BitinflowButton},
data() {
return {
link: ''
}
},
computed: {
...mapState(useMenuStore, ['thirdLevelLinks'])
},
methods: {
onChange(event) {
this.link = event.target.value
this.$router.push(event.target.value)
}
}
}
</script>
<style scoped>
.nuxt-link-active {
background: #f3f3f3;
}
.dark .nuxt-link-active {
background: #464649;
}
</style>

20
dist/runtime/components/BitinflowThirdLevelMenu.vue.d.ts vendored
View File

@@ -1,20 +0,0 @@
declare namespace _default {
const name: string;
namespace components {
export { BitinflowButton };
}
function data(): {
link: string;
};
namespace computed {
const thirdLevelLinks: () => {
name: string;
icon: string;
to: string;
}[];
}
namespace methods {
function onChange(event: any): void;
}
}
export default _default;

2
dist/runtime/composables/index.d.ts vendored
View File

@@ -1,2 +0,0 @@
import { MenuOptions } from "../../types";
export declare const useMenu: (options: MenuOptions) => void;

7
dist/runtime/composables/index.mjs vendored
View File

@@ -1,7 +0,0 @@
import { useMenuStore } from "../stores/menu.mjs";
export const useMenu = (options) => {
const menu = useMenuStore();
if (options.thirdLevelLinks) {
menu.updateThirdLevelLinks(options.thirdLevelLinks);
}
};

2
dist/runtime/plugin.d.ts vendored
View File

@@ -1,2 +0,0 @@
declare const _default: any;
export default _default;

4
dist/runtime/plugin.mjs vendored
View File

@@ -1,4 +0,0 @@
import { defineNuxtPlugin } from "#app";
export default defineNuxtPlugin((nuxtApp) => {
console.log("Plugin injected by my-module!");
});

6
dist/runtime/stores/menu.d.ts vendored
View File

@@ -1,6 +0,0 @@
import { ThirdLevelLink } from "../../types";
export declare const useMenuStore: import("pinia").StoreDefinition<"menu", {
thirdLevelLinks: ThirdLevelLink[];
}, {}, {
updateThirdLevelLinks(links: Array<ThirdLevelLink>): void;
}>;

13
dist/runtime/stores/menu.mjs vendored
View File

@@ -1,13 +0,0 @@
import { defineStore } from "pinia";
export const useMenuStore = defineStore("menu", {
state: () => {
return {
thirdLevelLinks: []
};
},
actions: {
updateThirdLevelLinks(links) {
this.thirdLevelLinks = links;
}
}
});

10
dist/types.d.ts vendored
View File

@@ -1,10 +0,0 @@
import { ModuleOptions } from './module'
declare module '@nuxt/schema' {
interface NuxtConfig { ['ui']?: Partial<ModuleOptions> }
interface NuxtOptions { ['ui']?: ModuleOptions }
}
export { ModuleOptions, default } from './module'

5385
yarn.lock Normal file
View File

File diff suppressed because it is too large Load Diff