mirror/coreui-icons
1
0
Fork 0
mirror of https://github.com/coreui/coreui-icons.git synced 2025-08-21 07:51:21 +02:00
Code Issues Releases Wiki Activity

fix: Vue CIcon: fix class names

Browse Source
This commit is contained in:
woothu
2019-10-19 13:01:18 +02:00
parent 5e7ee5331b
commit 13b0aca912
7 changed files with 48 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
vue/CIcon.vue
View File

@@ -2,8 +2,7 @@
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
:viewBox="viewBox" :viewBox="viewBox"
:style="style" :class="computedClasses"
:class="classes"
v-html="icon.svgContent" v-html="icon.svgContent"
></svg> ></svg>
</template> </template>
@@ -16,11 +15,11 @@ export default {
props: { props: {
name: String, name: String,
content: [String, Array], content: [String, Array],
fill: String, // fill: String,
background: String, // background: String,
size: { size: {
type: String, type: String,
validator: size => ['sm', 'lg', 'xl'].includes(size) validator: size => ['sm', 'lg', 'xl', 'custom-size'].includes(size)
}, },
customClasses: String customClasses: String
}, },
@@ -43,14 +42,17 @@ export default {
viewBox () { viewBox () {
return this.$attrs.viewBox || `0 0 ${ this.icon.coordinates }` return this.$attrs.viewBox || `0 0 ${ this.icon.coordinates }`
}, },
style () { // style () {
return { // return {
fill: this.fill || 'currentColor', // fill: this.fill || 'currentColor',
background: this.background // background: this.background
} // }
// },
computedSize () {
return this.$attrs.width || this.$attrs.height ? 'custom-size' : this.size
}, },
classes () { computedClasses () {
return this.customClasses || (this.size ? `c-icon-${this.size}` : 'c-icon') return this.customClasses || `c-icon c-icon-${this.computedSize}`
} }
}, },
methods: { methods: {

68
vue/dist/coreui-icons-vue.common.js vendored
View File

@@ -405,29 +405,6 @@ module.exports = __webpack_require__("9e1e") ? function (object, key, value) {
}; };
/***/ }),
/***/ "36bd":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)
var toObject = __webpack_require__("4bf8");
var toAbsoluteIndex = __webpack_require__("77f1");
var toLength = __webpack_require__("9def");
module.exports = function fill(value /* , start = 0, end = @length */) {
var O = toObject(this);
var length = toLength(O.length);
var aLen = arguments.length;
var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);
var end = aLen > 2 ? arguments[2] : undefined;
var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
while (endPos > index) O[index++] = value;
return O;
};
/***/ }), /***/ }),
/***/ "4588": /***/ "4588":
@@ -727,19 +704,6 @@ module.exports = function (it, S) {
}; };
/***/ }),
/***/ "6c7b":
/***/ (function(module, exports, __webpack_require__) {
// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)
var $export = __webpack_require__("5ca1");
$export($export.P, 'Array', { fill: __webpack_require__("36bd") });
__webpack_require__("9c6c")('fill');
/***/ }), /***/ }),
/***/ "7726": /***/ "7726":
@@ -1247,17 +1211,14 @@ 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=39df52c8& // 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=7852aafd&
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.computedClasses,attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":_vm.viewBox},domProps:{"innerHTML":_vm._s(_vm.icon.svgContent)}})}
var staticRenderFns = [] var staticRenderFns = []
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js
var es6_regexp_replace = __webpack_require__("a481"); var es6_regexp_replace = __webpack_require__("a481");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.fill.js
var es6_array_fill = __webpack_require__("6c7b");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f"); var es6_function_name = __webpack_require__("7f7f");
@@ -1272,8 +1233,6 @@ var es6_string_includes = __webpack_require__("2fdb");
//
// //
// //
// //
@@ -1290,12 +1249,12 @@ var es6_string_includes = __webpack_require__("2fdb");
props: { props: {
name: String, name: String,
content: [String, Array], content: [String, Array],
fill: String, // fill: String,
background: String, // background: String,
size: { size: {
type: String, type: String,
validator: function validator(size) { validator: function validator(size) {
return ['sm', 'lg', 'xl'].includes(size); return ['sm', 'lg', 'xl', 'custom-size'].includes(size);
} }
}, },
customClasses: String customClasses: String
@@ -1326,14 +1285,17 @@ var es6_string_includes = __webpack_require__("2fdb");
viewBox: function viewBox() { viewBox: function viewBox() {
return this.$attrs.viewBox || "0 0 ".concat(this.icon.coordinates); return this.$attrs.viewBox || "0 0 ".concat(this.icon.coordinates);
}, },
style: function style() { // style () {
return { // return {
fill: this.fill || 'currentColor', // fill: this.fill || 'currentColor',
background: this.background // background: this.background
}; // }
// },
computedSize: function computedSize() {
return this.$attrs.width || this.$attrs.height ? 'custom-size' : this.size;
}, },
classes: function classes() { computedClasses: function computedClasses() {
return this.customClasses || (this.size ? "c-icon-".concat(this.size) : 'c-icon'); return this.customClasses || "c-icon c-icon-".concat(this.computedSize);
} }
}, },
methods: { methods: {

2
vue/dist/coreui-icons-vue.common.js.map vendored
View File

File diff suppressed because one or more lines are too long

68
vue/dist/coreui-icons-vue.umd.js vendored
View File

@@ -414,29 +414,6 @@ module.exports = __webpack_require__("9e1e") ? function (object, key, value) {
}; };
/***/ }),
/***/ "36bd":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)
var toObject = __webpack_require__("4bf8");
var toAbsoluteIndex = __webpack_require__("77f1");
var toLength = __webpack_require__("9def");
module.exports = function fill(value /* , start = 0, end = @length */) {
var O = toObject(this);
var length = toLength(O.length);
var aLen = arguments.length;
var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);
var end = aLen > 2 ? arguments[2] : undefined;
var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
while (endPos > index) O[index++] = value;
return O;
};
/***/ }), /***/ }),
/***/ "4588": /***/ "4588":
@@ -736,19 +713,6 @@ module.exports = function (it, S) {
}; };
/***/ }),
/***/ "6c7b":
/***/ (function(module, exports, __webpack_require__) {
// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)
var $export = __webpack_require__("5ca1");
$export($export.P, 'Array', { fill: __webpack_require__("36bd") });
__webpack_require__("9c6c")('fill');
/***/ }), /***/ }),
/***/ "7726": /***/ "7726":
@@ -1256,17 +1220,14 @@ 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=39df52c8& // 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=7852aafd&
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.computedClasses,attrs:{"xmlns":"http://www.w3.org/2000/svg","viewBox":_vm.viewBox},domProps:{"innerHTML":_vm._s(_vm.icon.svgContent)}})}
var staticRenderFns = [] var staticRenderFns = []
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js
var es6_regexp_replace = __webpack_require__("a481"); var es6_regexp_replace = __webpack_require__("a481");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.fill.js
var es6_array_fill = __webpack_require__("6c7b");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f"); var es6_function_name = __webpack_require__("7f7f");
@@ -1281,8 +1242,6 @@ var es6_string_includes = __webpack_require__("2fdb");
//
// //
// //
// //
@@ -1299,12 +1258,12 @@ var es6_string_includes = __webpack_require__("2fdb");
props: { props: {
name: String, name: String,
content: [String, Array], content: [String, Array],
fill: String, // fill: String,
background: String, // background: String,
size: { size: {
type: String, type: String,
validator: function validator(size) { validator: function validator(size) {
return ['sm', 'lg', 'xl'].includes(size); return ['sm', 'lg', 'xl', 'custom-size'].includes(size);
} }
}, },
customClasses: String customClasses: String
@@ -1335,14 +1294,17 @@ var es6_string_includes = __webpack_require__("2fdb");
viewBox: function viewBox() { viewBox: function viewBox() {
return this.$attrs.viewBox || "0 0 ".concat(this.icon.coordinates); return this.$attrs.viewBox || "0 0 ".concat(this.icon.coordinates);
}, },
style: function style() { // style () {
return { // return {
fill: this.fill || 'currentColor', // fill: this.fill || 'currentColor',
background: this.background // background: this.background
}; // }
// },
computedSize: function computedSize() {
return this.$attrs.width || this.$attrs.height ? 'custom-size' : this.size;
}, },
classes: function classes() { computedClasses: function computedClasses() {
return this.customClasses || (this.size ? "c-icon-".concat(this.size) : 'c-icon'); return this.customClasses || "c-icon c-icon-".concat(this.computedSize);
} }
}, },
methods: { methods: {

2
vue/dist/coreui-icons-vue.umd.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/coreui-icons-vue.umd.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/coreui-icons-vue.umd.min.js.map vendored
View File

File diff suppressed because one or more lines are too long