Mirrors
/
vizality
mirror of https://github.com/vizality/vizality
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add some components, properties, and components clean up

Browse Source 
- Added NumberBadge, TextBadge, IconBadge, HelpMessage components
- Added Spinner.Types, HelpMessage.Types, HelpMessage.FontSizes, TabBar.Looks, and TabBar.Panel properties
pull/67/head
dperolio 3 years ago
parent 013ce7dae1
commit 7d09c1a03c
No known key found for this signature in database
GPG Key ID: 3E9BBAA710D3DDCE
1 changed files with 48 additions and 22 deletions
Show Stats Download Patch File Download Diff File

70
src/core/modules/components/index.js
Unescape View File

@ -3,22 +3,37 @@ import { getModule, getModuleByDisplayName, modal } from '@vizality/webpack';
import AsyncComponent from './AsyncComponent';
import { Icons } from './Icon';
// --- fromProps
export const Button = AsyncComponent.fromProps(m => m.Link && m.Hovers);
// --- fromDisplayName
export const ApplicationStoreListingCarousel = AsyncComponent.fromDisplayName('ApplicationStoreListingCarousel');
export const ImageCarouselModal = AsyncComponent.fromDisplayName('componentDispatchSubscriber(ModalCarousel)');
export const GIFPickerSearchResults = AsyncComponent.fromDisplayName('GIFPickerSearchResults');
export const DiscoverySidebarHeader = AsyncComponent.fetchFromProps('DiscoverySidebarHeader');
export const AdvancedScrollerThin = AsyncComponent.fetchFromProps('AdvancedScrollerThin');
export const AdvancedScrollerAuto = AsyncComponent.fetchFromProps('AdvancedScrollerAuto');
export const AdvancedScrollerNone = AsyncComponent.fetchFromProps('AdvancedScrollerNone');
export const CarouselWithPreview = AsyncComponent.fetchFromProps('CarouselWithPreview');
export const HeaderBarContainer = AsyncComponent.fromDisplayName('HeaderBarContainer');
export const LazyImageZoomable = AsyncComponent.fromDisplayName('LazyImageZoomable');
export const KeyboardShortcut = AsyncComponent.fromDisplayName('KeyboardShortcut');
export const Avatar = AsyncComponent.fetchFromProps('AnimatedAvatar', 'default');
export const ContextMenu = AsyncComponent.fetchFromProps('MenuGroup', 'default');
export const KeybindRecorder = AsyncComponent.fromDisplayName('KeybindRecorder');
export const Helmet = AsyncComponent.fetchFromProps('HelmetProvider', 'Helmet');
export const UserPopout = AsyncComponent.fromDisplayName('ConnectedUserPopout');
export const HelmetProvider = AsyncComponent.fetchFromProps('HelmetProvider');
export const Autocomplete = AsyncComponent.fromDisplayName('Autocomplete');
export const UserProfile = AsyncComponent.fromDisplayName('UserProfile');
export const ShinyButton = AsyncComponent.fromDisplayName('ShinyButton');
export const WebhookCard = AsyncComponent.fromDisplayName('WebhookCard');
export const Tooltip = AsyncComponent.fetchFromProps('TooltipContainer');
export const HelpMessage = AsyncComponent.fromDisplayName('HelpMessage');
export const Button = AsyncComponent.fromProps(m => m.Link && m.Hovers);
export const FormNotice = AsyncComponent.fromDisplayName('FormNotice');
// "count", "color", "shape", "disableColor", "className"
export const NumberBadge = AsyncComponent.fetchFromProps('NumberBadge');
// "text", "color", "shape", "disableColor", "className"
export const TextBadge = AsyncComponent.fetchFromProps('TextBadge');
// "icon", "color", "shape", "disableColor", "className"
export const IconBadge = AsyncComponent.fetchFromProps('IconBadge');
/**
* @deprecated
*/
@ -32,32 +47,27 @@ export const SearchBar = AsyncComponent.fromDisplayName('SearchBar');
export const Clickable = AsyncComponent.fromDisplayName('Clickable');
export const FormTitle = AsyncComponent.fromDisplayName('FormTitle');
export const HeaderBar = AsyncComponent.fromDisplayName('HeaderBar');
export const NewModal = AsyncComponent.fetchFromProps('ModalRoot');
export const FormText = AsyncComponent.fromDisplayName('FormText');
export const FormItem = AsyncComponent.fromDisplayName('FormItem');
export const Spinner = AsyncComponent.fromDisplayName('Spinner');
export const SlideIn = AsyncComponent.fetchFromProps('SlideIn');
// id
// onChange
// checked
// disabled
// className
export const Switch = AsyncComponent.fromDisplayName('Switch');
export const TabBar = AsyncComponent.fromDisplayName('TabBar');
export const Notice = AsyncComponent.fromDisplayName('Notice');
export const Header = AsyncComponent.fromDisplayName('Header');
export const Table = AsyncComponent.fromDisplayName('Table');
export const Image = AsyncComponent.fromDisplayName('Image');
export const Video = AsyncComponent.fromDisplayName('Video');
export const Card = AsyncComponent.fromDisplayName('Card');
export const Text = AsyncComponent.fromDisplayName('Text');
export const Flex = AsyncComponent.fromDisplayName('Flex');
// --- fetchFromProps
export const DiscoverySidebarHeader = AsyncComponent.fetchFromProps('DiscoverySidebarHeader');
export const AdvancedScrollerThin = AsyncComponent.fetchFromProps('AdvancedScrollerThin');
export const AdvancedScrollerAuto = AsyncComponent.fetchFromProps('AdvancedScrollerAuto');
export const AdvancedScrollerNone = AsyncComponent.fetchFromProps('AdvancedScrollerNone');
export const CarouselWithPreview = AsyncComponent.fetchFromProps('CarouselWithPreview');
export const Avatar = AsyncComponent.fetchFromProps('AnimatedAvatar', 'default');
export const ContextMenu = AsyncComponent.fetchFromProps('MenuGroup', 'default');
export const Helmet = AsyncComponent.fetchFromProps('HelmetProvider', 'Helmet');
export const HelmetProvider = AsyncComponent.fetchFromProps('HelmetProvider');
export const Tooltip = AsyncComponent.fetchFromProps('TooltipContainer');
export const SlideIn = AsyncComponent.fetchFromProps('SlideIn');
export const NewModal = AsyncComponent.fetchFromProps('ModalRoot');
export { default as ComponentPreview } from './ComponentPreview';
export { default as AsyncComponent } from './AsyncComponent';
@ -67,16 +77,13 @@ export { default as OverflowTooltip } from './OverflowTooltip';
export { default as StickyWrapper } from './StickyWrapper';
export { default as ColorPicker } from './ColorPicker';
export { default as PopupWindow } from './PopupWindow';
export { default as Editor } from './Editor';
export { default as ErrorState } from './ErrorState';
export { default as CodeBlock } from './CodeBlock';
export { default as Markdown } from './Markdown';
export { default as Titlebar } from './Titlebar';
export { default as Divider } from './Divider';
// export { default as Sticker } from './Sticker';
export { default as Switch } from './Switch';
export { default as Anchor } from './Anchor';
// export { default as Emote } from './Emote';
export { default as Editor } from './Editor';
export { default as Icon } from './Icon';
export * as dashboard from './dashboard';
@ -85,17 +92,34 @@ export * as addon from './addon';
export * as misc from './misc';
/**
* Re-export module properties
* ---
* Re-export module properties.
*/
getModuleByDisplayName('FormNotice', true, true).then(FormNotice => {
this.FormNotice.Types = FormNotice.Types;
this.FormNotice.ImagePositions = FormNotice.ImagePositions;
this.FormNotice.Align = getModuleByDisplayName('Flex')?.Align;
});
getModuleByDisplayName('Spinner', true, true).then(Spinner => {
this.Spinner.Types = Spinner.Type;
});
getModuleByDisplayName('Spinner', true, true).then(Spinner => {
this.Spinner.Types = Spinner.Type;
});
/**
* props:
* children
* className
* fontSize
* messageType
*/
getModule(m => m.default?.displayName === 'HelpMessage', true, true).then(HelpMessage => {
this.HelpMessage.Types = HelpMessage.HelpMessageTypes;
this.HelpMessage.FontSizes = HelpMessage.HelpMessageFontSizes;
});
getModule(m => m.default?.displayName === 'Notice', true, true).then(Notice => {
this.Notice.Colors = {
BLURPLE: Notice.NoticeColors.BRAND,
@ -139,7 +163,9 @@ getModuleByDisplayName('TabBar', true, true).then(TabBar => {
this.TabBar.Separator = TabBar.Separator;
this.TabBar.Header = TabBar.Header;
this.TabBar.Types = TabBar.Types;
this.TabBar.Looks = TabBar.Looks;
this.TabBar.Item = TabBar.Item;
this.TabBar.Panel = TabBar.Panel;
});
getModuleByDisplayName('SearchBar', true, true).then(SearchBar => {

Write Preview
Loading…
Cancel
Save