saturn-ui/lib/IceIcon/index.js

🪐 一款轻量级、模块化的Web可视化UI组件库（含大屏、GIS、图表、视频、后台等模块） 👍

import { defineComponent, ref, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeStyle, createCommentVNode } from 'vue';

const _hoisted_1 = {
    key: 0,
    class: "ice-icon"
};
const _hoisted_2 = ["data-icon"];
var script = defineComponent({
    props: {
        icon: { type: null, required: true },
        size: { type: null, required: false, default: () => 16 }
    },
    setup(__props) {
        const props = __props;
        const show = ref(true);
        watch(props, () => {
            show.value = false;
            nextTick(() => {
                show.value = true;
            });
        });
        return (_ctx, _cache) => {
            return (show.value)
                ? (openBlock(), createElementBlock("span", _hoisted_1, [
                    createElementVNode("span", {
                        class: "iconify",
                        "data-icon": __props.icon,
                        style: normalizeStyle({ fontSize: __props.size + 'px' })
                    }, null, 12, _hoisted_2)
                ]))
                : createCommentVNode("v-if", true);
        };
    }
});

script.__file = "packages/IceIcon/index.vue";

const withInstall = (main, extra) => {
    main.install = (app) => {
        for (const comp of [main, ...Object.values(extra ?? {})]) {
            app.component(comp.name, comp);
        }
    };
    if (extra) {
        for (const [key, comp] of Object.entries(extra)) {
            main[key] = comp;
        }
    }
    return main;
};

const IceIcon = withInstall(script, { name: 'IceIcon' });

export { IceIcon, IceIcon as default };