hongluan-ui
Version:
Hongluan Component Library for Vue 3
74 lines (71 loc) • 2.22 kB
JavaScript
import { defineComponent, openBlock, createBlock, resolveDynamicComponent, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode } from 'vue';
import { useCustomIcon } from './use-custom.mjs';
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
const _sfc_main = defineComponent({
name: "SystemFilter",
props: {
gradient: {
type: Boolean
},
borderWidth: {
type: [Number, String],
default: ""
},
opacity: {
type: [Number, String],
default: ""
},
startColor: {
type: String,
default: ""
}
},
setup() {
const { CustomIcon } = useCustomIcon("SystemFilter");
return {
CustomIcon
};
}
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return _ctx.CustomIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.CustomIcon), { key: 0 })) : (openBlock(), createElementBlock("svg", {
key: 1,
viewBox: "0 0 22 22",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg",
class: "icon-system",
name: "SystemFilter",
style: normalizeStyle({
"--stroke-width": _ctx.borderWidth,
"--fill-opacity": _ctx.opacity
})
}, [
_ctx.gradient ? (openBlock(), createElementBlock("defs", { key: 0 }, [
createElementVNode("linearGradient", {
id: "filter",
x1: "50%",
y1: "0%",
x2: "50%",
y2: "100%",
gradientUnits: "userSpaceOnUse"
}, [
createElementVNode("stop", {
style: normalizeStyle({ stopColor: _ctx.startColor ? _ctx.startColor : "var(--icon-start-color)" }),
offset: "0%"
}, null, 4),
createElementVNode("stop", {
"stop-color": "currentColor",
offset: "100%"
})
])
])) : createCommentVNode("v-if", true),
createElementVNode("g", {
stroke: _ctx.gradient ? "url(#filter)" : "currentColor"
}, [
createElementVNode("path", { d: "M6,11 L16,11 M8,17 L14,17 M4,5 L18,5" })
], 8, ["stroke"])
], 4));
}
var SystemFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { SystemFilter as default };
//# sourceMappingURL=filter.mjs.map