mine-h5-ui/es/MeBesselCurve/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as k, mergeDefaults as c, createElementBlock as o, openBlock as s, createCommentVNode as h, unref as e, createElementVNode as l, mergeProps as p, Fragment as _, renderList as g } from "vue";
import { useMarker as v, useHandler as w, defaultProps as C } from "./hooks.js";
/*!
          * mine-h5-ui v2.16.0
          * Copyright (c) 2025 biaov
          * @license MIT
          */
const b = {
  key: 0,
  width: "100%",
  height: "100%"
}, y = ["id"], B = ["d", "fill"], W = ["d", "stroke", "stroke-width", "marker-end"], E = /* @__PURE__ */ k({
  name: "MeBesselCurve",
  __name: "index",
  props: /* @__PURE__ */ c({
    list: {},
    direction: {},
    color: {},
    strokeWidth: {},
    arrow: { type: Boolean }
  }, C),
  setup(a) {
    const n = a, { marker: r, triangleId: i } = v(n), { lines: d, besselCurveRef: m } = w(n);
    return (t, $) => (s(), o("div", {
      ref_key: "besselCurveRef",
      ref: m,
      class: "me-bessel-curve me-absolute-top-left me-w-fill me-h-fill"
    }, [
      e(d).length ? (s(), o("svg", b, [
        l("defs", null, [
          l("marker", p({
            id: e(i),
            markerUnits: "strokeWidth",
            refX: "0",
            orient: "auto"
          }, e(r)), [
            l("path", {
              d: `M 0 0 L ${e(r).markerWidth} ${e(r).refY} L 0 ${e(r).markerHeight} z`,
              fill: t.color
            }, null, 8, B)
          ], 16, y)
        ]),
        (s(!0), o(_, null, g(e(d), (u, f) => (s(), o("path", {
          key: f,
          d: u,
          stroke: t.color,
          "stroke-width": t.strokeWidth,
          fill: "none",
          "marker-end": t.arrow ? `url(#${e(i)})` : ""
        }, null, 8, W))), 128))
      ])) : h("", !0)
    ], 512));
  }
});
export {
  E as default
};