-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathglobal-components.js
More file actions
120 lines (112 loc) · 6.42 KB
/
global-components.js
File metadata and controls
120 lines (112 loc) · 6.42 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
// Global component registration for prototyping convenience
// Register commonly-used SUI components here so you don't need to import them in every prototype
// ============================================================================
// CORE COMPONENTS
// ============================================================================
import SmIcon from '@sui-icons/app/sm-icon.vue'
import SmButton from '@sui/app/components/sm-button/sm-button.vue'
import SmBadge from '@sui/app/components/sm-badge/sm-badge.vue'
import SmCard from '@sui/app/components/sm-card/sm-card.vue'
import SmCardContent from '@sui/app/components/sm-card/sm-card-content.vue'
import SmCardActions from '@sui/app/components/sm-card/sm-card-actions.vue'
import SmTooltip from '@sui/app/components/sm-tooltip/sm-tooltip.vue'
import SmTag from '@sui/app/components/sm-tag/sm-tag.vue'
import SmTabs from '@sui/app/components/sm-tabs/sm-tabs.vue'
import SmTab from '@sui/app/components/sm-tabs/sm-tab.vue'
import SmPageTitle from '@sui/app/components/sm-page-title/sm-page-title.vue'
import SmList from '@sui/app/components/sm-list/sm-list.vue'
import SmListItem from '@sui/app/components/sm-list/sm-list-item.vue'
import SmHelpCard from '@sui/app/components/sm-help-card/sm-help-card.vue'
import SmHintCard from '@sui/app/components/sm-hint-card/sm-hint-card.vue'
import SmDivider from '@sui/app/components/sm-divider/sm-divider.vue'
import SmAccordion from '@sui/app/components/sm-accordion/sm-accordion.vue'
import SmExpandableCard from '@sui/app/components/sm-expandable-card/sm-expandable-card.vue'
import SmExpandableCardBody from '@sui/app/components/sm-expandable-card/sm-expandable-card-body.vue'
import SmHtmlTruncator from '@sui/app/components/sm-html-truncator/sm-html-truncator.vue'
import SmTable from '@sui/app/components/sm-table/sm-table.vue'
import SmBanner from '@sui/app/components/sm-banner/sm-banner.vue'
import SmContainer from '@sui/app/components/sm-container/sm-container.vue'
// ============================================================================
// FORM COMPONENTS
// ============================================================================
import SmForm from '@sui/app/components/forms/sm-form/sm-form.vue'
import SmInput from '@sui/app/components/forms/sm-input/sm-input.vue'
import SmFormGroup from '@sui/app/components/forms/sm-form-group/sm-form-group.vue'
import SmSelect from '@sui/app/components/forms/sm-select/sm-select.vue'
import SmCheckbox from '@sui/app/components/forms/sm-checkbox/sm-checkbox.vue'
import SmSwitch from '@sui/app/components/forms/sm-switch/sm-switch.vue'
import SmRadioGroup from '@sui/app/components/forms/sm-radio/sm-radio-group.vue'
import SmRadio from '@sui/app/components/forms/sm-radio/sm-radio.vue'
// ============================================================================
// NAVIGATION COMPONENTS
// ============================================================================
import SmAside from '@sui/app/components/sm-aside/sm-aside.vue'
import SmAppHeader from '@sui/app/components/sm-app-header/sm-app-header.vue'
import SmAppHeaderLink from '@sui/app/components/sm-app-header/sm-app-header-link.vue'
import SmHorizontalNav from '@sui/app/components/sm-horizontal-nav/sm-horizontal-nav.vue'
import SmHorizontalNavItem from '@sui/app/components/sm-horizontal-nav/sm-horizontal-nav-item.vue'
import SmNav from '@sui/app/components/sm-nav/sm-nav.vue'
import SmNavItem from '@sui/app/components/sm-nav/sm-nav-item.vue'
import SmVerticalNav from '@sui/app/components/sm-vertical-nav/sm-vertical-nav.vue'
import SmVerticalNavSection from '@sui/app/components/sm-vertical-nav/sm-vertical-nav-section.vue'
import SmVerticalNavItem from '@sui/app/components/sm-vertical-nav/sm-vertical-nav-item.vue'
import SmPropertyMenu from '@sui/app/components/sm-property-menu/sm-property-menu.vue'
import SmUserMenu from '@sui/app/components/sm-user-menu/sm-user-menu.vue'
export default {
install(app) {
console.log('Installing global components plugin...')
// ========================================================================
// Register Core Components
// ========================================================================
app.component('SmButton', SmButton)
app.component('SmBadge', SmBadge)
app.component('SmCard', SmCard)
app.component('SmCardContent', SmCardContent)
app.component('SmCardActions', SmCardActions)
app.component('SmIcon', SmIcon)
app.component('SmTooltip', SmTooltip)
app.component('SmTag', SmTag)
app.component('SmTabs', SmTabs)
app.component('SmTab', SmTab)
app.component('SmPageTitle', SmPageTitle)
app.component('SmList', SmList)
app.component('SmListItem', SmListItem)
app.component('SmHelpCard', SmHelpCard)
app.component('SmHintCard', SmHintCard)
app.component('SmDivider', SmDivider)
app.component('SmAccordion', SmAccordion)
app.component('SmExpandableCard', SmExpandableCard)
app.component('SmExpandableCardBody', SmExpandableCardBody)
app.component('SmHtmlTruncator', SmHtmlTruncator)
app.component('SmTable', SmTable)
app.component('SmBanner', SmBanner)
app.component('SmContainer', SmContainer)
// ========================================================================
// Register Form Components
// ========================================================================
app.component('SmForm', SmForm)
app.component('SmInput', SmInput)
app.component('SmFormGroup', SmFormGroup)
app.component('SmSelect', SmSelect)
app.component('SmCheckbox', SmCheckbox)
app.component('SmSwitch', SmSwitch)
app.component('SmRadioGroup', SmRadioGroup)
app.component('SmRadio', SmRadio)
// ========================================================================
// Register Navigation Components
// ========================================================================
app.component('SmAside', SmAside)
app.component('SmAppHeader', SmAppHeader)
app.component('SmAppHeaderLink', SmAppHeaderLink)
app.component('SmHorizontalNav', SmHorizontalNav)
app.component('SmHorizontalNavItem', SmHorizontalNavItem)
app.component('SmNav', SmNav)
app.component('SmNavItem', SmNavItem)
app.component('SmVerticalNav', SmVerticalNav)
app.component('SmVerticalNavSection', SmVerticalNavSection)
app.component('SmVerticalNavItem', SmVerticalNavItem)
app.component('SmPropertyMenu', SmPropertyMenu)
app.component('SmUserMenu', SmUserMenu)
console.log('Global components registered!')
}
}