hldesigner 0.0.1

package/index-28f32a55.js

@@ -0,0 +1,216 @@
+import { defineComponent as le, ref as s, watch as N, nextTick as B, shallowRef as re, onMounted as ae, resolveComponent as E, openBlock as K, createBlock as J, withCtx as x, createVNode as k, createElementVNode as d, toDisplayString as V, unref as p, mergeProps as M, resolveDynamicComponent as se, defineAsyncComponent as C } from "vue";
+import { a as l } from "./enum-type-287a50b6.js";
+import { I as ce } from "./property-base-e63e2f28.js";
+import { u as de } from "./share-editor-27d43940.js";
+import { ElTree as j } from "element-plus";
+import { Search as ue } from "./index-ddd23411.js";
+import { c as q } from "./uuid-39f0308a.js";
+import { a as pe } from "./baseImp-8c4be88e.js";
+import { E as o, P as z } from "./enum-type-255ade69.js";
+import { u as ge } from "./index-f146282d.js";
+import { _ as fe } from "./_plugin-vue_export-helper-dad06003.js";
+import "./template-c30585f4.js";
+import "./_commonjsHelpers-e7ea1525.js";
+import "./icon-2bb9fa65.js";
+import "./dialog-5e196819.js";
+import "./optionItem-0ac4a3ae.js";
+import "./index-7fa591e3.js";
+const me = { class: "varTitle" }, ve = { class: "varCell cellRow" }, he = { class: "splitCell" }, _e = { class: "splitCell" }, Ce = { class: "card-search" }, ye = { class: "full-width" }, ke = { class: "varTitle" }, be = {
+  class: "varCell1 cellColumn1",
+  style: { height: "calc(100% - 1.5em * 4)", flex: "1", overflow: "auto" }
+}, Se = {
+  class: "splitCell1",
+  style: { height: "97%" }
+}, we = /* @__PURE__ */ le({
+  __name: "index",
+  props: {
+    ...ce
+  },
+  setup(G, { expose: Q }) {
+    const v = G, c = s(), { propClearVariable: X, propModel: h } = de(v), { getNodeTree: Y } = ge(v.designer), { loadSchemaData: D } = pe({ pageConfig: v.pageConfig }), P = {
+      id: "id",
+      label: "label",
+      children: "children"
+    }, R = s();
+    R.value = {
+      filterNodeMethod: (e, t) => {
+        var i;
+        return e ? (i = t.label) == null ? void 0 : i.toLocaleLowerCase().includes(e == null ? void 0 : e.toLocaleLowerCase()) : !0;
+      }
+    };
+    const r = q([{
+      id: "actionPage",
+      label: l.i18nt("designer.setting.actionJS"),
+      children: [
+        { id: "actionCode", label: l.i18nt("designer.setting.actionCode") }
+      ]
+    }, {
+      id: "actionInner",
+      label: l.i18nt("designer.setting.actionInner"),
+      children: [
+        { id: o.actionURL, label: l.i18nt("designer.setting.actionURL") },
+        { id: o.actionOpenDialog, label: l.i18nt("designer.setting.actionOpenDialog") },
+        { id: o.actionCloseDialog, label: l.i18nt("designer.setting.actionCloseDialog") },
+        { id: o.actionShowWidget, label: l.i18nt("designer.setting.actionShowWidget") },
+        { id: o.actionHideWidget, label: l.i18nt("designer.setting.actionHideWidget") },
+        { id: o.actionSendSchema, label: l.i18nt("designer.setting.actionSendSchema") },
+        { id: o.actionSaveFormData, label: l.i18nt("designer.setting.actionSaveFormData") }
+      ]
+    }]), Z = q(r.map((e) => ({ label: e.label, id: e.id }))), W = (e) => {
+      var t = r.find((i) => i.id === e);
+      A.value = t == null ? void 0 : t.children;
+    }, I = (e, t) => {
+      W(e.id);
+    }, O = s(), b = s(), S = s(), $ = () => {
+      var i, n, f, u, m, a;
+      var e = (n = (i = h == null ? void 0 : h.value) == null ? void 0 : i.value) == null ? void 0 : n.type;
+      if (e) {
+        var t = r == null ? void 0 : r.find((y) => {
+          var H;
+          var L = (H = y.children) == null ? void 0 : H.filter((ne) => ne.id === e);
+          return (L == null ? void 0 : L.length) || 0 > 0;
+        });
+        b.value = t == null ? void 0 : t.id, S.value = e;
+      } else
+        b.value = (f = r == null ? void 0 : r[0]) == null ? void 0 : f.id, S.value = (a = (m = (u = r == null ? void 0 : r[0]) == null ? void 0 : u.children) == null ? void 0 : m[0]) == null ? void 0 : a.id;
+    };
+    N(b, (e) => {
+      B(function() {
+        O.value.setCurrentKey(e), W(e), B(function() {
+          var t;
+          (t = _.value) == null || t.setCurrentKey(S.value);
+        });
+      });
+    });
+    const A = s(), U = s(), ee = (e, t) => {
+      U.value = e == null ? void 0 : e.id, F(e == null ? void 0 : e.id, null);
+    }, te = (e, t) => {
+      var i, n;
+      U.value = e == null ? void 0 : e.id, F(e == null ? void 0 : e.id, (n = (i = h == null ? void 0 : h.value) == null ? void 0 : i.value) == null ? void 0 : n.content);
+    }, T = s(""), _ = s();
+    N(T, (e) => {
+      _.value.filter(e);
+    });
+    const w = s(), g = re(), F = (e, t) => {
+      var n, f, u, m;
+      const i = (f = (n = Y()) == null ? void 0 : n[0]) == null ? void 0 : f.children;
+      switch (e) {
+        case o.actionURL: {
+          c.value = { attrs: t || {} }, g.value = C(() => import("./target-link-3ffd0149.js"));
+          break;
+        }
+        case o.actionOpenDialog:
+        case o.actionCloseDialog: {
+          c.value = { attrs: t || {}, widgetList: i }, g.value = C(() => import("./target-window-7556d301.js"));
+          break;
+        }
+        case o.actionShowWidget:
+        case o.actionHideWidget: {
+          c.value = { attrs: t || {}, widgetList: i }, g.value = C(() => import("./target-widget-3d7f6104.js"));
+          break;
+        }
+        case o.actionSendSchema: {
+          const a = D();
+          c.value = { attrs: t || {}, widgetList: (u = v.otherConfig) == null ? void 0 : u.widgetList, sourceList: a == null ? void 0 : a.filter((y) => y.protocal === z.REMOTE) }, g.value = C(() => import("./target-datasource-35dfcb1d.js"));
+          break;
+        }
+        case o.actionCode: {
+          c.value = v, g.value = C(() => import("./target-code-48e9d055.js"));
+          break;
+        }
+        case o.actionSaveFormData: {
+          const a = D();
+          c.value = { attrs: t || {}, widgetList: i, fieldWidgetList: (m = v.otherConfig) == null ? void 0 : m.widgetList, sourceList: a == null ? void 0 : a.filter((y) => y.protocal === z.REMOTE) }, g.value = C(() => import("./target-saveForm-012b7de1.js"));
+          break;
+        }
+      }
+    }, ie = () => {
+      var t, i, n;
+      return c.value = (t = w == null ? void 0 : w.value) == null ? void 0 : t.save(), { type: (n = (i = _ == null ? void 0 : _.value) == null ? void 0 : i.getCurrentNode()) == null ? void 0 : n.id, content: c.value };
+    }, oe = () => {
+      X();
+    };
+    return ae(() => {
+      $();
+    }), Q({
+      save: ie,
+      clear: oe
+    }), (e, t) => {
+      const i = E("el-input"), n = E("el-col"), f = E("el-row");
+      return K(), J(f, { class: "full-height nomargin noOverflow" }, {
+        default: x(() => [
+          k(n, { span: 6 }, {
+            default: x(() => [
+              d("div", me, V(p(l).i18nt("designer.hint.responseAction")), 1),
+              d("div", ve, [
+                d("div", he, [
+                  k(p(j), {
+                    "node-key": "id",
+                    "highlight-current": "",
+                    "current-node-key": b.value,
+                    data: p(Z),
+                    props: P,
+                    ref_key: "varTypeRef",
+                    ref: O,
+                    onCurrentChange: I,
+                    onNodeClick: I
+                  }, null, 8, ["current-node-key", "data"])
+                ]),
+                d("div", _e, [
+                  d("div", Ce, [
+                    k(i, {
+                      modelValue: T.value,
+                      "onUpdate:modelValue": t[0] || (t[0] = (u) => T.value = u),
+                      placeholder: p(l).i18nt("designer.hint.filterInput"),
+                      "suffix-icon": p(ue)
+                    }, null, 8, ["modelValue", "placeholder", "suffix-icon"])
+                  ]),
+                  k(p(j), M({
+                    "node-key": "id",
+                    ref_key: "varSourceRef",
+                    ref: _,
+                    "highlight-current": "",
+                    data: A.value,
+                    "current-node-key": S.value,
+                    props: P,
+                    onNodeClick: ee,
+                    onCurrentChange: te
+                  }, R.value), {
+                    default: x(({ node: u, data: m }) => [
+                      d("div", ye, V(m.label), 1)
+                    ]),
+                    _: 1
+                  }, 16, ["data", "current-node-key"])
+                ])
+              ])
+            ]),
+            _: 1
+          }),
+          k(n, {
+            span: 18,
+            class: "full-height",
+            style: { "padding-left": "10px", display: "flex", "flex-direction": "column" }
+          }, {
+            default: x(() => [
+              d("div", ke, V(p(l).i18nt("designer.hint.actionParamSetting")), 1),
+              d("div", be, [
+                d("div", Se, [
+                  (K(), J(se(p(g)), M(c.value, {
+                    ref_key: "editorRef",
+                    ref: w
+                  }), null, 16))
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const Ke = /* @__PURE__ */ fe(we, [["__scopeId", "data-v-6079e32d"]]);
+export {
+  Ke as default
+};