ivue-material-plus
Version:
A high quality UI components Library with Vue.js
65 lines (62 loc) • 2.55 kB
JavaScript
import _sfc_main from './circular.vue_vue_type_script_lang.mjs';
import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createCommentVNode, renderSlot } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
const _hoisted_1 = { viewBox: "0 0 100 100" };
const _hoisted_2 = { key: 0 };
const _hoisted_3 = ["id"];
const _hoisted_4 = ["stop-color"];
const _hoisted_5 = ["stop-color"];
const _hoisted_6 = ["d", "stroke", "stroke-width", "stroke-linecap"];
const _hoisted_7 = ["d", "stroke-linecap", "stroke", "stroke-width"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.wrapClasses),
style: normalizeStyle(_ctx.wrapStyles)
}, [
(openBlock(), createElementBlock("svg", _hoisted_1, [
_ctx.strokeColorIsString ? (openBlock(), createElementBlock("defs", _hoisted_2, [
createElementVNode("linearGradient", {
id: _ctx.id,
x1: "100%",
y1: "0%",
x2: "0%",
y2: "0%"
}, [
createElementVNode("stop", {
offset: "0%",
"stop-color": `${_ctx.strokeColor[0]}`
}, null, 8, _hoisted_4),
createElementVNode("stop", {
offset: "100%",
"stop-color": `${_ctx.strokeColor[1]}`
}, null, 8, _hoisted_5)
], 8, _hoisted_3)
])) : createCommentVNode("v-if", true),
createElementVNode("path", {
d: _ctx.pathString,
stroke: _ctx.trailColor,
"stroke-width": _ctx.trailWidth,
"fill-opacity": 0,
style: normalizeStyle(_ctx.trailStyle),
"stroke-linecap": _ctx.strokeLinecap
}, null, 12, _hoisted_6),
createElementVNode("path", {
"fill-opacity": "0",
d: _ctx.pathString,
"stroke-linecap": _ctx.strokeLinecap,
stroke: _ctx.strokeValue,
"stroke-width": _ctx.computedStrokeWidth,
style: normalizeStyle(_ctx.pathStyles)
}, null, 12, _hoisted_7)
])),
createCommentVNode(" \u6587\u5B57 "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-inner`)
}, [
renderSlot(_ctx.$slots, "default")
], 2)
], 6);
}
var Circular = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-circular\\circular.vue"]]);
export { Circular as default };
//# sourceMappingURL=circular.mjs.map