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

feat: add size prop, remove automatic sizing, add default size.

Browse Source
This commit is contained in:
woothu
2019-10-17 10:43:47 +02:00
parent edd986dfb5
commit c4345c00f1
8 changed files with 2295 additions and 2581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
vue/CIcon.vue
View File

@@ -3,6 +3,7 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
:viewBox="viewBox" :viewBox="viewBox"
:style="style" :style="style"
:class="classes"
v-html="icon.svgContent" v-html="icon.svgContent"
></svg> ></svg>
</template> </template>
@@ -16,21 +17,12 @@ export default {
name: String, name: String,
content: [String, Array], content: [String, Array],
fill: String, fill: String,
background: String background: String,
}, size: {
data () { type: String,
return { validator: size => ['sm', 'lg', 'xl'].includes(size)
lineHeight: null
} }
}, },
mounted () {
this.$nextTick(() => {
if (this.$el && this.code) {
const computedStyle = window.getComputedStyle(this.$el, null)
this.lineHeight = computedStyle.getPropertyValue('line-height')
}
})
},
computed: { computed: {
iconName () { iconName () {
const iconNameIsKebabCase = this.name && this.name.includes('-') const iconNameIsKebabCase = this.name && this.name.includes('-')
@@ -50,15 +42,14 @@ export default {
viewBox () { viewBox () {
return this.$attrs.viewBox || `0 0 ${ this.icon.coordinates }` return this.$attrs.viewBox || `0 0 ${ this.icon.coordinates }`
}, },
autoDimensions () {
const noDimensions = !this.$attrs.height && !this.$attrs.width
return noDimensions ? { height: this.lineHeight } : {}
},
style () { style () {
return Object.assign({}, this.autoDimensions, { return {
fill: this.fill || 'currentColor', fill: this.fill || 'currentColor',
background: this.background background: this.background
}) }
},
classes () {
return this.size ? `c-icon-${this.size}` : 'c-icon'
} }
}, },
methods: { methods: {

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

@@ -146,20 +146,6 @@ module.exports = function () {
}; };
/***/ }),
/***/ "0d58":
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
var $keys = __webpack_require__("ce10");
var enumBugKeys = __webpack_require__("e11e");
module.exports = Object.keys || function keys(O) {
return $keys(O, enumBugKeys);
};
/***/ }), /***/ }),
/***/ "214f": /***/ "214f":
@@ -308,14 +294,6 @@ module.exports = function (it) {
}; };
/***/ }),
/***/ "2621":
/***/ (function(module, exports) {
exports.f = Object.getOwnPropertySymbols;
/***/ }), /***/ }),
/***/ "2aba": /***/ "2aba":
@@ -575,14 +553,6 @@ if (PATCH) {
module.exports = patchedExec; module.exports = patchedExec;
/***/ }),
/***/ "52a7":
/***/ (function(module, exports) {
exports.f = {}.propertyIsEnumerable;
/***/ }), /***/ }),
/***/ "5537": /***/ "5537":
@@ -681,18 +651,6 @@ module.exports = function (R, S) {
}; };
/***/ }),
/***/ "613b":
/***/ (function(module, exports, __webpack_require__) {
var shared = __webpack_require__("5537")('keys');
var uid = __webpack_require__("ca5a");
module.exports = function (key) {
return shared[key] || (shared[key] = uid(key));
};
/***/ }), /***/ }),
/***/ "626a": /***/ "626a":
@@ -782,52 +740,6 @@ $export($export.P, 'Array', { fill: __webpack_require__("36bd") });
__webpack_require__("9c6c")('fill'); __webpack_require__("9c6c")('fill');
/***/ }),
/***/ "7333":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// 19.1.2.1 Object.assign(target, source, ...)
var DESCRIPTORS = __webpack_require__("9e1e");
var getKeys = __webpack_require__("0d58");
var gOPS = __webpack_require__("2621");
var pIE = __webpack_require__("52a7");
var toObject = __webpack_require__("4bf8");
var IObject = __webpack_require__("626a");
var $assign = Object.assign;
// should work with symbols and should have deterministic property order (V8 bug)
module.exports = !$assign || __webpack_require__("79e5")(function () {
var A = {};
var B = {};
// eslint-disable-next-line no-undef
var S = Symbol();
var K = 'abcdefghijklmnopqrst';
A[S] = 7;
K.split('').forEach(function (k) { B[k] = k; });
return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
}) ? function assign(target, source) { // eslint-disable-line no-unused-vars
var T = toObject(target);
var aLen = arguments.length;
var index = 1;
var getSymbols = gOPS.f;
var isEnum = pIE.f;
while (aLen > index) {
var S = IObject(arguments[index++]);
var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);
var length = keys.length;
var j = 0;
var key;
while (length > j) {
key = keys[j++];
if (!DESCRIPTORS || isEnum.call(S, key)) T[key] = S[key];
}
} return T;
} : $assign;
/***/ }), /***/ }),
/***/ "7726": /***/ "7726":
@@ -1223,30 +1135,6 @@ module.exports = function (it) {
}; };
/***/ }),
/***/ "ce10":
/***/ (function(module, exports, __webpack_require__) {
var has = __webpack_require__("69a8");
var toIObject = __webpack_require__("6821");
var arrayIndexOf = __webpack_require__("c366")(false);
var IE_PROTO = __webpack_require__("613b")('IE_PROTO');
module.exports = function (object, names) {
var O = toIObject(object);
var i = 0;
var result = [];
var key;
for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);
// Don't enum bug & hidden keys
while (names.length > i) if (has(O, key = names[i++])) {
~arrayIndexOf(result, key) || result.push(key);
}
return result;
};
/***/ }), /***/ }),
/***/ "d2c8": /***/ "d2c8":
@@ -1283,17 +1171,6 @@ module.exports = function (it) {
}; };
/***/ }),
/***/ "e11e":
/***/ (function(module, exports) {
// IE 8- don't enum bug keys
module.exports = (
'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
).split(',');
/***/ }), /***/ }),
/***/ "f6fd": /***/ "f6fd":
@@ -1337,17 +1214,6 @@ module.exports = (
})(document); })(document);
/***/ }),
/***/ "f751":
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.1 Object.assign(target, source)
var $export = __webpack_require__("5ca1");
$export($export.S + $export.F, 'Object', { assign: __webpack_require__("7333") });
/***/ }), /***/ }),
/***/ "fa5b": /***/ "fa5b":
@@ -1381,8 +1247,8 @@ 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":"7e872e7a-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=5f5e5bae& // 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=4d8bd2f9&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{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 = []
@@ -1392,8 +1258,8 @@ var es6_regexp_replace = __webpack_require__("a481");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.fill.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.fill.js
var es6_array_fill = __webpack_require__("6c7b"); var es6_array_fill = __webpack_require__("6c7b");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.assign.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_object_assign = __webpack_require__("f751"); var es6_function_name = __webpack_require__("7f7f");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.array.includes.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.array.includes.js
var es7_array_includes = __webpack_require__("6762"); var es7_array_includes = __webpack_require__("6762");
@@ -1401,16 +1267,13 @@ var es7_array_includes = __webpack_require__("6762");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js
var es6_string_includes = __webpack_require__("2fdb"); var es6_string_includes = __webpack_require__("2fdb");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f");
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=script&lang=js& // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=script&lang=js&
//
// //
// //
// //
@@ -1428,22 +1291,13 @@ var es6_function_name = __webpack_require__("7f7f");
name: String, name: String,
content: [String, Array], content: [String, Array],
fill: String, fill: String,
background: String background: String,
}, size: {
data: function data() { type: String,
return { validator: function validator(size) {
lineHeight: null return ['sm', 'lg', 'xl'].includes(size);
};
},
mounted: function mounted() {
var _this = this;
this.$nextTick(function () {
if (_this.$el && _this.code) {
var computedStyle = window.getComputedStyle(_this.$el, null);
_this.lineHeight = computedStyle.getPropertyValue('line-height');
} }
}); }
}, },
computed: { computed: {
iconName: function iconName() { iconName: function iconName() {
@@ -1471,17 +1325,14 @@ var es6_function_name = __webpack_require__("7f7f");
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);
}, },
autoDimensions: function autoDimensions() {
var noDimensions = !this.$attrs.height && !this.$attrs.width;
return noDimensions ? {
height: this.lineHeight
} : {};
},
style: function style() { style: function style() {
return Object.assign({}, this.autoDimensions, { return {
fill: this.fill || 'currentColor', fill: this.fill || 'currentColor',
background: this.background background: this.background
}); };
},
classes: function classes() {
return this.size ? "c-icon-".concat(this.size) : 'c-icon';
} }
}, },
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

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

@@ -155,20 +155,6 @@ module.exports = function () {
}; };
/***/ }),
/***/ "0d58":
/***/ (function(module, exports, __webpack_require__) {
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
var $keys = __webpack_require__("ce10");
var enumBugKeys = __webpack_require__("e11e");
module.exports = Object.keys || function keys(O) {
return $keys(O, enumBugKeys);
};
/***/ }), /***/ }),
/***/ "214f": /***/ "214f":
@@ -317,14 +303,6 @@ module.exports = function (it) {
}; };
/***/ }),
/***/ "2621":
/***/ (function(module, exports) {
exports.f = Object.getOwnPropertySymbols;
/***/ }), /***/ }),
/***/ "2aba": /***/ "2aba":
@@ -584,14 +562,6 @@ if (PATCH) {
module.exports = patchedExec; module.exports = patchedExec;
/***/ }),
/***/ "52a7":
/***/ (function(module, exports) {
exports.f = {}.propertyIsEnumerable;
/***/ }), /***/ }),
/***/ "5537": /***/ "5537":
@@ -690,18 +660,6 @@ module.exports = function (R, S) {
}; };
/***/ }),
/***/ "613b":
/***/ (function(module, exports, __webpack_require__) {
var shared = __webpack_require__("5537")('keys');
var uid = __webpack_require__("ca5a");
module.exports = function (key) {
return shared[key] || (shared[key] = uid(key));
};
/***/ }), /***/ }),
/***/ "626a": /***/ "626a":
@@ -791,52 +749,6 @@ $export($export.P, 'Array', { fill: __webpack_require__("36bd") });
__webpack_require__("9c6c")('fill'); __webpack_require__("9c6c")('fill');
/***/ }),
/***/ "7333":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// 19.1.2.1 Object.assign(target, source, ...)
var DESCRIPTORS = __webpack_require__("9e1e");
var getKeys = __webpack_require__("0d58");
var gOPS = __webpack_require__("2621");
var pIE = __webpack_require__("52a7");
var toObject = __webpack_require__("4bf8");
var IObject = __webpack_require__("626a");
var $assign = Object.assign;
// should work with symbols and should have deterministic property order (V8 bug)
module.exports = !$assign || __webpack_require__("79e5")(function () {
var A = {};
var B = {};
// eslint-disable-next-line no-undef
var S = Symbol();
var K = 'abcdefghijklmnopqrst';
A[S] = 7;
K.split('').forEach(function (k) { B[k] = k; });
return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
}) ? function assign(target, source) { // eslint-disable-line no-unused-vars
var T = toObject(target);
var aLen = arguments.length;
var index = 1;
var getSymbols = gOPS.f;
var isEnum = pIE.f;
while (aLen > index) {
var S = IObject(arguments[index++]);
var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);
var length = keys.length;
var j = 0;
var key;
while (length > j) {
key = keys[j++];
if (!DESCRIPTORS || isEnum.call(S, key)) T[key] = S[key];
}
} return T;
} : $assign;
/***/ }), /***/ }),
/***/ "7726": /***/ "7726":
@@ -1232,30 +1144,6 @@ module.exports = function (it) {
}; };
/***/ }),
/***/ "ce10":
/***/ (function(module, exports, __webpack_require__) {
var has = __webpack_require__("69a8");
var toIObject = __webpack_require__("6821");
var arrayIndexOf = __webpack_require__("c366")(false);
var IE_PROTO = __webpack_require__("613b")('IE_PROTO');
module.exports = function (object, names) {
var O = toIObject(object);
var i = 0;
var result = [];
var key;
for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);
// Don't enum bug & hidden keys
while (names.length > i) if (has(O, key = names[i++])) {
~arrayIndexOf(result, key) || result.push(key);
}
return result;
};
/***/ }), /***/ }),
/***/ "d2c8": /***/ "d2c8":
@@ -1292,17 +1180,6 @@ module.exports = function (it) {
}; };
/***/ }),
/***/ "e11e":
/***/ (function(module, exports) {
// IE 8- don't enum bug keys
module.exports = (
'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
).split(',');
/***/ }), /***/ }),
/***/ "f6fd": /***/ "f6fd":
@@ -1346,17 +1223,6 @@ module.exports = (
})(document); })(document);
/***/ }),
/***/ "f751":
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.1 Object.assign(target, source)
var $export = __webpack_require__("5ca1");
$export($export.S + $export.F, 'Object', { assign: __webpack_require__("7333") });
/***/ }), /***/ }),
/***/ "fa5b": /***/ "fa5b":
@@ -1390,8 +1256,8 @@ 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":"7e872e7a-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=5f5e5bae& // 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=4d8bd2f9&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{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 = []
@@ -1401,8 +1267,8 @@ var es6_regexp_replace = __webpack_require__("a481");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.fill.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.fill.js
var es6_array_fill = __webpack_require__("6c7b"); var es6_array_fill = __webpack_require__("6c7b");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.assign.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_object_assign = __webpack_require__("f751"); var es6_function_name = __webpack_require__("7f7f");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.array.includes.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.array.includes.js
var es7_array_includes = __webpack_require__("6762"); var es7_array_includes = __webpack_require__("6762");
@@ -1410,16 +1276,13 @@ var es7_array_includes = __webpack_require__("6762");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js
var es6_string_includes = __webpack_require__("2fdb"); var es6_string_includes = __webpack_require__("2fdb");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7f7f");
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=script&lang=js& // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./CIcon.vue?vue&type=script&lang=js&
//
// //
// //
// //
@@ -1437,22 +1300,13 @@ var es6_function_name = __webpack_require__("7f7f");
name: String, name: String,
content: [String, Array], content: [String, Array],
fill: String, fill: String,
background: String background: String,
}, size: {
data: function data() { type: String,
return { validator: function validator(size) {
lineHeight: null return ['sm', 'lg', 'xl'].includes(size);
};
},
mounted: function mounted() {
var _this = this;
this.$nextTick(function () {
if (_this.$el && _this.code) {
var computedStyle = window.getComputedStyle(_this.$el, null);
_this.lineHeight = computedStyle.getPropertyValue('line-height');
} }
}); }
}, },
computed: { computed: {
iconName: function iconName() { iconName: function iconName() {
@@ -1480,17 +1334,14 @@ var es6_function_name = __webpack_require__("7f7f");
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);
}, },
autoDimensions: function autoDimensions() {
var noDimensions = !this.$attrs.height && !this.$attrs.width;
return noDimensions ? {
height: this.lineHeight
} : {};
},
style: function style() { style: function style() {
return Object.assign({}, this.autoDimensions, { return {
fill: this.fill || 'currentColor', fill: this.fill || 'currentColor',
background: this.background background: this.background
}); };
},
classes: function classes() {
return this.size ? "c-icon-".concat(this.size) : 'c-icon';
} }
}, },
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

4477
vue/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff