8000 feat: added mirror components with prefix c- · yokishava/coreui-vue@faf8dba · GitHub
[go: up one dir, main page]
Skip to content

Commit faf8dba

Browse files
woothuwoothu
committed
feat: added mirror components with prefix c-
1 parent c868d17 commit faf8dba

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+11428
-3794
lines changed

‎dist/coreui-vue.common.js

Lines changed: 3460 additions & 1253 deletions
Large diffs are not rendered by default.

‎dist/coreui-vue.esm.js

Lines changed: 3426 additions & 1240 deletions
Large diffs are not rendered by default.

‎dist/coreui-vue.js

Lines changed: 3464 additions & 1256 deletions
Large diffs are not rendered by default.

‎dist/coreui-vue.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,7 @@
5959
"lint:fix": "eslint --ext .js,.vue . --fix"
6060
},
6161
"dependencies": {
62+
"@coreui/coreui": "^2.0.19",
6263
"vue-clickaway": "^2.2.2",
6364
"vue-perfect-scrollbar": "^0.1.0"
6465
},
@@ -67,29 +68,29 @@
6768
"babel-core": "^6.26.3",
6869
"babel-eslint": "^10.0.1",
6970
"babel-jest": "^23.6.0",
70-
"babel-plugin-dynamic-import-node": "^2.1.0",
71+
"babel-plugin-dynamic-import-node": "^2.2.0",
7172
"babel-plugin-module-resolver": "^3.1.1",
7273
"babel-preset-vue-app": "^2.0.0",
73-
"eslint": "^5.6.1",
74+
"eslint": "^5.7.0",
7475
"eslint-config-prettier": "^3.1.0",
7576
"eslint-import-resolver-babel-module": "^4.0.0",
7677
"eslint-plugin-html": "^4.0.6",
7778
"eslint-plugin-import": "^2.14.0",
78-
"eslint-plugin-jest": "^21.24.1",
79+
"eslint-plugin-jest": "^21.25.1",
7980
"eslint-plugin-prettier": "^3.0.0",
8081
"eslint-plugin-vue": "^5.0.0-beta.3",
81-
"husky": "^1.1.0",
82+
"husky": "^1.1.2",
8283
"jest": "^23.6.0",
8384
"jest-serializer-html": "^5.0.0",
8485
"jest-serializer-vue": "^2.0.2",
8586
"jest-vue-preprocessor": "^1.4.0",
8687
"lint-staged": "^7.3.0",
8788
"lodash": "^4.17.11",
88-
"node-sass": "^4.9.3",
89+
"node-sass": "^4.9.4",
8990
"prettier": "^1.14.3",
9091
"rollup": "^0.59.4",
9192
"rollup-plugin-babel": "^3.0.7",
92-
"rollup-plugin-commonjs": "^9.1.8",
93+
"rollup-plugin-commonjs": "^9.2.0",
9394
"rollup-plugin-filesize": "^4.0.1",
9495
"rollup-plugin-json": "^3.1.0",
9596
"rollup-plugin-license": "^0.7.0",
@@ -98,17 +99,14 @@
9899
"rollup-plugin-uglify": "^3.0.0",
99100
"rollup-plugin-vue": "^4.3.2",
100101
"sass-loader": "^7.1.0",
101-
"uglify-es": "^3.3.9",
102+
"uglify-es": "^3.3.10",
102103
"vue": "^2.5.17",
103104
"vue-jest": "^2.6.0",
104105
"vue-loader": "^15.4.2",
105106
"vue-router": "^3.0.1",
106107
"vue-server-renderer": "^2.5.17",
107108
"vue-template-compiler": "^2.5.17"
108109
},
109-
"peerDependencies": {
110-
"@coreui/coreui": "^2.0.14"
111-
},
112110
"lint-staged": {
113111
"*.{js,vue}": [
114112
"eslint --fix",

‎src/components/Aside/CAside.vue

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<template>
2+
<aside class="aside-menu">
3+
<slot>Aside</slot>
4+
</aside>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: 'CAside',
10+
props: {
11+
fixed: {
12+
type: Boolean,
13+
default: false
14+
},
15+
display: {
16+
type: String,
17+
default: ''
18+
},
19+
offCanvas: {
20+
type: Boolean,
21+
default: true
22+
}
23+
},
24+
mounted: function () {
25+
this.isFixed(this.fixed)
26+
this.isOffCanvas(this.offCanvas)
27+
},
28+
methods: {
29+
isFixed (fixed) {
30+
fixed ? document.body.classList.add('aside-menu-fixed') : document.body.classList.remove('aside-menu-fixed')
31+
return fixed
32+
},
33+
isOffCanvas (offCanvas) {
34+
offCanvas ? document.body.classList.add('aside-menu-off-canvas') : document.body.classList.remove('aside-menu-off-canvas')
35+
}
36+
}
37+
}
38+
</script>

‎src/components/Aside/CAsideToggler.vue

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<template>
2+
<button
3+
:display= F438 "display"
4+
:mobile="mobile"
5+
:class="classList"
6+
type="button"
7+
@click="asideToggle">
8+
<span class="navbar-toggler-icon" />
9+
</button>
10+
</template>
11+
12+
<script>
13+
import { asideMenuCssClasses, validBreakpoints, checkBreakpoint } from '../../shared/classes'
14+
import toggleClasses from '../../shared/toggle-classes'
15+
16+
export default {
17+
name: 'CAsideToggler',
18+
props: {
19+
defaultOpen: {
20+
type: Boolean,
21+
default: false
22+
},
23+
display: {
24+
type: String,
25+
default: 'lg'
26+
},
27+
mobile: {
28+
type: Boolean,
29+
default: false
30+
},
31+
},
32+
computed: {
33+
classList () {
34+
return [
35+
'navbar-toggler'
36+
]
37+
}
38+
},
39+
mounted: function() {
40+
this.toggle(this.defaultOpen)
41+
},
42+
methods: {
43+
toggle (force) {
44+
const [display, mobile] = [this.display, this.mobile]
45+
le 10000 t cssClass = asideMenuCssClasses[0]
46+
if (!mobile && display && checkBreakpoint(display, validBreakpoints)) {
47+
cssClass = `aside-menu-${display}-show`
48+
}
49+
toggleClasses(cssClass, asideMenuCssClasses, force)
50+
},
51+
asideToggle (e) {
52+
e.preventDefault()
53+
this.toggle()
54+
}
55+
}
56+
}
57+
</script>

‎src/components/Aside/index.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
import Aside from './Aside'
22
import AsideToggler from './AsideToggler'
3+
import CAside from './CAside'
4+
import CAsideToggler from './CAsideToggler'
35

46
export {
57
Aside,
6-
AsideToggler
8+
AsideToggler,
9+
CAside,
10+
CAsideToggler
711
}

‎src/components/Breadcrumb/CBreadcrumb.vue

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<template>
2+
<ol class="breadcrumb">
3+
<li class="breadcrumb-item" :key="index" v-for="(routeObject, index) in routeRecords">
4+
<span class="active" v-if="isLast(index)">{{ getName(routeObject) }}</span>
5+
<router-link :to="routeObject" v-else>{{ getName(routeObject) }}</router-link>
6+
</li>
7+
</ol>
8+
</template>
9+
10+
<script>
11+
export default {
12+
name:'CBreadcrumb',
13+
props: {
14+
list: {
15+
type: Array,
16+
required: true,
17+
default: () => []
18+
}
19+
},
20+
methods: {
21+
getName (item) {
22+
return item.meta && item.meta.label ? item.meta.label : item.name || null
23+
},
24+
isLast (index) {
25+
return index === this.list.length - 1
26+
}
27+
},
28+
computed: {
29+
routeRecords: function () {
30+
return this.list.filter((route) => route.name || route.meta.label)
31+
}
32+
}
33+
}
34+
</script>

‎src/components/Breadcrumb/index.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
import Breadcrumb from './Breadcrumb'
2+
import CBreadcrumb from './CBreadcrumb'
3+
24

35
export {
4-
Breadcrumb
6+
Breadcrumb,
7+
CBreadcrumb
58
}

‎src/components/Callout/CCallout.vue

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<template>
2+
<div :class="classList">
3+
<slot>Callout</slot>
4+
</div>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: 'CCallout',
10+
props: {
11+
variant: {
12+
type: String,
13+
default: ''
14+
}
15+
},
16+
computed: {
17+
classList () {
18+
return [
19+
'callout',
20+
this.calloutVariant
21+
]
22+
},
23+
calloutVariant () {
24+
return this.variant ? `callout-${this.variant}` : ''
25+
}
26+
}
27+
}
28+
</script>

‎src/components/Callout/index.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import Callout from './Callout'
2+
import CCallout from './CCallout'
23

34
export {
4-
Callout
5+
Callout,
6+
CCallout
57
}

‎src/components/Charts/CuiSimpleBarChart.vue renamed to ‎src/components/Charts/CSimpleBarChart.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script>
22
import { Bar } from 'vue-chartjs'
33
import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips'
4-
import { generatedLabels, generatedBackgroundColor,generatedBorderColor, generatedOptions } from '@/mixins/charts/chartMixins'
4+
import { generatedLabels, generatedBackgroundColor,generatedBorderColor, generatedOptions } from '../../mixins/charts/chartMixins'
55
66
export default {
7-
name: 'CuiSimpleBarChart',
7+
name: 'CSimpleBarChart',
88
extends: Bar,
99
mixins: [generatedLabels, generatedBackgroundColor, generatedBorderColor, generatedOptions],
1010
props: {

‎src/components/Charts/CuiSimpleLineChart.vue renamed to ‎src/components/Charts/CSimpleLineChart.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script>
22
import { Line } from 'vue-chartjs'
33
import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips'
4-
import { generatedLabels, generatedBackgroundColor, generatedBorderColor, generatedPointHoverBackgroundColor, generatedOptions } from '@/mixins/charts/chartMixins'
4+
import { generatedLabels, generatedBackgroundColor, generatedBorderColor, generatedPointHoverBackgroundColor, generatedOptions } from '../../mixins/charts/chartMixins'
55
66
export default {
7-
name: 'CuiSimpleLineChart',
7+
name: 'CSimpleLineChart',
88
extends: Line,
99
mixins: [generatedLabels, generatedBackgroundColor, generatedBorderColor, generatedPointHoverBackgroundColor, generatedOptions],
1010
props: {

‎src/components/Charts/CuiSimplePointedChart.vue renamed to ‎src/components/Charts/CSimplePointedChart.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script>
22
import { Line } from 'vue-chartjs'
33
import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips'
4-
import { generatedLabels, generatedBackgroundColor, generatedBorderColor, generatedPointHoverBackgroundColor, generatedOptions } from '@/mixins/charts/chartMixins'
4+
import { generatedLabels, generatedBackgroundColor, generatedBorderColor, generatedPointHoverBackgroundColor, generatedOptions } from '../../mixins/charts/chartMixins'
55
66
export default {
7-
name: 'CuiSimplePointedChart',
7+
name: 'CSimplePointedChart',
88
extends: Line,
99
mixins: [generatedLabels, generatedBackgroundColor, generatedBorderColor, generatedPointHoverBackgroundColor, generatedOptions],
1010
props: {

‎src/components/Charts/index.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import CuiSimpleBarChart from './CuiSimpleBarChart'
2-
import CuiSimpleLineChart from './CuiSimpleLineChart'
3-
import CuiSimplePointedChart from './CuiSimplePointedChart'
1+
import CSimpleBarChart from './CSimpleBarChart'
2+
import CSimpleLineChart from './CSimpleLineChart'
3+
import CSimplePointedChart from './CSimplePointedChart'
44

55
export {
6-
CuiSimpleBarChart, CuiSimpleLineChart, CuiSimplePointedChart
6+
CSimpleBarChart, CSimpleLineChart, CSimplePointedChart
77
}

‎src/components/Footer/CFooter.vue

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<template>
2+
<footer :class="classList">
3+
<slot>Footer</slot>
4+
</footer>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: 'CFooter',
10+
props: {
11+
fixed: {
12+
type: Boolean,
13+
default: false
14+
}
15+
},
16+
mounted: function () {
17+
this.isFixed()
18+
},
19+
computed: {
20+
classList () {
21+
return [
22+
'app-footer'
23+
]
24+
}
25+
},
26+
methods: {
27+
isFixed () {
28+
this.fixed ? document.body.classList.add('footer-fixed') : document.body.classList.remove('footer-fixed')
29+
}
30+
}
31+
}
32+
</script>

‎src/components/Footer/index.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import Footer from './Footer'
2+
import CFooter from './CFooter'
23

34
export {
4-
Footer
5+
Footer,
6+
CFooter
57
}

‎src/components/Header/CHeader.vue

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<template>
2+
<header
3+
:class="classList">
4+
<slot>Header</slot>
5+
</header>
6+
</template>
7+
8+
<script>
9+
export default {
10+
name: 'CHeader',
11+
props: {
12+
fixed: {
13+
type: Boolean,
14+
default: false
15+
}
16+
},
17+
computed: {
18+
classList () {
19+
return [
20+
'app-header',
21+
'navbar'
22+
]
23+
}
24+
},
25+
mounted: function () {
26+
this.isFixed(this.fixed)
27+
},
28+
methods: {
29+
isFixed (fixed) {
30+
fixed ? document.body.classList.add('header-fixed') : document.body.classList.remove('header-fixed')
31+
return fixed
32+
}
33+
}
34+
}
35+
</script>

0 commit comments

Comments
 (0)
0