hongluan-ui
Version:
Hongluan Component Library for Vue 3
74 lines (71 loc) • 2.47 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: "SystemClock",
props: {
gradient: {
type: Boolean
},
borderWidth: {
type: [Number, String],
default: ""
},
opacity: {
type: [Number, String],
default: ""
},
startColor: {
type: String,
default: ""
}
},
setup() {
const { CustomIcon } = useCustomIcon("SystemClock");
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: "SystemClock",
style: normalizeStyle({
"--stroke-width": _ctx.borderWidth,
"--fill-opacity": _ctx.opacity
})
}, [
_ctx.gradient ? (openBlock(), createElementBlock("defs", { key: 0 }, [
createElementVNode("linearGradient", {
id: "clock",
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(#clock)" : "currentColor"
}, [
createElementVNode("path", { d: "M11,21 C16.5228475,21 21,16.5228475 21,11 C21,10.3293212 20.9339755,9.67406333 20.8080718,9.04037141 C20.1649528,5.80346047 17.9594709,3.12924671 15.0106393,1.83674328 C13.7829108,1.29861717 12.4263283,1 11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 Z M11,5 L11,11 L15,13" })
], 8, ["stroke"])
], 4));
}
var SystemClock = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { SystemClock as default };
//# sourceMappingURL=clock.mjs.map