epic-designer-gold 0.0.22 → 0.0.24

package/dist/tree.vue_vue_type_script_setup_true_lang-uR4G8wa_.js

@@ -1,242 +0,0 @@
-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 _
-};