pangu-vchart-config 1.0.16

package/dist/es/BUvisxxW.js

@@ -0,0 +1,225 @@
+import { defineComponent as te, mergeDefaults as ae, ref as c, defineAsyncComponent as E, onMounted as le, watch as ne, createElementBlock as C, openBlock as v, unref as g, createElementVNode as m, createVNode as B, createBlock as T, createCommentVNode as $, Fragment as oe, renderList as se, normalizeClass as ie, normalizeStyle as re, withDirectives as ce, withModifiers as de, vShow as ue, withCtx as D, createTextVNode as me, toDisplayString as pe } from "vue";
+import { n as N, c as fe, D as ve, a as ge, d as he, e as h, _ as xe } from "./CZX0y1vH.js";
+import { h as H } from "./Bknxm-ub.js";
+const be = ["id"], ye = { class: "box" }, Ce = {
+  key: 0,
+  class: "operate_bar"
+}, _e = { class: "color_list" }, ke = ["onClick"], Ve = { class: "color_box" }, Ee = ["onClick"], $e = { class: "content" }, _ = 560, x = 250, we = /* @__PURE__ */ te({
+  __name: "index",
+  props: /* @__PURE__ */ ae({
+    modelValue: {},
+    max: {},
+    include: {},
+    fLabel: {},
+    className: {},
+    styleConfig: {},
+    itemStyle: {},
+    scale: {},
+    popperClassName: {}
+  }, {
+    ...he,
+    max: 1 / 0,
+    include: () => ["solid", "linear", "radial"]
+  }),
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: W }) {
+    const { t: j } = ge("base"), b = d, o = c([]), P = N(), w = c(), k = c({}), p = c(!1), S = c(!1), u = c(0), s = c(0), G = E(() => import("./Bk5D_jnO.js")), R = E(() => import("./DrgyUwQy.js")), z = E(() => import("./BCR3vJxW.js")), M = E(() => import("./CZX0y1vH.js").then((a) => a.cQ)), A = W, U = c(null), I = c({});
+    let V = null;
+    const q = ({ color: a, angle: t, mode: e }) => {
+      const l = typeof a != "string";
+      let r = a;
+      if (l) {
+        let i = `${e === "solid" ? "linear" : e}-gradient(${e === "linear" ? t + "deg," : ""}`;
+        a.forEach((n, f) => {
+          const y = n.val.indexOf("#") > -1 ? H(n.val) : n.val;
+          i += `${y} ${n.per}%${f === a.length - 1 ? ")" : ","}`;
+        }), r = i;
+      }
+      return r;
+    }, F = (a) => {
+      const { angle: t, mode: e, color: l, flag: r } = h(a);
+      let i = o.value.find((n) => n.id === a.id);
+      i && (i = Object.assign(i, { angle: t, mode: e, color: l })), L();
+    }, Q = (a) => {
+      k.value = h(a), p.value || (p.value = !0), p.value && O();
+    }, L = () => {
+      const t = h(o.value).map((e) => ({
+        angle: e.angle,
+        mode: e.mode,
+        color: e.color.map((l) => ({ val: l.val, per: Number(l.per) }))
+      }));
+      I.value = h(t), A("update:modelValue", t), A("change", t);
+    }, J = (a) => {
+      if (o.value.length === 1)
+        return;
+      const t = o.value.findIndex((e) => e.id === a);
+      o.value.splice(t, 1), L(), k.value.id === a && (p.value = !1);
+    }, K = (a) => {
+      if (!Array.isArray(a))
+        return;
+      const t = h(a);
+      t.forEach((e) => {
+        e.id = N(), e.color.forEach((n) => {
+          n.val.indexOf("#") > -1 && (n.val = H(n.val));
+        });
+        const l = e.color;
+        e.color = l.sort((n, f) => n.per - f.per), l.every((n) => n.per !== 0) && e.color.unshift({
+          val: l[0].val,
+          per: 0
+        }), l.every((n) => n.per !== 100) && e.color.push({
+          val: l[l.length - 1].val,
+          per: 100
+        });
+      }), o.value = b.max && typeof b.max == "number" ? t.slice(0, b.max) : t;
+    }, X = () => {
+      const a = h(o.value[o.value.length - 1]).color;
+      o.value.push({
+        id: N(),
+        mode: "linear",
+        angle: 0,
+        color: a
+      });
+    }, O = () => {
+      if (V) {
+        const a = document.documentElement.clientWidth || document.body.clientWidth, t = document.documentElement.clientHeight || document.body.clientHeight;
+        u.value = V.getBoundingClientRect().left - 16, s.value = V.getBoundingClientRect().top;
+        let e = u.value;
+        u.value < 0 ? e = 0 : u.value - x > a - x ? e = a - x : u.value - x < 0 ? e = 0 : e = u.value - x, u.value = e;
+        let l = s.value;
+        s.value < 0 ? l = 0 : s.value + _ > t ? l = s.value - (s.value + _ - t) : s.value - _ < 0 ? l = 0 : l = s.value - _ - 10, s.value = l;
+      }
+    }, Y = (a) => {
+      const t = [];
+      return a.split("/").forEach((e) => {
+        if (e.indexOf("linear-gradient") > -1) {
+          const l = e.match(/linear-gradient\((\d+)deg,(.+)\)/), r = parseInt(l[1]), n = l[2].split("rgba").slice(1, l[2].split("rgba").length).map((f) => {
+            const [y, ee] = f.split(" ");
+            return { per: parseInt(ee), val: "rgba" + y };
+          });
+          t.push({
+            color: n,
+            angle: r,
+            mode: "linear"
+          });
+        } else if (e.indexOf("radial-gradient") > -1) {
+          const l = e.match(/radial-gradient\((.+)\)/), i = l[1].split("rgba").slice(1, l[1].split("rgba").length).map((n) => {
+            const [f, y] = n.trim().split(" ");
+            return { per: parseInt(y), val: "rgba" + f };
+          });
+          t.push({
+            color: i,
+            angle: 0,
+            mode: "radial"
+          });
+        }
+      }), t;
+    };
+    le(() => {
+      V = document.getElementById(`grandient_color_${P}`), O();
+    });
+    const Z = (a) => {
+      S.value = !1;
+      const t = h(w.value);
+      o.value = Y(t), L();
+    };
+    return ne(
+      () => b.modelValue,
+      (a) => {
+        fe(I.value, a) || (I.value = {}, K(a));
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), (a, t) => (v(), C("div", {
+      class: "v-grandient_color",
+      id: `grandient_color_${g(P)}`,
+      ref_key: "cmp",
+      ref: U
+    }, [
+      m("div", ye, [
+        d.fLabel && d.max > 1 || o.value.length < d.max ? (v(), C("div", Ce, [
+          d.fLabel && d.max > 1 ? (v(), T(g(R), {
+            key: 0,
+            fLabel: d.fLabel
+          }, null, 8, ["fLabel"])) : $("", !0),
+          o.value.length < d.max ? (v(), C("span", {
+            key: 1,
+            onClick: X,
+            class: "add iconfea icon-fea-jiahao1"
+          })) : $("", !0)
+        ])) : $("", !0),
+        m("ul", _e, [
+          (v(!0), C(oe, null, se(o.value, (e, l) => (v(), C("li", {
+            class: ie(`color_block ${e.id && k.value.id === e.id ? "active" : ""} `),
+            onClick: (r) => Q(e),
+            key: l
+          }, [
+            m("div", Ve, [
+              m("div", {
+                class: "color_box-inner",
+                style: re(`background:${q(e)}`)
+              }, [
+                ce(m("div", {
+                  onClick: de((r) => J(e.id), ["stop"]),
+                  class: "fea-grident-remove"
+                }, [...t[3] || (t[3] = [
+                  m("div", { class: "inner iconfea icon-fea-jianhao" }, null, -1)
+                ])], 8, Ee), [
+                  [ue, o.value.length > 1]
+                ])
+              ], 4)
+            ])
+          ], 10, ke))), 128))
+        ])
+      ]),
+      B(g(ve), {
+        modelValue: S.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (e) => S.value = e),
+        closeColor: "#fff",
+        height: "240px"
+      }, {
+        header: D(() => [...t[4] || (t[4] = [
+          m("div", null, null, -1)
+        ])]),
+        default: D(() => [
+          m("div", $e, [
+            B(g(z), {
+              modelValue: w.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (e) => w.value = e),
+              inputType: "textarea"
+            }, null, 8, ["modelValue"]),
+            B(g(M), {
+              onClick: Z,
+              class: "parse_btn"
+            }, {
+              default: D(() => [
+                me(pe(g(j)("colorGet")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      p.value ? (v(), T(g(G), {
+        key: 0,
+        scale: 1,
+        include: b.include,
+        show: p.value,
+        data: k.value,
+        left: u.value,
+        top: s.value,
+        height: _,
+        width: x,
+        type: "gradient",
+        onChange: F,
+        onClose: t[2] || (t[2] = (e) => p.value = !1)
+      }, null, 8, ["include", "show", "data", "left", "top"])) : $("", !0)
+    ], 8, be));
+  }
+}), Se = /* @__PURE__ */ xe(we, [["__scopeId", "data-v-7ca2606f"]]), De = Se;
+export {
+  De as VGradient,
+  Se as default
+};

package/dist/es/BXWy2hGN.js

@@ -0,0 +1,50 @@
+import { ref as i, watch as f, createBlock as c, openBlock as o, unref as m, withCtx as d, createElementBlock as x, Fragment as V, renderList as _, createTextVNode as h, toDisplayString as b } from "vue";
+import { _ as g } from "./CZX0y1vH.js";
+import { VCheckboxGroup as k } from "./l68pHLBb.js";
+import { VCheckbox as v } from "./C6g5319l.js";
+const y = {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: String,
+      require: !0
+    },
+    option: {
+      type: Array,
+      require: !0
+    }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(l, { emit: p }) {
+    const r = l, u = p, a = i(r.modelValue || "");
+    function s(e) {
+      u("update:modelValue", e), u("change", e);
+    }
+    return f(
+      () => r.modelValue,
+      (e) => a.value = e
+    ), (e, n) => (o(), c(m(k), {
+      modelValue: a.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (t) => a.value = t),
+      onChange: s,
+      class: "fea-baseCheckbox"
+    }, {
+      default: d(() => [
+        (o(!0), x(V, null, _(l.option, (t) => (o(), c(m(v), {
+          key: t.value,
+          label: t.value,
+          className: "item"
+        }, {
+          default: d(() => [
+            h(b(t.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["label"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}, S = /* @__PURE__ */ g(y, [["__scopeId", "data-v-717fd461"]]);
+export {
+  S as default
+};