Skip to content

feat(StyleProvider): add StyleProvider handle cssinjs features #6415

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.

Sign up for GitHub

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

Merged
merged 9 commits into from
Apr 6, 2023
Merged

feat(StyleProvider): add StyleProvider handle cssinjs features #6415

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
c1d54f6
feat(StyleProvider): StyleProvider
CCherry07 Mar 31, 2023
75e741b
feat(StyleProvider): refactor to use context
CCherry07 Apr 2, 2023
fb9de3b
chore(StyleProvider): update AStyleProviderProps type
CCherry07 Apr 2, 2023
a2fd9d7
chore(App): reback
CCherry07 Apr 2, 2023
bf89e34
chore(StyleProvider): export StyleProvider
CCherry07 Apr 2, 2023
f3c386f
feat(StyleProvider): update StyleProvider docs
CCherry07 Apr 2, 2023
35ec1a6
feat(StyleProvider): update StyleProvider docs
CCherry07 Apr 2, 2023
4feec93
feat(StyleProvider): add StyleProvider docs routes
CCherry07 Apr 2, 2023
8c68ce2
chore(StyleProvider): with useStyleProvider
CCherry07 Apr 5, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
chore(StyleProvider): update AStyleProviderProps type
  • Loading branch information
@CCherry07
CCherry07 committed Apr 2, 2023
commit fb9de3ba1b95e2fa09a1b2716a8ff08ae7a10198
5 changes: 2 additions & 3 deletions components/_util/cssinjs/StyleContext.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ const AStyleProviderProps = () => ({
/** Use `:where` selector to reduce hashId css selector priority */
hashPriority: PropTypes.oneOf(['low', 'high'] as const),
/** Tell cssinjs where to inject style in */
container: PropTypes.any,
container: PropTypes.oneOfType([objectType<Element>(), objectType<ShadowRoot>()]),
/** Component wil render inline `<style />` for fallback in SSR. Not recommend. */
ssrInline: PropTypes.bool,
/** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
Expand All @@ -138,8 +138,7 @@ export const StyleProvider = defineComponent({
name: 'AStyleProvider',
props: initDefaultProps(AStyleProviderProps(), defaultStyleContext),
setup(props, { slots }) {
const providerProps = computed(() => ({ ...props }));
const context = useStyleProvider(providerProps);
const context = useStyleProvider(props);
const state = reactive<Partial<StyleContextProps>>({
...context.value,
});
Expand Down