epic-designer-gold 1.0.1 → 1.0.2

package/dist/index-B_TFfRwe.js

@@ -0,0 +1,194 @@
+import { defineComponent as $, inject as w, resolveComponent as M, openBlock as m, createBlock as E, unref as n, isRef as k, withCtx as B, createElementVNode as c, normalizeClass as D, createVNode as s, createCommentVNode as I, createElementBlock as _, ref as z, reactive as N, onMounted as A, watch as L, provide as R, Fragment as T, renderList as j, toDisplayString as F, withDirectives as q, vShow as G, createTextVNode as H } from "vue";
+import { d as J } from "./vuedraggable.umd-D2S7Eo7p.js";
+import { p as v, E as S } from "./js.cookie-oHpRFPCO.js";
+import { _ as y } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
+import { n as C } from "./index-B_9x_cPH.js";
+import "element-plus";
+import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const P = {
+  key: 0,
+  class: "pl-4"
+}, Q = /* @__PURE__ */ $({
+  name: "EOptionItem",
+  __name: "optionItem",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(x, { emit: g }) {
+    const b = x, f = v.getComponent("input"), r = w("tree", !1), i = C(b, "modelValue", g);
+    function h(t) {
+      const u = {
+        label: "",
+        value: ""
+      };
+      t.children ? t.children.push(u) : t.children = [u];
+    }
+    function o(t) {
+      i.value = i.value.filter((u, V) => V !== t);
+    }
+    return (t, u) => {
+      const V = M("EOptionItem");
+      return m(), E(n(J), {
+        modelValue: n(i),
+        "onUpdate:modelValue": u[0] || (u[0] = (l) => k(i) ? i.value = l : null),
+        "item-key": "id",
+        "component-data": {
+          type: "transition-group"
+        },
+        group: "option-list",
+        handle: ".handle",
+        animation: 200
+      }, {
+        item: B(({ element: l, index: a }) => [
+          c("div", null, [
+            c("div", {
+              class: D([n(r) ? "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"])
+            }, [
+              s(n(y), {
+                class: "mr-2 cursor-move handle",
+                name: "icon--epic--drag"
+              }),
+              s(n(f), {
+                modelValue: l.label,
+                "onUpdate:modelValue": (e) => l.label = e,
+                value: l.label,
+                "onUpdate:value": (e) => l.label = e,
+                placeholder: "label"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
+              s(n(f), {
+                modelValue: l.value,
+                "onUpdate:modelValue": (e) => l.value = e,
+                value: l.value,
+                "onUpdate:value": (e) => l.value = e,
+                placeholder: "value"
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
+              n(r) ? (m(), E(n(y), {
+                key: 0,
+                class: "cursor-pointer text-lg!",
+                name: "icon--epic--add-rounded",
+                onClick: (e) => h(l)
+              }, null, 8, ["onClick"])) : I("", !0),
+              s(n(y), {
+                class: "hover:text-red cursor-pointer",
+                name: "icon--epic--delete-outline-rounded",
+                onClick: (e) => o(a)
+              }, null, 8, ["onClick"])
+            ], 2),
+            l.children ? (m(), _("div", P, [
+              s(V, {
+                modelValue: l.children,
+                "onUpdate:modelValue": (e) => l.children = e
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ])) : I("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), W = { class: "" }, X = { class: "epic-tabs-box" }, Y = ["title", "onClick"], Z = { key: 0 }, ee = { class: "py-4 my-2 text-center text-gray-400 bg-white" }, le = { key: 1 }, te = /* @__PURE__ */ $({
+  __name: "index",
+  props: {
+    tree: { type: Boolean },
+    modelValue: {},
+    dynamicId: {},
+    type: {}
+  },
+  emits: ["update:modelValue", "update:EOptionsEditor"],
+  setup(x, { emit: g }) {
+    const b = v.getComponent("button"), f = v.getComponent("select"), r = z([]), p = N({
+      title: "静态"
+    }), i = x, h = g;
+    S.on("deleteSourceData", (a) => {
+      t.value === a && (t.value = "", o.value = []);
+    }), S.on("updateSource", (a) => {
+      r.value = v.sourceData.map((e) => ({
+        ...e,
+        label: e.apiName,
+        value: e.id
+      }));
+    }), A(() => {
+      r.value = v.sourceData.map((a) => ({
+        ...a,
+        label: a.apiName,
+        value: a.id
+      }));
+    });
+    const o = C(i, "modelValue", h), t = C(i, "dynamicId", h);
+    L(
+      () => t.value,
+      async () => {
+        t.value ? p.title = "动态" : p.title = "静态";
+      },
+      {
+        immediate: !0
+      }
+    );
+    const u = [
+      {
+        title: "静态"
+      },
+      {
+        title: "动态"
+      }
+    ];
+    async function V(a) {
+      p.title = a.title, a.title === "静态" ? (o.value = [], t.value = "") : (o.value = [], r.value = v.sourceData.map((e) => ({
+        ...e,
+        label: e.apiName,
+        value: e.id
+      })));
+    }
+    i.modelValue, R("tree", i.tree);
+    function l() {
+      const a = N({
+        label: "",
+        value: ""
+      });
+      o.value.length ? o.value = [...o.value, a] : o.value = [a];
+    }
+    return (a, e) => {
+      var U;
+      return m(), _("div", W, [
+        c("div", null, [
+          c("div", X, [
+            (m(), _(T, null, j(u, (d, O) => c("div", {
+              class: D(["epic-tab cursor-pointer truncate", { checked: p.title === d.title }]),
+              key: O,
+              title: d.title,
+              onClick: (ae) => V(d)
+            }, F(d.title), 11, Y)), 64))
+          ]),
+          p.title === "静态" ? (m(), _("div", Z, [
+            q(c("div", ee, "暂无选项", 512), [
+              [G, !((U = n(o)) != null && U.length)]
+            ]),
+            s(Q, {
+              modelValue: n(o),
+              "onUpdate:modelValue": e[0] || (e[0] = (d) => k(o) ? o.value = d : null)
+            }, null, 8, ["modelValue"]),
+            s(n(b), { onClick: l }, {
+              default: B(() => e[2] || (e[2] = [
+                H("添加选项")
+              ])),
+              _: 1
+            })
+          ])) : (m(), _("div", le, [
+            e[3] || (e[3] = c("span", { style: { "font-size": "12px", "margin-bottom": "8px", display: "inline-block" } }, "数据源", -1)),
+            s(n(f), {
+              modelValue: n(t),
+              "onUpdate:modelValue": e[1] || (e[1] = (d) => k(t) ? t.value = d : null),
+              placeholder: "请选择数据源",
+              clearable: "",
+              options: r.value
+            }, null, 8, ["modelValue", "options"])
+          ]))
+        ])
+      ]);
+    };
+  }
+}), ce = /* @__PURE__ */ K(te, [["__scopeId", "data-v-21fb2159"]]);
+export {
+  ce as default
+};