import { defineComponent, toRefs, openBlock, createElementBlock, unref, createElementVNode } from "vue";
import "./index.vue_vue_type_style_index_0_scoped_true_lang.mjs";
import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.mjs";
const _hoisted_1 = { class: "go-border-box" };
const _hoisted_2 = ["width", "height"];
const _hoisted_3 = ["fill", "points"];
const _hoisted_4 = ["stroke", "points"];
const _hoisted_5 = ["stroke", "points"];
const _hoisted_6 = ["stroke", "points"];
const _hoisted_7 = ["stroke"];
const _hoisted_8 = ["stroke"];
const _hoisted_9 = ["stroke"];
const _hoisted_10 = ["stroke"];
const _hoisted_11 = ["stroke"];
const _hoisted_12 = ["stroke", "points"];
const _hoisted_13 = ["stroke", "points"];
const __default__ = defineComponent({ name: "EBorder10" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const { w, h } = toRefs(props.chartConfig.attr);
    const { colors, backgroundColor } = toRefs(props.chartConfig.option);
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        (openBlock(), createElementBlock("svg", {
          width: unref(w),
          height: unref(h)
        }, [
          createElementVNode("polygon", {
            fill: unref(backgroundColor),
            points: `
        ${unref(w) - 15}, 22 170, 22 150, 7 40, 7 28, 21 32, 24
        16, 42 16, ${unref(h) - 32} 41, ${unref(h) - 7} ${unref(w) - 15}, ${unref(h) - 7}
      `
          }, null, 8, _hoisted_3),
          createElementVNode("polyline", {
            class: "go-border-line-1",
            stroke: unref(colors)[0],
            points: `145, ${unref(h) - 5} 40, ${unref(h) - 5} 10, ${unref(h) - 35}
          10, 40 40, 5 150, 5 170, 20 ${unref(w) - 15}, 20`
          }, null, 8, _hoisted_4),
          createElementVNode("polyline", {
            stroke: unref(colors)[1],
            class: "go-border-line-2",
            points: `245, ${unref(h) - 1} 36, ${unref(h) - 1} 14, ${unref(h) - 23}
          14, ${unref(h) - 100}`
          }, null, 8, _hoisted_5),
          createElementVNode("polyline", {
            class: "go-border-line-3",
            stroke: unref(colors)[0],
            points: `7, ${unref(h) - 40} 7, ${unref(h) - 75}`
          }, null, 8, _hoisted_6),
          createElementVNode("polyline", {
            class: "go-border-line-4",
            stroke: unref(colors)[0],
            points: `28, 24 13, 41 13, 64`
          }, null, 8, _hoisted_7),
          createElementVNode("polyline", {
            class: "go-border-line-5",
            stroke: unref(colors)[0],
            points: `5, 45 5, 140`
          }, null, 8, _hoisted_8),
          createElementVNode("polyline", {
            class: "go-border-line-6",
            stroke: unref(colors)[1],
            points: `14, 75 14, 180`
          }, null, 8, _hoisted_9),
          createElementVNode("polyline", {
            class: "go-border-line-7",
            stroke: unref(colors)[1],
            points: `55, 11 147, 11 167, 26 250, 26`
          }, null, 8, _hoisted_10),
          createElementVNode("polyline", {
            class: "go-border-line-8",
            stroke: unref(colors)[1],
            points: `158, 5 173, 16`
          }, null, 8, _hoisted_11),
          createElementVNode("polyline", {
            class: "go-border-line-9",
            stroke: unref(colors)[0],
            points: `200, 17 ${unref(w) - 10}, 17`
          }, null, 8, _hoisted_12),
          createElementVNode("polyline", {
            class: "go-border-line-10",
            stroke: unref(colors)[1],
            points: `385, 17 ${unref(w) - 10}, 17`
          }, null, 8, _hoisted_13)
        ], 8, _hoisted_2))
      ]);
    };
  }
});
var _EBorder10 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d15735a2"]]);
export { _EBorder10 as default };
