epic-designer-gold 0.0.26 → 0.0.27

package/dist/tree.vue_vue_type_script_setup_true_lang-uR4G8wa_.js

@@ -0,0 +1,242 @@
+import { defineComponent as w, inject as p, computed as B, h as T, openBlock as u, createElementBlock as K, normalizeClass as N, unref as i, createElementVNode as S, createVNode as k, createCommentVNode as I, createBlock as V, mergeProps as j, withCtx as D, Fragment as z, renderList as H, useSlots as M, provide as b, ref as P, withDirectives as q, vShow as F } from "vue";
+import { _ as $ } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
+import { p as E } from "./axios-ITY6Uw7A.js";
+import { d as G } from "./vuedraggable.umd-D2S7Eo7p.js";
+const U = /* @__PURE__ */ w({
+  name: "ETreeNodeItem",
+  __name: "treeNodeItem",
+  props: {
+    schema: {}
+  },
+  setup(_) {
+    const s = _, m = p("slots", {}), g = p("pageSchema", {}), l = p("expandedKeys"), x = p("treeProps"), f = p("selectedKeys"), d = p("handleSelect"), v = B(() => l.value.includes(s.schema.id ?? "")), y = w({
+      setup() {
+        return () => {
+          var t;
+          return T(
+            "span",
+            {
+              class: {
+                text: !0,
+                hover: x.hoverKey === s.schema.id,
+                checked: f.value.includes(s.schema.id)
+              },
+              onClick: () => d(s.schema.id, s.schema)
+            },
+            ((t = m["tree-node"]) == null ? void 0 : t.call(m, s)) ?? T(
+              "span",
+              { class: "epic-text-padding flex" },
+              {
+                default: () => {
+                  var e;
+                  return [
+                    T(
+                      "span",
+                      { class: "max-w-full truncate" },
+                      s.schema.label ?? ((e = E.getComponentConfingByType(s.schema.type)) == null ? void 0 : e.defaultSchema.label)
+                    ),
+                    T(
+                      "span",
+                      { class: "epic-node-type-text flex-1 w-0 truncate" },
+                      s.schema.id
+                    )
+                  ];
+                }
+              }
+            )
+          );
+        };
+      }
+    });
+    function c() {
+      const t = s.schema.id;
+      if (!t)
+        return !1;
+      l.value.includes(t) ? l.value = l.value.filter((e) => e !== t) : l.value.push(t);
+    }
+    function o() {
+      var e;
+      const t = s.schema.id;
+      if (!t || !((e = s.schema.children) != null && e.length))
+        return !1;
+      l.value.push(t);
+    }
+    return o(), (t, e) => {
+      var n, r, h, a, C;
+      return u(), K("li", {
+        class: N(["epic-tree-node", {
+          expanded: (n = s.schema.children) == null ? void 0 : n.length,
+          "level-1": s.schema.id === ((r = i(g).schemas[0]) == null ? void 0 : r.id)
+        }])
+      }, [
+        S("a", null, [
+          (h = s.schema.children) != null && h.length && s.schema.id !== ((a = i(g).schemas[0]) == null ? void 0 : a.id) ? (u(), K("span", {
+            key: 0,
+            class: N(["icon-expanded", { expanded: v.value }]),
+            onClick: c
+          }, [
+            k(i($), { name: "icon--epic--caret-right-outlined" })
+          ], 2)) : I("", !0),
+          k(i(y))
+        ]),
+        (C = s.schema.children) != null && C.length ? (u(), V(A, {
+          key: 0,
+          class: N(["epic-tree-sublist", { expanded: v.value }]),
+          schemas: s.schema.children,
+          "onUpdate:schemas": e[0] || (e[0] = (L) => s.schema.children = L),
+          parentSchema: s.schema
+        }, null, 8, ["class", "schemas", "parentSchema"])) : I("", !0)
+      ], 2);
+    };
+  }
+}), J = { key: 1 }, A = /* @__PURE__ */ w({
+  name: "ETreeNodes",
+  __name: "treeNodes",
+  props: {
+    schemas: {},
+    parentSchema: {}
+  },
+  emits: ["update:schemas"],
+  setup(_, { emit: s }) {
+    const m = p("designer"), g = p("pageSchema"), l = p("treeProps"), x = _, f = s, d = B({
+      get() {
+        return x.schemas;
+      },
+      set(c) {
+        f("update:schemas", c);
+      }
+    });
+    function v(c) {
+      m.setDisableHover(!0), m.setCheckedNode(d.value[c]);
+    }
+    function y(c) {
+      var o, t, e;
+      return c.id === ((o = g.schemas[0]) == null ? void 0 : o.id) || (e = (t = E.getComponentConfingByType(c.type)) == null ? void 0 : t.editConstraints) != null && e.immovable ? "unmover-item" : "draggable-item";
+    }
+    return (c, o) => {
+      var t, e, n, r, h;
+      return (n = (e = i(E).getComponentConfingByType(((t = x.parentSchema) == null ? void 0 : t.type) || "")) == null ? void 0 : e.editConstraints) != null && n.childImmovable ? (u(), K("ul", J, [
+        (u(!0), K(z, null, H(d.value, (a) => (u(), V(U, {
+          key: a.id,
+          schema: a
+        }, null, 8, ["schema"]))), 128))
+      ])) : (u(), V(i(G), j({
+        key: 0,
+        modelValue: d.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (a) => d.value = a),
+        "item-key": "id",
+        "component-data": {},
+        class: "epic-draggable-range"
+      }, {
+        animation: 200,
+        tag: "ul",
+        group: "tree-draggable",
+        ghostClass: "moveing",
+        draggable: ".draggable-item",
+        disabled: !i(l).draggable || ((r = d.value[0]) == null ? void 0 : r.id) === ((h = i(g).schemas[0]) == null ? void 0 : h.id)
+      }, {
+        onStart: o[1] || (o[1] = (a) => v(a.oldIndex))
+      }), {
+        item: D(({ element: a, index: C }) => [
+          (u(), V(U, {
+            class: N(y(a)),
+            key: a.id,
+            schema: a
+          }, null, 8, ["class", "schema"]))
+        ]),
+        _: 1
+      }, 16, ["modelValue"]));
+    };
+  }
+}), O = { class: "epic-tree h-full flex flex-col" }, Q = { class: "epic-search-box px-10px py-6px" }, R = { class: "epic-tree-main flex-1 overflow-auto h-0" }, W = { class: "text-center pt-42px text-gray-400" }, te = /* @__PURE__ */ w({
+  name: "ETree",
+  __name: "tree",
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    hoverKey: {
+      type: String,
+      default: ""
+    },
+    selectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    draggable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:selectedKeys", "nodeClick"],
+  setup(_, { emit: s }) {
+    const m = M();
+    b("slots", m);
+    const g = E.getComponent("input"), l = P(""), x = P([]), f = _, d = s, v = B({
+      get() {
+        return f.selectedKeys;
+      },
+      set(t) {
+        d("update:selectedKeys", t);
+      }
+    }), y = B({
+      get() {
+        return c(f.options, l.value);
+      },
+      set(t) {
+        console.log(t);
+      }
+    });
+    function c(t, e) {
+      const n = [];
+      return t.forEach((r) => {
+        var h;
+        if ((h = r.label) != null && h.includes(e))
+          n.push(r);
+        else if (r.children) {
+          const a = c(r.children, e);
+          if (a.length > 0) {
+            const C = { ...r };
+            C.children = a, n.push(C);
+          }
+        }
+      }), n;
+    }
+    function o(t, e) {
+      v.value = [t], d("nodeClick", { id: t, componentSchema: e });
+    }
+    return b("expandedKeys", x), b("selectedKeys", v), b("treeProps", f), b("handleSelect", o), (t, e) => (u(), K("div", O, [
+      S("div", Q, [
+        k(i(g), {
+          placeholder: "搜索节点",
+          clearable: "",
+          allowClear: "",
+          modelValue: l.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => l.value = n),
+          value: l.value,
+          "onUpdate:value": e[1] || (e[1] = (n) => l.value = n)
+        }, {
+          prefix: D(() => [
+            k(i($), { name: "icon--epic--search-rounded" })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "value"])
+      ]),
+      S("div", R, [
+        S("ul", null, [
+          k(A, {
+            schemas: y.value,
+            "onUpdate:schemas": e[2] || (e[2] = (n) => y.value = n)
+          }, null, 8, ["schemas"])
+        ]),
+        q(S("div", W, "没有查询到的数据", 512), [
+          [F, !y.value.length]
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  te as _
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "epic-designer-gold",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.27",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",