-
-
Notifications
You must be signed in to change notification settings - Fork 56
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(ALoader): new component #119
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I will get back to you when I found a nice way to handle the light variant (probably we won't use useLayer
).
The component API looks good 👍🏻
I really liked the way you followed the guidelines and resued what Anu already provides 😇
> | ||
<!-- 👉 Slot: Default --> | ||
<slot> | ||
<ASpinner class="a-loader-spinner inline w-$a-spinner-size h-$a-spinner-size animate-spin" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is it possible to reduce the width of the circle in the loader? Just like quasar's loader.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I added customization :
I even don't know what to do with the ASpinner component... As I said, it could be awesome to configure the spinner global. But how to do that ?
In fact, I've started another branch with utilities to work with svg, circle and path. I experimented a lot and it's really not finish. But I created knob, chart and of course spinners !
OK, I'm going to push it, even if it's not finished.
const loading = toRef(props, 'loading') | ||
|
||
const { getLayerClasses } = useLayer() | ||
const { styles, classes } = getLayerClasses( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think using useLayer
is overkill here. We are having same issue with rating component where we are using same composable.
According to me, we are just using:
- color
- fill & light variants (
text, outline)
We don't need states on overlay/loader
What's your thoughts on this?
I think this is good time to introduce new composable that parses color prop and gives us proper color (it shouldn't has to deal with if we are applying return value to text color or bg color) so we can use something like :color="primary"
or :bg-color="hsla(var(--a-primary), 0.85)"
. Will let you know soon upon what to do here.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ok, I tried the useColor
composable but I can't see how it could resolve the problem with the light
variant.
The main difficulty is I want the ALoader
following the color of the parent component. With bg-$a-layer-color
, I got the hsla color of the parent component with his opacity and I can't override, it's not really the color prop. It's the same with text-$a-layer-color
. So If I want to create an overlay which hide the content, it's not possible with bg-$a-layer-color
because it contains opacity of 0.15 for the light variant for example.
Also, the fill
variant got a background with a plain color and white text. But the text
variant got a white background with text color. It's not possible with bg-$a-layer-color
and text-$a-layer-color
to obtain the real background color of the parent component neither the text color. (bg-$a-layer-color
in the text
variant return the color from the prop, not white)
JS can't resolve this problem, only CSS.
I found a workaround and created a mask that hide the content. bg-$a-layer-color
works like that but it's a bit tricky. It's on this commit fa16205
All of this will be really much cleaner with the :has()
selector. I tried that and it looks fine.
But this selector is not supported in firefox without a polyfill...
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I haven't finalized this issue yet. I am brainstorming and trying to find the best solution.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ok, no worry, I need to take a little break with anu for next days. I have plenty of other stuff to do...
if (instance?.parent?.vnode.el) | ||
instance.parent.vnode.el.classList.add('relative', 'overflow-hidden') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Definitely we need to do something here 🤔
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi, I'm making a few changes to the PR, I hope you won't mind 😉 Let me know if I should modify your PRs or just review it, Thanks. |
I'm merging the main branch, I hope we don't have to create new PR just like last time 🤣 |
Feel free to modify my PRs. I'm happy to see others contribute to my code ! |
I will update it soon, I haven't finalized yet what to do with the |
Hi @ManUtopiK I have updated the principles of how ALoader should work and look. This removes almost all the things related to tough decisions. One last thing is I need to update the doc page and handle how colors should get applied (e.g. orange text example). While developing I noticed one thing, there's a minor flicker in the animation of I hope you will like it. |
Hi, thanks a lot for your review and update ! I took a look and it feels very strange to me to don't see the loader following the parent appearance by default. It looks broken for a simple button with a color : <ABtn
color="danger"
:loading="loading"
variant="fill"
>
Button
</ABtn> And it adds complexity for a card with <ACard
class="relative"
color="danger"
variant="fill"
title="Card title"
subtitle="Chocolate cake tiramisu donut"
>
<div class="a-card-body a-card-spacer">
<p class="text-sm">
<ALoader
:loading="loading"
overlay
color="white"
overlay-color="danger"
typography-color="white"
class="text-3xl"
title="It's loading..."
subtitle="Click to stop loading."
/>
Ice cream sweet pie pie dessert sweet danish. Jelly jelly beans cupcake jelly-o chocolate bonbon chocolate
bar.
</p>
</div>
</ACard> Also, I'm not sure if Lastly, hidding the icon is not ideal for a ABtn with an icon. The width jumps when it's loading. Sorry for the negative feedbacks. But building a loader component is challenging after all ! I don't know what is better, but it feels very more logical to me that the loader should follow the parent's color and variant by default, and staying a maximum with classes to customize appearance. Ok, my previous code doesn't split classes of the component correctly because they are used for the wrapper, the overlay and the Maybe we should extend or use different kind of variants for this component ? With something like :
Or maybe we should try something with the |
Your concern is right and worth discussing. Apologies for the changes. Indeed, loader is simple looking but challenging component. Regarding the inheriting behavior of parent component, what should we follow in your previous response's button example:
Do you have any UI examples or references that covers our component flexibility so we can take them as reference?
|
I rechecked the PR and found your changes are fine 💯 Let me revert the changes |
This reverts commit 9615592.
I tried to find the best solution to adopt a loader according to our design principles but I'm unable to find the best way to implement loader. I will revisit this PR after releasing tailwind CSS support. In meantime, if you have any nice solution that auto-adopts the parent component's styles and is still configurable via prop please update the PR. I tried adding a variant outline and the color red to overlay the demo's first alert but it didn't show up correctly. ( Regards. |
Hi @ManUtopiK Can you provide feedback on: https://github.com/jd-solanki/anu/tree/update-loader If this is fine, I will push loader changes in this PR. Awaiting your response. |
I took a look and everything seems working well. The overlay follow the parent's color and variant. And we can still customize the loader with classes. Good ! I let you push changes, I will clean and improve docs... |
One thing I noticed is, Once the above is resolved, I will fix the failing tests and merge the PR. I will update the docs after merging. Thanks. |
I commented out two tests that was relying on |
I'm merging this to avoid the conflict we might get while adding TW support or merging other PRs. Feel free to create another PR for pending tasks if any. Thanks so much for your precious time 😇 |
commit 1154e20 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Wed Feb 22 17:51:54 2023 +0530 docs: added searchable API table commit ebb3774 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Tue Feb 21 23:54:26 2023 +0530 refactor(list-item): renamed item slot to content commit 6640591 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Tue Feb 21 22:47:24 2023 +0530 docs(guide): Edge releases added commit e317f4d Author: jd-solanki <jdsolanki0001@gmail.com> Date: Tue Feb 21 16:09:33 2023 +0530 refactor: use `Object.values` instead of `Object.entries` commit a56851a Author: jd-solanki <jdsolanki0001@gmail.com> Date: Tue Feb 21 16:04:53 2023 +0530 tests: fix failing tests by introducing setup file commit f2e41d3 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Tue Feb 21 12:35:15 2023 +0530 docs(contributing): updated design inspirations added preline UI in design inspiration commit e75d414 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sun Feb 19 23:55:10 2023 +0530 docs(theme): updated docs for adding new color commit 053e034 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sun Feb 19 23:19:44 2023 +0530 chore: remove unwanted comment commit eec949f Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sun Feb 19 23:19:33 2023 +0530 fix(list): list item slots wasn't passed due to slot name prefix commit e340271 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sun Feb 19 22:55:45 2023 +0530 feat(theme): add new colors, `useAnu` composable, Theming improvements commit f70d632 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 20:56:02 2023 +0530 refactor: remove spacing prop from all components commit 4f7c587 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 20:55:42 2023 +0530 feat(list): added few convenient props for passing them to list item commit a30c4f1 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 11:11:01 2023 +0530 chore: fix class typo closes jd-solanki#131 commit 1975b04 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 03:50:49 2023 +0530 feat(useLayer): support `color: inherit` as special value commit 9a422bf Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 03:16:01 2023 +0530 refactor: slots modification simplified commit c31055b Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 02:57:53 2023 +0530 chore: remove `@floating-ui/dom` package commit 5c0898e Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 02:49:00 2023 +0530 refactor(select): renamed list & select slots commit a128cdf Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 02:13:53 2023 +0530 tests: snapshots updated commit dc44a3a Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 02:13:25 2023 +0530 docs: spacing docs tip & typo commit 59df88b Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 02:13:04 2023 +0530 refactor: use spacing rule instead of CSS var for spacing commit 0b6cb81 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 01:40:48 2023 +0530 fix(--a-spacing): properly inherit spacing by removing useSpacing commit d9f3763 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Sat Feb 18 01:08:05 2023 +0530 fix(list): spacing prop wasn't working on list commit 6cf77ae Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Feb 17 14:30:21 2023 +0530 feat(select): Add various slots of `AList` via `defineSlots` (jd-solanki#133) commit 2361093 Author: Duncan Lock <duncan.lock@gmail.com> Date: Mon Feb 13 09:08:10 2023 -0800 docs: Grammar and spelling (jd-solanki#132) commit d0991fd Author: jd-solanki <jdsolanki0001@gmail.com> Date: Fri Feb 10 15:43:34 2023 +0530 chore: sponsors added in README commit ba02a10 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Fri Feb 10 15:38:41 2023 +0530 chore: fixed linting & build errors commit 21329e8 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Thu Feb 9 17:12:41 2023 +0530 feat(select)!: reuse `AFloating` & `AList`components commit e25f20c Author: jd-solanki <jdsolanki0001@gmail.com> Date: Thu Feb 9 09:56:24 2023 +0530 feat(useParent): new composable commit 5eba736 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Feb 9 08:34:08 2023 +0530 feat(floating): new component commit 93372da Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Feb 9 07:38:17 2023 +0530 refactor(menu): use floating ui vue package commit c052515 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Feb 9 00:33:54 2023 +0530 fix(menu): new btn structure & loader broke menu commit 5bf36ea Author: jd-solanki <jdsolanki0001@gmail.com> Date: Wed Feb 8 17:01:32 2023 +0530 test: snapshots updated commit 0745827 Author: jd-solanki <jdsolanki0001@gmail.com> Date: Wed Feb 8 17:00:28 2023 +0530 docs(guide): loader spinner icon demo added commit 4d10b86 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Feb 8 16:26:55 2023 +0530 feat(loader): loader component improvements (jd-solanki#130) commit 908f038 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Feb 6 08:59:44 2023 +0530 feat(loader): simplified loading in components commit 024f90e Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Feb 5 08:40:48 2023 +0530 refactor(css)!: CSS vars renamed commit 84c5f1e Author: JD Solanki <47495003+jd-solanki@users.noreply.github.com> Date: Sun Feb 5 06:31:28 2023 +0530 refactor: simplify css vars usage (jd-solanki#129) commit b88d998 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Feb 2 15:56:36 2023 +0530 refactor(input): use inline event handler commit 49eb1ba Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Feb 2 15:56:09 2023 +0530 fix(select): emit input & change events when option is selected commit d8efaa5 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Feb 2 15:30:19 2023 +0530 fix(checkbox): emit single event on input commit 180778b Author: JD Solanki <47495003+jd-solanki@users.noreply.github.com> Date: Fri Jan 27 12:16:00 2023 +0530 ci(test-report): run test-repo workflow after "CI" workflow is completed commit 0d5e22f Author: Emmanuel Salomon <emmanuel.salomon@gmail.com> Date: Thu Jan 26 06:08:11 2023 +0100 fix: icon glitch in Firefox (jd-solanki#76) Co-authored-by: JD Solanki <jdsolanki0001@gmail.com> commit d0fb060 Author: Emmanuel Salomon <emmanuel.salomon@gmail.com> Date: Wed Jan 25 11:22:30 2023 +0100 feat(ALoader): new component (jd-solanki#119) Co-authored-by: JD Solanki <jdsolanki0001@gmail.com> commit a11c4bc Author: Emmanuel Salomon <emmanuel.salomon@gmail.com> Date: Wed Jan 18 02:58:18 2023 +0100 docs: minor fixes & badge docs updates (jd-solanki#120) Co-authored-by: JD Solanki <47495003+jd-solanki@users.noreply.github.com> commit 09cd007 Author: Selemondev <106826371+selemondev@users.noreply.github.com> Date: Wed Jan 18 04:55:21 2023 +0300 docs: fix typo (jd-solanki#121) commit b9a4e82 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Jan 11 10:12:37 2023 +0530 docs(guide): added list customization tip commit c3402f5 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Jan 11 09:48:37 2023 +0530 fix(table): `ADataTable` shows wrong pagination meta fixes jd-solanki#67 commit 7bb5341 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Jan 7 18:22:29 2023 +0530 feat(layer): support arbitrary color including hsl, rgb, named color etc commit 105d642 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Jan 7 09:26:31 2023 +0530 perf(rating): use `useColor` instead of `useLayer` commit 1ff29a5 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Jan 6 10:45:39 2023 +0530 chore: enabled sponsorship ❤️ commit 0bfb3e0 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Jan 6 10:38:23 2023 +0530 chore: added todo in misc UI commit 0ac1fbd Author: Christian Preston <christianpreston@ymail.com> Date: Thu Jan 5 11:13:09 2023 -0500 fix(@anu-vue/nuxt): Auto Import and Enable Icons (jd-solanki#118) commit 0462dac Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Jan 4 16:40:49 2023 +0530 tests: updated snapshots commit 58025c0 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Jan 4 16:38:45 2023 +0530 docs: added note on when not to use ATypography component commit 55afe58 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Jan 4 16:28:11 2023 +0530 feat(typography): added `a-title` & `a-subtitle` classes commit 55a2478 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Jan 4 13:26:51 2023 +0530 refactor: removed unwanted `uno-layer-base` commit 4e53e40 Author: Christian Preston <christianpreston@ymail.com> Date: Tue Jan 3 00:12:13 2023 -0500 fix(@anu-vue/nuxt): fixed import issue (jd-solanki#115) commit 0e63d05 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Jan 2 22:29:20 2023 +0530 refactor(dialog): use `defuProps` to accurately merge props commit 8a048b3 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Jan 2 22:21:23 2023 +0530 chore: make release edge script executable commit 46a05b4 Author: Christian Preston <christianpreston@ymail.com> Date: Mon Jan 2 11:43:03 2023 -0500 feat(anu-nuxt): better support and config (jd-solanki#108) commit 65d555d Author: Christian Preston <christianpreston@ymail.com> Date: Mon Jan 2 11:04:32 2023 -0500 chore(anu-monorepo): add `edge` release channel script (jd-solanki#114) commit d29d613 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Jan 1 16:45:58 2023 +0530 Revert "chore: added build hook to trigger docs deployment on new tag release" This reverts commit 8cea48b. commit daff3da Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Jan 1 16:40:02 2023 +0530 chore: ignore builds commit ac7876d Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Jan 1 16:22:50 2023 +0530 chore: fix deploy-docs workflow commit 8cea48b Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Jan 1 16:21:32 2023 +0530 chore: added build hook to trigger docs deployment on new tag release commit e1e6b2c Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 31 16:39:55 2022 +0530 docs: added Anu UI commit 582ef38 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 31 10:43:28 2022 +0530 chore: remove component meta on `nr clean` commit 79983ba Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 31 10:41:32 2022 +0530 chore: gen component meta before dev in anu-vue commit 407862a Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Dec 30 17:16:19 2022 +0530 fix(preset-theme-default): merge user `shortcutOverrides` in shortcuts fixes jd-solanki#41 commit a1f46c5 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Dec 30 16:20:49 2022 +0530 chore: properly export composables commit abb70c9 Author: Christian Preston <christianpreston@ymail.com> Date: Thu Dec 29 01:50:51 2022 -0500 fix: export all `composables` (jd-solanki#109) commit d857b29 Author: Mehmet <hi@productdevbook.com> Date: Tue Dec 27 10:45:09 2022 +0300 chore: fix nuxt playground @anu-vue/preset-theme-default (jd-solanki#107) commit 7baf356 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Tue Dec 27 10:56:54 2022 +0530 chore: updated clean & nuxt dev commands commit 227c831 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 17:15:37 2022 +0530 docs: nuxt installation process simplified commit 0312606 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 16:57:07 2022 +0530 docs: updated API section commit f0f0e56 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 16:56:53 2022 +0530 docs: explained theme feature commit 5717491 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 14:56:58 2022 +0530 chore: updated notes on improving typing commit 2fb3963 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 10:17:17 2022 +0530 fix(table): wrong pagination meta on filter commit bee54cd Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 08:00:38 2022 +0530 docs: add `@unocss/nuxt` in nuxt installation dep commit e34fb07 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 07:49:30 2022 +0530 chore: release v0.12.0 commit 3024501 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 07:48:03 2022 +0530 docs: update installation instructions commit 27ec07b Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 26 07:46:27 2022 +0530 chore: make anu install options optional with defaults commit 3a664f8 Author: JD Solanki <47495003+jd-solanki@users.noreply.github.com> Date: Mon Dec 26 07:03:50 2022 +0530 refactor: TSX to SFC (jd-solanki#105) commit 2b6b00a Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Dec 22 17:20:05 2022 +0530 docs: revert installation process to current implementation commit 584a717 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Dec 22 15:53:14 2022 +0530 chore: fix running docs closes jd-solanki#95 commit 915f23c Author: JD Solanki <47495003+jd-solanki@users.noreply.github.com> Date: Tue Dec 20 17:06:39 2022 +0530 docs: anu-nuxt README link updated commit 6a918dd Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 02:40:47 2022 +0530 tests(table): add tests for header slot commit 9b34fc2 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 02:25:39 2022 +0530 feat(table)!: no results prop & slot is renamed to no data commit c7c084e Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 02:20:14 2022 +0530 feat(table): allow rendering custom header via dynamic header slot closes jd-solanki#84 commit ba48a69 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 02:03:58 2022 +0530 fix(table)!: renamed dynamic slot row-$colName to col-$colName commit 76ecc04 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 01:48:27 2022 +0530 docs(guide): more detailed nuxt guide commit 4a9cff9 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 01:32:21 2022 +0530 chore: deps updated commit 23100e9 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 01:17:42 2022 +0530 chore(nuxt): module related minor changes & docs update commit 6f3c3c1 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 17 00:59:52 2022 +0530 chore: temporary disabling scss import in preset-theme-default commit 8a4d8a8 Author: Peter Budai <peterbudai@hotmail.com> Date: Wed Dec 14 10:27:58 2022 +0100 test: added basic test infrastructure (jd-solanki#93) commit b1f8d72 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Mon Dec 12 15:57:43 2022 +0530 fix(radio): don't use variant group if we use variant group user have to configure it commit 61168ea Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Dec 11 16:34:34 2022 +0530 feat(preset-theme-default): compile SCSS to CSS commit 14499d4 Author: Emmanuel Salomon <emmanuel.salomon@gmail.com> Date: Sun Dec 11 11:22:19 2022 +0100 fix(list): make list item clickable if click event is used (jd-solanki#86) Co-authored-by: JD Solanki <jdsolanki0001@gmail.com> commit dec14d2 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Thu Dec 8 16:39:10 2022 +0530 docs: various anu features highlighted commit eee1438 Author: Peter Budai <peterbudai@hotmail.com> Date: Tue Dec 6 11:19:56 2022 +0100 build: Fixing Windows build error (jd-solanki#91) commit ff68a04 Author: Peter Budai <peterbudai@hotmail.com> Date: Mon Dec 5 11:32:20 2022 +0100 build: added workflow to check build on various systems (jd-solanki#89) commit 298c1a7 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Dec 4 12:03:50 2022 +0530 docs: demos updated commit d7200d1 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 3 12:56:56 2022 +0530 chore: updated lock file commit e59b85f Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Dec 3 01:05:10 2022 +0530 chore: use workspace version of anu-vue in anu-nuxt commit b1e84c0 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Nov 30 09:43:35 2022 +0530 ci: updated docs build command commit 52ca744 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Nov 30 02:15:40 2022 +0530 build: netlify config updated commit b34b0ed Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Nov 30 01:32:09 2022 +0530 ci: deployment simplified commit 0c57c00 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Nov 30 01:07:45 2022 +0530 chore: release v0.11.0 commit 8a1104b Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Nov 30 01:06:31 2022 +0530 build(preset-theme-default): changed copy scss hook to mitigate warn commit ceb82eb Author: JD Solanki <jdsolanki0001@gmail.com> Date: Wed Nov 30 00:38:27 2022 +0530 feat(preset-theme-default)!: preset theme default is now separate pkg commit 36df27f Author: JD Solanki <jdsolanki0001@gmail.com> Date: Tue Nov 29 22:23:24 2022 +0530 chore: removed console log commit d5f2e78 Author: JD Solanki <47495003+jd-solanki@users.noreply.github.com> Date: Tue Nov 29 20:31:50 2022 +0530 fix(ssr): fix ssr for overlay type components (jd-solanki#85) commit 5253c6a Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Nov 27 23:46:05 2022 +0530 fix(switch): prevent selecting text on double click commit 6f9c6de Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Nov 27 23:31:56 2022 +0530 fix(list-item): don't render typography header if only text is used commit b636913 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Nov 27 23:23:01 2022 +0530 chore: added useful eslint rule for later commit fcacbab Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Nov 27 23:07:06 2022 +0530 chore: docs moved outside of package dir commit 2361ddd Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Nov 27 21:06:48 2022 +0530 docs(guide): halve demo unwanted size class removed commit c5e7746 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Nov 27 20:31:32 2022 +0530 chore: lock file updated commit 0e1feda Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sun Nov 27 20:29:08 2022 +0530 chore: deps updated to latest commit 023f169 Author: Bronislav Jordán <58697105+brojor@users.noreply.github.com> Date: Sun Nov 27 15:49:48 2022 +0100 feat(rating): Add Rating component (jd-solanki#60) Co-authored-by: JD Solanki <jdsolanki0001@gmail.com> commit 2eb7394 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Nov 25 23:24:25 2022 +0530 chore: deps updated + minor changes commit 7721b00 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Nov 25 23:03:06 2022 +0530 feat(list): new list item component commit b103369 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Nov 25 22:40:18 2022 +0530 docs: UI inspiration added commit cd0f4f8 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Fri Nov 25 22:39:30 2022 +0530 fix(useLayer): props reactivity commit b7525e6 Author: JD Solanki <jdsolanki0001@gmail.com> Date: Sat Nov 19 17:17:00 2022 +0530 style: code formatted using new rules for jsx commit 00fb497 Author: Peter Budai <peterbudai@hotmail.com> Date: Fri Nov 18 18:05:08 2022 +0100 fix(table): fixed `toRefs()` warning (jd-solanki#79) commit f3c7768 Author: Mehmet <hi@productdevbook.com> Date: Fri Nov 18 19:52:32 2022 +0300 feat: nuxt 3 module (jd-solanki#81) commit 64af63e Author: Mehmet <hi@productdevbook.com> Date: Fri Nov 18 11:22:40 2022 +0300 feat: volar support (jd-solanki#82)
Here a component for loading state.
It replace #55 and add loading state also for
AInput
.There is some fixme that give me some headache with the layer color and the overlay.
The main problem is that in css, the var
--a-layer-color
return the layer color with the opacity. I can't find a way to create an overlay without transparency for some variants with opacity (like light, outline or text).Also, I started with a spinner loader, but it could be useful to configure a default loader for all loading state, or maybe per components. So, maybe we need a global configuration to set the default loader component.
More, we can imagine a linear loader (or progress indicator) that could be used for buttons or card.