mirror of
https://github.com/coreui/coreui-icons.git
synced 2025-08-22 08:12:56 +02:00
feat: add customClasses prop
This commit is contained in:
@@ -21,7 +21,8 @@ export default {
|
|||||||
size: {
|
size: {
|
||||||
type: String,
|
type: String,
|
||||||
validator: size => ['sm', 'lg', 'xl'].includes(size)
|
validator: size => ['sm', 'lg', 'xl'].includes(size)
|
||||||
}
|
},
|
||||||
|
customClasses: String
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
iconName () {
|
iconName () {
|
||||||
@@ -49,7 +50,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
classes () {
|
classes () {
|
||||||
return this.size ? `c-icon-${this.size}` : 'c-icon'
|
return this.customClasses || this.size ? `c-icon-${this.size}` : 'c-icon'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
7
vue/dist/coreui-icons-vue.common.js
vendored
7
vue/dist/coreui-icons-vue.common.js
vendored
@@ -1247,7 +1247,7 @@ if (typeof window !== 'undefined') {
|
|||||||
// Indicate to webpack that this file can be concatenated
|
// Indicate to webpack that this file can be concatenated
|
||||||
/* harmony default export */ var setPublicPath = (null);
|
/* harmony default export */ var setPublicPath = (null);
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6d8e4675-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=template&id=73c4f513&
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6d8e4675-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=template&id=54bbae4a&
|
||||||
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.classes,style:(_vm.style),attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":_vm.viewBox},domProps:{"innerHTML":_vm._s(_vm.icon.svgContent)}})}
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.classes,style:(_vm.style),attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":_vm.viewBox},domProps:{"innerHTML":_vm._s(_vm.icon.svgContent)}})}
|
||||||
var staticRenderFns = []
|
var staticRenderFns = []
|
||||||
|
|
||||||
@@ -1297,7 +1297,8 @@ var es6_string_includes = __webpack_require__("2fdb");
|
|||||||
validator: function validator(size) {
|
validator: function validator(size) {
|
||||||
return ['sm', 'lg', 'xl'].includes(size);
|
return ['sm', 'lg', 'xl'].includes(size);
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
customClasses: String
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
iconName: function iconName() {
|
iconName: function iconName() {
|
||||||
@@ -1332,7 +1333,7 @@ var es6_string_includes = __webpack_require__("2fdb");
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
classes: function classes() {
|
classes: function classes() {
|
||||||
return this.size ? "c-icon-".concat(this.size) : 'c-icon';
|
return this.customClasses || this.size ? "c-icon-".concat(this.size) : 'c-icon';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
2
vue/dist/coreui-icons-vue.common.js.map
vendored
2
vue/dist/coreui-icons-vue.common.js.map
vendored
File diff suppressed because one or more lines are too long
7
vue/dist/coreui-icons-vue.umd.js
vendored
7
vue/dist/coreui-icons-vue.umd.js
vendored
@@ -1256,7 +1256,7 @@ if (typeof window !== 'undefined') {
|
|||||||
// Indicate to webpack that this file can be concatenated
|
// Indicate to webpack that this file can be concatenated
|
||||||
/* harmony default export */ var setPublicPath = (null);
|
/* harmony default export */ var setPublicPath = (null);
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6d8e4675-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=template&id=73c4f513&
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6d8e4675-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=template&id=54bbae4a&
|
||||||
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.classes,style:(_vm.style),attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":_vm.viewBox},domProps:{"innerHTML":_vm._s(_vm.icon.svgContent)}})}
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.classes,style:(_vm.style),attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":_vm.viewBox},domProps:{"innerHTML":_vm._s(_vm.icon.svgContent)}})}
|
||||||
var staticRenderFns = []
|
var staticRenderFns = []
|
||||||
|
|
||||||
@@ -1306,7 +1306,8 @@ var es6_string_includes = __webpack_require__("2fdb");
|
|||||||
validator: function validator(size) {
|
validator: function validator(size) {
|
||||||
return ['sm', 'lg', 'xl'].includes(size);
|
return ['sm', 'lg', 'xl'].includes(size);
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
customClasses: String
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
iconName: function iconName() {
|
iconName: function iconName() {
|
||||||
@@ -1341,7 +1342,7 @@ var es6_string_includes = __webpack_require__("2fdb");
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
classes: function classes() {
|
classes: function classes() {
|
||||||
return this.size ? "c-icon-".concat(this.size) : 'c-icon';
|
return this.customClasses || this.size ? "c-icon-".concat(this.size) : 'c-icon';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
2
vue/dist/coreui-icons-vue.umd.js.map
vendored
2
vue/dist/coreui-icons-vue.umd.js.map
vendored
File diff suppressed because one or more lines are too long
2
vue/dist/coreui-icons-vue.umd.min.js
vendored
2
vue/dist/coreui-icons-vue.umd.min.js
vendored
File diff suppressed because one or more lines are too long
2
vue/dist/coreui-icons-vue.umd.min.js.map
vendored
2
vue/dist/coreui-icons-vue.umd.min.js.map
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user