| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot } from 'vue';
- import { iconProps } from './icon.mjs';
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
- import { addUnit } from '../../../utils/dom/style.mjs';
- const _sfc_main = defineComponent({
- ...{
- name: "ElIcon",
- inheritAttrs: false
- },
- __name: "icon",
- props: iconProps,
- setup(__props) {
- const props = __props;
- const ns = useNamespace("icon");
- const style = computed(() => {
- const { size, color } = props;
- const fontSize = addUnit(size);
- if (!fontSize && !color)
- return {};
- return {
- fontSize,
- "--color": color
- };
- });
- return (_ctx, _cache) => {
- return openBlock(), createElementBlock(
- "i",
- mergeProps({
- class: unref(ns).b(),
- style: style.value
- }, _ctx.$attrs),
- [
- renderSlot(_ctx.$slots, "default")
- ],
- 16
- );
- };
- }
- });
- var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
- export { Icon as default };
- //# sourceMappingURL=icon2.mjs.map
|