hldesigner 0.0.1

package/index-7b38fd82.js

@@ -0,0 +1,330 @@
+import { defineComponent as me, ref as x, computed as L, onMounted as ve, resolveComponent as B, openBlock as m, createElementBlock as z, Fragment as ge, createVNode as F, withCtx as f, createElementVNode as O, createBlock as h, resolveDynamicComponent as G, unref as s, isRef as ke, createTextVNode as R, toDisplayString as S, createCommentVNode as V, renderSlot as be } from "vue";
+import { A as M, a as I, E as he, k as Ke } from "./enum-type-287a50b6.js";
+import { aA as d, ap as we } from "./enum-type-255ade69.js";
+import { b as Fe } from "./optionItem-0ac4a3ae.js";
+import { b as Ve } from "./setView-de8aaf40.js";
+import { u as De } from "./icon-2bb9fa65.js";
+import { S as N } from "./index-ffbcbc43.js";
+import { u as Ce } from "./share-event-dd8ff2ba.js";
+import { k as j, g as Te } from "./uuid-39f0308a.js";
+import { a as Q } from "./index-7fa591e3.js";
+import { P as X, $ as xe } from "./baseImp-8c4be88e.js";
+import "./template-c30585f4.js";
+import "./_commonjsHelpers-e7ea1525.js";
+import "./_plugin-vue_export-helper-dad06003.js";
+import "./emitter-2b9b9409.js";
+import "./dialog-5e196819.js";
+import "element-plus";
+const Oe = { class: "flexJustify" }, Se = { class: "labelWrapper" }, Ee = { key: 1 }, $e = { class: "buttonWrapper" }, Le = { class: "marginTop10" }, Xe = /* @__PURE__ */ me({
+  __name: "index",
+  props: {
+    modelValue: null,
+    keys: null,
+    widgetType: null,
+    multiple: { type: Boolean },
+    dataPath: null,
+    uuidKey: { default: "id" },
+    childrenKey: { default: "children" },
+    disabledKey: null,
+    labelKey: { default: "label" },
+    valueKey: { default: "value" },
+    maxLevel: { default: 10 },
+    minLevel: { default: 1 },
+    onlyLeafSelect: { type: Boolean },
+    editorType: null,
+    path: null,
+    showEditor: { type: Boolean, default: !0 },
+    newOptionFn: null,
+    cloneOptionFn: null,
+    newValueFn: null,
+    setDefaultFn: null,
+    getDefaultFn: null,
+    findDefaultFn: null,
+    isDefaultFn: null,
+    filterOptionFn: null,
+    tools: null
+  },
+  emits: ["updateDefaultValue", "update:modelValue", "importData"],
+  setup(r, { emit: A }) {
+    var _;
+    const e = r, k = x([
+      d.rank,
+      d.add,
+      d.edit,
+      d.clone,
+      d.delete,
+      d.import,
+      d.reset
+    ]);
+    e.tools && ((_ = e.tools) == null ? void 0 : _.length) > 0 && (k.value = e.tools);
+    const Y = () => {
+      A("importData");
+    }, { getInstance: Z } = De(), { popOverHandler: ee, drawerHandler: le } = Ce({ instance: Z() }), { setTreeView: P } = Ve(), D = x({}), v = L({
+      get: () => e.modelValue,
+      set: (l) => {
+        $(), A("update:modelValue", l);
+      }
+    });
+    let g = {}, W = !1;
+    var K = e.uuidKey;
+    const p = e.childrenKey, te = (l, n) => e.filterOptionFn ? e.filterOptionFn(n) : !0, q = () => {
+      if (e.newValueFn)
+        return e.newValueFn(v.value);
+      {
+        const l = Te();
+        return String(l + 1);
+      }
+    }, J = (l) => {
+      g = l, W = !0;
+      let n = q();
+      var u = e.newOptionFn ? e.newOptionFn(e.keys, n, e.widgetType) : Fe(e.keys, n, e.widgetType);
+      u = { ...u }, D.value = u, E();
+    }, ne = (l, n) => {
+      n && (W = !1, D.value = n, E());
+    }, ue = (l, n) => {
+      var y;
+      const u = (a) => {
+        var t, o;
+        var i = {};
+        if (e.cloneOptionFn)
+          i = e.cloneOptionFn(a, e.widgetType);
+        else if (i = Ke(a), i == null || delete i[p], i[e.valueKey] = q(), ((t = a == null ? void 0 : a[p]) == null ? void 0 : t.length) > 0) {
+          const T = (o = Array.from(a == null ? void 0 : a[p])) == null ? void 0 : o.map((b) => u(b));
+          i[e.childrenKey] = T;
+        }
+        return i;
+      };
+      var c = u(n);
+      l.parent.data && ((y = l.parent.data) != null && y[p] ? l.parent.data[p].push(c) : l.parent.data.push(c)), $();
+    }, ie = (l, n) => {
+      xe.delete(() => {
+        var i, t, o, T;
+        let u = (i = l.parent) == null ? void 0 : i.childNodes;
+        const c = u == null ? void 0 : u.find((b) => (b == null ? void 0 : b[K]) === (l == null ? void 0 : l[K])), y = ((o = (t = c == null ? void 0 : c.parent) == null ? void 0 : t.data) == null ? void 0 : o[p]) || ((T = c == null ? void 0 : c.parent) == null ? void 0 : T.data);
+        var a = y == null ? void 0 : y.findIndex((b) => b === n);
+        a >= 0 && (y.splice(a, 1), v.value = [...v.value], $(), P(C));
+      });
+    }, re = () => {
+      E(!1);
+    }, se = () => {
+      W && (g && !(g != null && g[p]) && Object.assign(g, { [p]: [] }), g != null && g[p] ? g[p].push(D.value) : v.value.push(D.value)), v.value = [...v.value], P(C), E(!1);
+    }, oe = (l, n, u) => {
+      var i, t;
+      if (u === "inner")
+        return;
+      const c = (i = l.data) == null ? void 0 : i[K], y = (t = n.data) == null ? void 0 : t[K];
+      let a = [];
+      return M(
+        v.value,
+        e.childrenKey,
+        (o) => (o == null ? void 0 : o[K]) === c,
+        (o, T, b) => {
+          a = b;
+        }
+      ), !!a.some((o) => (o == null ? void 0 : o[K]) === y);
+    }, ae = () => {
+      e.multiple ? w.value = [] : w.value = "";
+    }, de = L(() => {
+      var l = [];
+      M(v.value, e.childrenKey, (u) => e.isDefaultFn ? e.isDefaultFn(u) : u.isdefault, (u) => {
+        l.push(u);
+      });
+      var n = l == null ? void 0 : l.map((u) => e.getDefaultFn ? e.getDefaultFn(u, e.valueKey) : u[e.valueKey]);
+      return j(n, !!e.multiple);
+    }), U = x(), w = L({
+      get: () => U.value || de.value,
+      set: (l) => {
+        U.value = l, fe(l);
+      }
+    }), ce = (l) => {
+      M(v.value, e.childrenKey, (n) => {
+        var u;
+        return e.findDefaultFn ? e.findDefaultFn(n, l) : (u = j(l, !0)) == null ? void 0 : u.includes(n[e.valueKey]);
+      }, (n) => {
+        e.setDefaultFn ? e.setDefaultFn(n, !0) : n.isdefault = !0;
+      }, (n) => {
+        e.setDefaultFn ? e.setDefaultFn(n, !1) : n.isdefault = !1;
+      });
+    }, fe = (l) => {
+      ce(l), A("updateDefaultValue", l);
+    }, H = x(), pe = () => {
+      var l;
+      w.value && e.multiple && ((l = H.value) == null || l.setCheckedKeys(j(w.value, !0)));
+    }, ye = L(() => e.multiple !== void 0), C = x(), E = (l = !0) => {
+      if (!e.showEditor)
+        return;
+      (e.editorType === we.drawer ? le : ee)({
+        attrs: {
+          triggerRef: C,
+          visible: l,
+          data: he(D.value, e.dataPath),
+          widgetType: e.widgetType,
+          keys: e.keys,
+          path: e.path,
+          title: I.i18nt("designer.hint.propEditTitle")
+        },
+        events: {
+          confirm: se,
+          cancel: re
+        }
+      });
+    }, $ = () => {
+      setTimeout(() => {
+        var l;
+        (l = H.value) == null || l.filter("");
+      }, 2e3);
+    };
+    return ve(() => {
+      $(), setTimeout(() => {
+        P(C);
+      }, 1e3 * 2), pe();
+    }), (l, n) => {
+      const u = B("el-button"), c = B("el-tree"), y = B("el-card"), a = B("el-button-group");
+      return m(), z(ge, null, [
+        F(y, {
+          style: { "overflow-x": "auto" },
+          class: "full-width flexWrap",
+          bodyStyle: { padding: "0px" }
+        }, {
+          default: f(() => [
+            O("div", {
+              ref_key: "customTreeRef",
+              ref: C
+            }, [
+              (m(), h(G(r.multiple === null ? "div" : r.multiple ? "el-checkbox-group" : "el-radio-group"), {
+                modelValue: s(w),
+                "onUpdate:modelValue": n[0] || (n[0] = (i) => ke(w) ? w.value = i : null),
+                class: "full-width"
+              }, {
+                default: f(() => [
+                  F(c, {
+                    ref_key: "treeRef",
+                    ref: H,
+                    class: "full-width",
+                    data: s(v),
+                    "allow-drop": oe,
+                    draggable: k.value.includes(s(d).rank),
+                    "node-key": r.valueKey,
+                    "default-expand-all": "",
+                    "expand-on-click-node": !1,
+                    "check-strictly": !0,
+                    "filter-node-method": te,
+                    props: { children: s(p), disabled: r.disabledKey }
+                  }, {
+                    default: f(({ node: i, data: t }) => [
+                      O("div", Oe, [
+                        O("span", Se, [
+                          r.multiple !== null ? (m(), h(G(r.multiple ? "el-checkbox" : "el-radio"), {
+                            key: i == null ? void 0 : i[s(K)],
+                            value: t == null ? void 0 : t[r.valueKey],
+                            disabled: !!r.onlyLeafSelect && !i.isLeaf || r.disabledKey && (t == null ? void 0 : t[r.disabledKey])
+                          }, {
+                            default: f(() => [
+                              R(S(s(X).getValue(s(Q)(r.labelKey, t))), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["value", "disabled"])) : (m(), z("span", Ee, S(s(X).getValue(s(Q)(r.labelKey, t))), 1))
+                        ]),
+                        O("span", $e, [
+                          (i == null ? void 0 : i.level) < r.maxLevel && k.value.includes(s(d).add) ? (m(), h(u, {
+                            key: 0,
+                            link: "",
+                            onClick: (o) => J(t),
+                            disabled: r.disabledKey && (t == null ? void 0 : t[r.disabledKey])
+                          }, {
+                            default: f(() => [
+                              F(N, { name: "@el-plus" })
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick", "disabled"])) : V("", !0),
+                          k.value.includes(s(d).edit) ? (m(), h(u, {
+                            key: 1,
+                            link: "",
+                            onClick: (o) => ne(i, t),
+                            disabled: r.disabledKey && (t == null ? void 0 : t[r.disabledKey])
+                          }, {
+                            default: f(() => [
+                              F(N, { name: "@el-edit" })
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick", "disabled"])) : V("", !0),
+                          k.value.includes(s(d).clone) ? (m(), h(u, {
+                            key: 2,
+                            link: "",
+                            onClick: (o) => ue(i, t),
+                            disabled: r.disabledKey && (t == null ? void 0 : t[r.disabledKey])
+                          }, {
+                            default: f(() => [
+                              F(N, { name: "@el-clone" })
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick", "disabled"])) : V("", !0),
+                          k.value.includes(s(d).delete) ? (m(), h(u, {
+                            key: 3,
+                            link: "",
+                            onClick: (o) => ie(i, t),
+                            disabled: r.disabledKey && (t == null ? void 0 : t[r.disabledKey])
+                          }, {
+                            default: f(() => [
+                              F(N, { name: "@el-delete" })
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick", "disabled"])) : V("", !0)
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["data", "draggable", "node-key", "props"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"]))
+            ], 512)
+          ]),
+          _: 1
+        }),
+        be(l.$slots, "tools", {}, () => [
+          O("div", Le, [
+            F(a, { class: "full-width" }, {
+              default: f(() => [
+                k.value.includes(s(d).add) ? (m(), h(u, {
+                  key: 0,
+                  type: "primary",
+                  onClick: n[1] || (n[1] = (i) => J(null))
+                }, {
+                  default: f(() => [
+                    R(S(s(I).i18nt("designer.setting.addOption")), 1)
+                  ]),
+                  _: 1
+                })) : V("", !0),
+                k.value.includes(s(d).import) ? (m(), h(u, {
+                  key: 1,
+                  type: "primary",
+                  onClick: n[2] || (n[2] = (i) => Y())
+                }, {
+                  default: f(() => [
+                    R(S(s(I).i18nt("designer.setting.importOptions")), 1)
+                  ]),
+                  _: 1
+                })) : V("", !0),
+                s(ye) && k.value.includes(s(d).reset) ? (m(), h(u, {
+                  key: 2,
+                  type: "primary",
+                  onClick: ae
+                }, {
+                  default: f(() => [
+                    R(S(s(I).i18nt("designer.setting.resetDefault")), 1)
+                  ]),
+                  _: 1
+                })) : V("", !0)
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Xe as default
+};