epic-designer-gold 0.0.13 → 0.0.15

package/dist/index-CM2yS7Lz.js

@@ -0,0 +1,216 @@
+import { defineComponent as B, inject as j, resolveComponent as J, openBlock as v, createBlock as N, unref as n, isRef as O, withCtx as A, createElementVNode as p, normalizeClass as D, createVNode as d, createCommentVNode as $, createElementBlock as _, ref as z, reactive as w, onMounted as K, watch as L, provide as P, Fragment as R, renderList as T, toDisplayString as F, withDirectives as q, vShow as G, createTextVNode as H } from "vue";
+import { d as Q } from "./vuedraggable.umd-D2S7Eo7p.js";
+import { p as g, E as W, a as X } from "./axios-ITY6Uw7A.js";
+import { _ as E } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
+import { n as I } from "./index-CzIPdR2H.js";
+import { ElMessage as Y } from "element-plus";
+import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ee = {
+  key: 0,
+  class: "pl-4"
+}, te = /* @__PURE__ */ B({
+  name: "EOptionItem",
+  __name: "optionItem",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: C }) {
+    const U = k, y = g.getComponent("input"), c = j("tree", !1), i = I(U, "modelValue", C);
+    function x(a) {
+      const s = {
+        label: "",
+        value: ""
+      };
+      a.children ? a.children.push(s) : a.children = [s];
+    }
+    function r(a) {
+      i.value = i.value.filter((s, f) => f !== a);
+    }
+    return (a, s) => {
+      const f = J("EOptionItem");
+      return v(), N(n(Q), {
+        modelValue: n(i),
+        "onUpdate:modelValue": s[0] || (s[0] = (l) => O(i) ? i.value = l : null),
+        "item-key": "id",
+        "component-data": {
+          type: "transition-group"
+        },
+        group: "option-list",
+        handle: ".handle",
+        animation: 200
+      }, {
+        item: A(({ element: l, index: b }) => [
+          p("div", null, [
+            p("div", {
+              class: D([n(c) ? "grid-cols-[16px_auto_auto_16px_16px]" : "grid-cols-[16px_auto_auto_16px]", "option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])
+            }, [
+              d(n(E), {
+                class: "mr-2 cursor-move handle",
+                name: "icon--epic--drag"
+              }),
+              d(n(y), {
+                modelValue: l.label,
+                "onUpdate:modelValue": (o) => l.label = o,
+                value: l.label,
+                "onUpdate:value": (o) => l.label = o,
+                placeholder: "label"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
+              d(n(y), {
+                modelValue: l.value,
+                "onUpdate:modelValue": (o) => l.value = o,
+                value: l.value,
+                "onUpdate:value": (o) => l.value = o,
+                placeholder: "value"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
+              n(c) ? (v(), N(n(E), {
+                key: 0,
+                class: "cursor-pointer text-lg!",
+                name: "icon--epic--add-rounded",
+                onClick: (o) => x(l)
+              }, null, 8, ["onClick"])) : $("", !0),
+              d(n(E), {
+                class: "hover:text-red cursor-pointer",
+                name: "icon--epic--delete-outline-rounded",
+                onClick: (o) => r(b)
+              }, null, 8, ["onClick"])
+            ], 2),
+            l.children ? (v(), _("div", ee, [
+              d(f, {
+                modelValue: l.children,
+                "onUpdate:modelValue": (o) => l.children = o
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ])) : $("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), le = { class: "" }, ae = { class: "epic-tabs-box" }, ne = ["title", "onClick"], oe = { key: 0 }, re = { class: "py-4 my-2 text-center text-gray-400 bg-white" }, ue = { key: 1 }, ie = /* @__PURE__ */ B({
+  __name: "index",
+  props: {
+    tree: { type: Boolean },
+    modelValue: {},
+    dynamicId: {},
+    type: {}
+  },
+  emits: ["update:modelValue", "update:EOptionsEditor"],
+  setup(k, { emit: C }) {
+    const U = g.getComponent("button"), y = g.getComponent("select"), c = z([]), h = w({
+      title: "静态"
+    }), i = k, x = C;
+    W.on("updateSource", (t) => {
+      c.value = g.sourceData.map((e) => ({
+        ...e,
+        label: e.apiName,
+        value: e.id
+      })), b(a.value);
+    }), K(() => {
+      c.value = g.sourceData.map((t) => ({
+        ...t,
+        label: t.apiName,
+        value: t.id
+      }));
+    });
+    const r = I(i, "modelValue", x), a = I(i, "dynamicId", x);
+    function s(t) {
+      return t && Object.prototype.toString.call(t) === "[object Array]" ? t : (Y.info("请检查数据位置是否配置准确"), []);
+    }
+    L(
+      () => a.value,
+      async () => {
+        a.value ? h.title = "动态" : h.title = "静态";
+      },
+      {
+        immediate: !0
+      }
+    );
+    const f = [
+      {
+        title: "静态"
+      },
+      {
+        title: "动态"
+      }
+    ];
+    async function l(t) {
+      h.title = t.title, t.title === "静态" && (a.value = "");
+    }
+    async function b(t) {
+      const e = c.value.find((m) => m.id === t);
+      if (e && e.url) {
+        let m = await X({
+          method: (e == null ? void 0 : e.method) || "get",
+          url: e.url,
+          // url: "http://localhost:3333/users",
+          params: e != null && e.params ? JSON.parse(e == null ? void 0 : e.params) : {},
+          data: e != null && e.data ? JSON.parse(e == null ? void 0 : e.data) : {},
+          headers: e != null && e.header ? JSON.parse(e == null ? void 0 : e.header) : {}
+        });
+        if (e && (e != null && e.dataPath)) {
+          const S = e.dataPath.split(".").reduce((V, M) => V[M], m.data);
+          r.value = s(S).map((V) => ({
+            label: V[e.dataKey],
+            value: V[e.dataValue]
+          }));
+        } else
+          r.value = s(m.data).map((u) => ({
+            label: u[e.dataKey],
+            value: u[e.dataValue]
+          }));
+      }
+    }
+    i.modelValue, P("tree", i.tree);
+    function o() {
+      const t = w({
+        label: "",
+        value: ""
+      });
+      r.value.length ? r.value = [...r.value, t] : r.value = [t];
+    }
+    return (t, e) => {
+      var m;
+      return v(), _("div", le, [
+        p("div", null, [
+          p("div", ae, [
+            (v(), _(R, null, T(f, (u, S) => p("div", {
+              class: D(["epic-tab cursor-pointer truncate", { checked: h.title === u.title }]),
+              key: S,
+              title: u.title,
+              onClick: (V) => l(u)
+            }, F(u.title), 11, ne)), 64))
+          ]),
+          h.title === "静态" ? (v(), _("div", oe, [
+            q(p("div", re, "暂无选项", 512), [
+              [G, !((m = n(r)) != null && m.length)]
+            ]),
+            d(te, {
+              modelValue: n(r),
+              "onUpdate:modelValue": e[0] || (e[0] = (u) => O(r) ? r.value = u : null)
+            }, null, 8, ["modelValue"]),
+            d(n(U), { onClick: o }, {
+              default: A(() => e[2] || (e[2] = [
+                H("添加选项")
+              ])),
+              _: 1
+            })
+          ])) : (v(), _("div", ue, [
+            e[3] || (e[3] = p("span", { style: { "font-size": "12px", "margin-bottom": "8px", display: "inline-block" } }, "数据源", -1)),
+            d(n(y), {
+              modelValue: n(a),
+              "onUpdate:modelValue": e[1] || (e[1] = (u) => O(a) ? a.value = u : null),
+              placeholder: "请选择数据源",
+              clearable: "",
+              options: c.value,
+              onChange: b
+            }, null, 8, ["modelValue", "options"])
+          ]))
+        ])
+      ]);
+    };
+  }
+}), fe = /* @__PURE__ */ Z(ie, [["__scopeId", "data-v-786f8c8a"]]);
+export {
+  fe as default
+};

package/dist/{index-DBj3eppg.js → index-CgW7uOAC.js}

@@ -1,6 +1,6 @@
 import { defineComponent as B, computed as P, inject as O, openBlock as r, createElementBlock as u, Fragment as c, renderList as k, createElementVNode as d, toDisplayString as U, createVNode as g, unref as y, createCommentVNode as $, ref as C, watchEffect as T, createBlock as I, withCtx as M, createTextVNode as N } from "vue";
-import { p as R } from "./pluginManager-D8PM7ICc.js";
-import { _ as j, n as F, m as q } from "./index-MwVOPR2b.js";
+import { p as R } from "./axios-ITY6Uw7A.js";
+import { _ as j, n as F, m as q } from "./index-CzIPdR2H.js";
 import { _ as A } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
 const D = [
   { label: "string", value: "string" },