hongluan-ui
Version:
Hongluan Component Library for Vue 3
74 lines (71 loc) • 2.43 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: "SystemMaximize",
props: {
gradient: {
type: Boolean
},
borderWidth: {
type: [Number, String],
default: ""
},
opacity: {
type: [Number, String],
default: ""
},
startColor: {
type: String,
default: ""
}
},
setup() {
const { CustomIcon } = useCustomIcon("SystemMaximize");
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: "SystemMaximize",
style: normalizeStyle({
"--stroke-width": _ctx.borderWidth,
"--fill-opacity": _ctx.opacity
})
}, [
_ctx.gradient ? (openBlock(), createElementBlock("defs", { key: 0 }, [
createElementVNode("linearGradient", {
id: "maximize",
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(#maximize)" : "currentColor"
}, [
createElementVNode("path", { d: "M2,7 L2,4 C2,2.8954305 2.8954305,2 4,2 L7,2 L7,2 M20,7 L20,4 C20,2.8954305 19.1045695,2 18,2 L15,2 L15,2 M2,15 L2,18 C2,19.1045695 2.8954305,20 4,20 L7,20 L7,20 M20,15 L20,18 C20,19.1045695 19.1045695,20 18,20 L15,20 L15,20" })
], 8, ["stroke"])
], 4));
}
var SystemMaximize = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { SystemMaximize as default };
//# sourceMappingURL=maximize.mjs.map