From d0fb0608cf66e51d59ebf0714768f12ce43dee05 Mon Sep 17 00:00:00 2001 From: Emmanuel Salomon Date: Wed, 25 Jan 2023 11:22:30 +0100 Subject: [PATCH] feat(ALoader): new component (#119) Co-authored-by: JD Solanki --- .vscode/extensions.json | 3 +- docs/.vitepress/config.ts | 1 + .../demos/button/DemoButtonFilled.vue | 4 +- .../demos/button/DemoButtonLoading.vue | 56 + .../demos/loader/DemoLoaderBasic.vue | 6 + .../demos/loader/DemoLoaderColors.vue | 13 + .../demos/loader/DemoLoaderComponents.vue | 126 + .../demos/loader/DemoLoaderCustomization.vue | 24 + .../demos/loader/DemoLoaderFullPage.vue | 20 + .../demos/loader/DemoLoaderOverlay.vue | 201 + .../demos/loader/DemoLoaderSizing.vue | 13 + .../demos/loader/DemoLoaderSlot.vue | 12 + docs/guide/components/button.md | 14 +- docs/guide/components/loader.md | 123 + packages/anu-vue/package.json | 1 + .../src/components/base-input/ABaseInput.vue | 5 +- .../src/components/base-input/props.ts | 8 + packages/anu-vue/src/components/btn/ABtn.vue | 27 +- .../anu-vue/src/components/card/ACard.vue | 2 +- packages/anu-vue/src/components/index.ts | 2 +- .../anu-vue/src/components/loader/ALoader.vue | 98 + .../src/components/loader/ASpinner.vue | 44 + .../anu-vue/src/components/loader/index.ts | 1 + .../anu-vue/src/components/loader/props.ts | 39 + packages/anu-vue/src/composables/useLayer.ts | 189 +- .../src/composables/useTypographyColor.ts | 61 + packages/anu-vue/src/utils/color.ts | 4 + packages/anu-vue/src/utils/colord.ts | 29 + packages/anu-vue/test/ABtn.test.ts | 12 +- .../test/__snapshots__/ABtn.test.ts.snap | 9 +- .../test/__snapshots__/ATable.test.ts.snap | 7 +- packages/anu-vue/volar.d.ts | 3 +- .../preset-theme-default/src/scss/index.scss | 5 + pnpm-lock.yaml | 4182 ++++++++++++----- 34 files changed, 4028 insertions(+), 1316 deletions(-) create mode 100644 docs/components/demos/button/DemoButtonLoading.vue create mode 100644 docs/components/demos/loader/DemoLoaderBasic.vue create mode 100644 docs/components/demos/loader/DemoLoaderColors.vue create mode 100644 docs/components/demos/loader/DemoLoaderComponents.vue create mode 100644 docs/components/demos/loader/DemoLoaderCustomization.vue create mode 100644 docs/components/demos/loader/DemoLoaderFullPage.vue create mode 100644 docs/components/demos/loader/DemoLoaderOverlay.vue create mode 100644 docs/components/demos/loader/DemoLoaderSizing.vue create mode 100644 docs/components/demos/loader/DemoLoaderSlot.vue create mode 100644 docs/guide/components/loader.md create mode 100644 packages/anu-vue/src/components/loader/ALoader.vue create mode 100644 packages/anu-vue/src/components/loader/ASpinner.vue create mode 100644 packages/anu-vue/src/components/loader/index.ts create mode 100644 packages/anu-vue/src/components/loader/props.ts create mode 100644 packages/anu-vue/src/composables/useTypographyColor.ts create mode 100644 packages/anu-vue/src/utils/colord.ts diff --git a/.vscode/extensions.json b/.vscode/extensions.json index 0cf7e8c2..30995730 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -11,6 +11,7 @@ "exodiusstudios.comment-anchors", "davidanson.vscode-markdownlint", "yzhang.markdown-all-in-one", - "streetsidesoftware.code-spell-checker" + "streetsidesoftware.code-spell-checker", + "matijao.vue-nuxt-snippets" ] } diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index a8c9ec83..466878c0 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -66,6 +66,7 @@ export default defineConfig({ { text: 'Drawer', link: '/guide/components/drawer' }, { text: 'Input', link: '/guide/components/input' }, { text: 'List', link: '/guide/components/list' }, + { text: 'Loader', link: '/guide/components/loader' }, { text: 'Menu', link: '/guide/components/menu' }, { text: 'Radio', link: '/guide/components/radio' }, { text: 'Rating', link: '/guide/components/rating' }, diff --git a/docs/components/demos/button/DemoButtonFilled.vue b/docs/components/demos/button/DemoButtonFilled.vue index a2766acf..705160e6 100644 --- a/docs/components/demos/button/DemoButtonFilled.vue +++ b/docs/components/demos/button/DemoButtonFilled.vue @@ -1,6 +1,8 @@