fec-dev-designer 1.0.4 → 1.1.0

package/es/src/api/index.js

@@ -1,12 +1,12 @@
-import { post as r, get as s, postForm as t } from "../axios/index.js";
-const i = {
+import { post as r, get as t, postForm as a } from "../axios/index.js";
+const p = {
   login4dev: () => r(`${$servers.base}/login4dev`),
-  getById: (e) => s(`${$servers.base}/design/getById/${e}`),
+  getById: (e, s = !0) => t(`${$servers.base}/design/getById/${e}`, s),
   updateById: (e) => r(`${$servers.base}/template/sysTemplate/update4DesignerV5`, e),
   findAllDic: () => r(`${$servers.base}/parm/sysParmDic/findAllDic`),
-  getDicDataByKey: (e) => t(`${$servers.base}/parm/sysParmDic/getDicListByKeyFromCache`, { keyName: e }),
+  getDicDataByKey: (e) => a(`${$servers.base}/parm/sysParmDic/getDicListByKeyFromCache`, { keyName: e }),
   findTemplateByPagePop: (e) => r(`${$servers.base}/template/sysTemplate/findByPagePopV5`, e)
 };
 export {
-  i as default
+  p as default
 };

package/es/src/components/EventConfigButton.vue.js

@@ -36,7 +36,7 @@ const O = { class: "condition-config-wrapper" }, T = {
     onConfirm: Function
   },
   setup(e) {
-    const n = e, o = r(() => n.config), { eventDialogVisible: l, openEventDialog: p, EventDialog: g } = j(), c = r(() => o.value && o.value.length > 0), v = r(() => c.value ? `已设置(${o.value.length})个条件事件` : "点击配置事件");
+    const n = e, o = r(() => n.config), { eventDialogVisible: l, openEventDialog: p, EventDialog: g } = j(), c = r(() => o.value && o.value.length > 0), v = r(() => c.value ? `已设置(${o.value.length})个事件` : "点击配置事件");
     function C(s) {
       n.onConfirm && n.onConfirm(s, n.item);
     }
@@ -73,7 +73,7 @@ const O = { class: "condition-config-wrapper" }, T = {
       ], 64);
     };
   }
-}, M = /* @__PURE__ */ z(R, [["__scopeId", "data-v-de67b497"]]);
+}, M = /* @__PURE__ */ z(R, [["__scopeId", "data-v-db416ffc"]]);
 export {
   M as default
 };

package/es/src/components/FieldSetMapping.vue.js

@@ -0,0 +1,211 @@
+import "../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-option-group.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-tag.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-option.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-popper.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-select.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import { computed as g, watch as I, openBlock as o, createElementBlock as p, unref as d, createBlock as u, withCtx as r, createTextVNode as S, createElementVNode as n, toDisplayString as w, Fragment as f, renderList as m, createVNode as h, createCommentVNode as L } from "vue";
+import { Plus as x, Delete as U } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { getEditConfigDataFields as B, getEditConfigData as O } from "../packages/utils/common.js";
+import "./FieldSetMapping.vue2.js";
+import D from "../../_virtual/_plugin-vue_export-helper.js";
+import { ElButton as $ } from "../../node_modules/element-plus/es/components/button/index.js";
+import { ElOption as A, ElSelect as G, ElOptionGroup as P } from "../../node_modules/element-plus/es/components/select/index.js";
+import { ElInput as T } from "../../node_modules/element-plus/es/components/input/index.js";
+const j = { class: "field-mapping-container" }, q = {
+  key: 1,
+  class: "mapping-table"
+}, H = { class: "mapping-header" }, J = { class: "mapping-cell value-header" }, K = { class: "mapping-cell field-header" }, Q = { class: "mapping-body" }, R = { class: "mapping-cell value-cell" }, W = { class: "mapping-cell field-cell" }, X = { class: "mapping-cell action-cell" }, Y = { class: "mapping-footer" }, Z = {
+  __name: "FieldSetMapping",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    // 表单字段的描述文本
+    fieldLabel: {
+      type: String,
+      default: "表单字段"
+    },
+    // 映射字段的描述文本
+    valueLabel: {
+      type: String,
+      default: "映射字段"
+    },
+    // 映射字段支持的选择项列表（可选）
+    valueOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 映射字段是否为选择模式（true: 下拉选择，false: 手动输入）
+    valueSelectMode: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: C }) {
+    const v = i, c = g({
+      get: () => v.modelValue,
+      set: (t) => F("update:modelValue", t)
+    }), F = C, y = g(() => (B() || []).map((e) => ({
+      id: e == null ? void 0 : e.id,
+      fieldId: e == null ? void 0 : e.id,
+      label: e == null ? void 0 : e.label
+    }))), b = g(() => {
+      const t = O();
+      return ((t == null ? void 0 : t.hiddenFields) || []).map((l) => ({
+        id: l == null ? void 0 : l.id,
+        fieldId: l == null ? void 0 : l.id,
+        label: l == null ? void 0 : l.label
+      }));
+    });
+    I(() => v.valueOptions, (t) => {
+      if (!v.valueSelectMode)
+        return;
+      const e = new Set(t.map((l) => l.fieldName));
+      c.value.forEach((l) => {
+        l.value && !e.has(l.value) && (l.value = "");
+      });
+    }, { deep: !0 });
+    function V() {
+      c.value.push({
+        id: Date.now(),
+        field: "",
+        value: ""
+      });
+    }
+    function M(t) {
+      c.value.splice(t, 1);
+    }
+    return (t, e) => {
+      const l = $, _ = A, k = G, N = T, E = P;
+      return o(), p("div", j, [
+        d(c).length === 0 ? (o(), u(l, {
+          key: 0,
+          type: "primary",
+          size: "small",
+          icon: d(x),
+          link: "",
+          onClick: V
+        }, {
+          default: r(() => [...e[0] || (e[0] = [
+            S(" 新增字段映射 ", -1)
+          ])]),
+          _: 1
+        }, 8, ["icon"])) : (o(), p("div", q, [
+          n("div", H, [
+            n("div", J, w(i.valueLabel), 1),
+            n("div", K, w(i.fieldLabel), 1),
+            e[1] || (e[1] = n("div", {
+              class: "mapping-cell action-header",
+              style: { width: "50px" }
+            }, null, -1))
+          ]),
+          n("div", Q, [
+            (o(!0), p(f, null, m(d(c), (s, z) => (o(), p("div", {
+              key: s.id,
+              class: "mapping-row"
+            }, [
+              n("div", R, [
+                i.valueSelectMode ? (o(), u(k, {
+                  key: 0,
+                  modelValue: s.value,
+                  "onUpdate:modelValue": (a) => s.value = a,
+                  placeholder: `选择${i.valueLabel}`,
+                  size: "small",
+                  style: { width: "100%" },
+                  filterable: "",
+                  "allow-create": ""
+                }, {
+                  default: r(() => [
+                    (o(!0), p(f, null, m(i.valueOptions, (a) => (o(), u(_, {
+                      key: a.fieldName,
+                      label: a.label,
+                      value: a.fieldName
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (o(), u(N, {
+                  key: 1,
+                  modelValue: s.value,
+                  "onUpdate:modelValue": (a) => s.value = a,
+                  placeholder: `输入${i.valueLabel}`,
+                  size: "small"
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
+              ]),
+              n("div", W, [
+                h(k, {
+                  modelValue: s.field,
+                  "onUpdate:modelValue": (a) => s.field = a,
+                  placeholder: `选择${i.fieldLabel}`,
+                  size: "small",
+                  style: { width: "100%" }
+                }, {
+                  default: r(() => [
+                    d(y).length > 0 ? (o(), u(E, {
+                      key: 0,
+                      label: "表单字段"
+                    }, {
+                      default: r(() => [
+                        (o(!0), p(f, null, m(d(y), (a) => (o(), u(_, {
+                          key: a.fieldId,
+                          label: a.label,
+                          value: a.fieldId
+                        }, null, 8, ["label", "value"]))), 128))
+                      ]),
+                      _: 1
+                    })) : L("", !0),
+                    d(b).length > 0 ? (o(), u(E, {
+                      key: 1,
+                      label: "隐藏域"
+                    }, {
+                      default: r(() => [
+                        (o(!0), p(f, null, m(d(b), (a) => (o(), u(_, {
+                          key: a.id,
+                          label: a.label,
+                          value: a.id
+                        }, null, 8, ["label", "value"]))), 128))
+                      ]),
+                      _: 1
+                    })) : L("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+              ]),
+              n("div", X, [
+                h(l, {
+                  type: "danger",
+                  size: "small",
+                  icon: d(U),
+                  text: "",
+                  onClick: (a) => M(z)
+                }, null, 8, ["icon", "onClick"])
+              ])
+            ]))), 128))
+          ]),
+          n("div", Y, [
+            h(l, {
+              type: "primary",
+              size: "small",
+              icon: d(x),
+              link: "",
+              onClick: V
+            }, {
+              default: r(() => [...e[2] || (e[2] = [
+                S(" 新增字段映射 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["icon"])
+          ])
+        ]))
+      ]);
+    };
+  }
+}, ge = /* @__PURE__ */ D(Z, [["__scopeId", "data-v-210d7584"]]);
+export {
+  ge as default
+};

package/es/src/components/FieldSetMapping.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/components/FormulaEditorInput.vue.js

@@ -3,11 +3,11 @@ import "../../node_modules/element-plus/theme-chalk/el-dialog.css.js";
 import "../../node_modules/element-plus/theme-chalk/el-overlay.css.js";
 import "../../node_modules/element-plus/theme-chalk/el-input.css.js";
 import "../../node_modules/element-plus/theme-chalk/el-button.css.js";
-import { computed as g, ref as s, openBlock as D, createElementBlock as b, Fragment as F, createVNode as t, unref as a, isRef as V, withCtx as n, createElementVNode as N, createTextVNode as C } from "vue";
-import { Setting as w } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
-import B from "../packages/formulaEditor/index.vue.js";
+import { computed as g, ref as s, openBlock as D, createElementBlock as b, Fragment as L, createVNode as a, unref as n, isRef as V, withCtx as r, createElementVNode as F, createTextVNode as y } from "vue";
+import { Setting as N } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import w from "../packages/formulaEditor/index.vue.js";
 import "../packages/formulaEditor/core/functionCore.js";
-import { getEditConfigDataFields as L } from "../packages/utils/common.js";
+import { getEditConfigDataFields as B } from "../packages/utils/common.js";
 import { ElButton as S } from "../../node_modules/element-plus/es/components/button/index.js";
 import { ElInput as T } from "../../node_modules/element-plus/es/components/input/index.js";
 import { ElDialog as z } from "../../node_modules/element-plus/es/components/dialog/index.js";
@@ -29,92 +29,97 @@ const I = { class: "dialog-footer" }, Q = {
         text: "",
         marks: []
       })
+    },
+    // 字段列表（可选，不传则从表单中获取）
+    fieldList: {
+      type: Array,
+      default: null
     }
   },
   emits: ["update:modelValue", "update:formulaConf"],
-  setup(m, { emit: v }) {
-    const d = m, p = v, r = g({
-      get: () => d.modelValue,
-      set: (l) => p("update:modelValue", l)
+  setup(p, { emit: C }) {
+    const t = p, m = C, u = g({
+      get: () => t.modelValue,
+      set: (l) => m("update:modelValue", l)
     }), o = s(!1), f = s(null), c = s({
       text: "",
       marks: []
-    }), k = g(() => (L() || []).map((e) => ({
+    }), v = g(() => t.fieldList && t.fieldList.length > 0 ? t.fieldList : (B() || []).map((e) => ({
       id: e == null ? void 0 : e.id,
       label: e == null ? void 0 : e.label,
       fieldType: e == null ? void 0 : e.fieldType,
       fieldName: e == null ? void 0 : e.fieldName
     })));
-    function y() {
+    function k() {
       var l, e;
       c.value = {
-        text: ((l = d.formulaConf) == null ? void 0 : l.text) || "",
-        marks: ((e = d.formulaConf) == null ? void 0 : e.marks) || []
+        text: ((l = t.formulaConf) == null ? void 0 : l.text) || "",
+        marks: ((e = t.formulaConf) == null ? void 0 : e.marks) || []
       }, o.value = !0;
     }
     function x() {
       const l = f.value.getData(), e = f.value.getDisplayData();
-      r.value = e, p("update:formulaConf", {
+      u.value = e, m("update:formulaConf", {
         text: l.text,
         marks: l.marks
       }), o.value = !1;
     }
     return (l, e) => {
       const i = S, _ = T, E = z;
-      return D(), b(F, null, [
-        t(_, {
-          modelValue: a(r),
-          "onUpdate:modelValue": e[0] || (e[0] = (u) => V(r) ? r.value = u : null),
+      return D(), b(L, null, [
+        a(_, {
+          modelValue: n(u),
+          "onUpdate:modelValue": e[0] || (e[0] = (d) => V(u) ? u.value = d : null),
           placeholder: "配置公式",
           readonly: ""
         }, {
-          append: n(() => [
-            t(i, {
-              icon: a(w),
-              onClick: y
+          append: r(() => [
+            a(i, {
+              icon: n(N),
+              onClick: k
             }, null, 8, ["icon"])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        t(E, {
-          modelValue: a(o),
-          "onUpdate:modelValue": e[2] || (e[2] = (u) => V(o) ? o.value = u : null),
+        a(E, {
+          modelValue: n(o),
+          "onUpdate:modelValue": e[2] || (e[2] = (d) => V(o) ? o.value = d : null),
           width: "800px",
-          title: m.title,
+          title: p.title,
           draggable: "",
           overflow: "",
           "append-to-body": "",
           class: "fec-dev-designer-dialog"
         }, {
-          footer: n(() => [
-            N("div", I, [
-              t(i, {
-                onClick: e[1] || (e[1] = (u) => o.value = !1),
+          footer: r(() => [
+            F("div", I, [
+              a(i, {
+                onClick: e[1] || (e[1] = (d) => o.value = !1),
                 size: "default"
               }, {
-                default: n(() => [...e[3] || (e[3] = [
-                  C("取消", -1)
+                default: r(() => [...e[3] || (e[3] = [
+                  y("取消", -1)
                 ])]),
                 _: 1
               }),
-              t(i, {
+              a(i, {
                 type: "primary",
                 onClick: x,
                 size: "default"
               }, {
-                default: n(() => [...e[4] || (e[4] = [
-                  C("确定", -1)
+                default: r(() => [...e[4] || (e[4] = [
+                  y("确定", -1)
                 ])]),
                 _: 1
               })
             ])
           ]),
-          default: n(() => [
-            t(a(B), {
+          default: r(() => [
+            a(n(w), {
               ref_key: "formulaEditor",
               ref: f,
-              formulaConf: a(c),
-              fieldList: a(k)
+              formulaConf: n(c),
+              fieldList: n(v)
             }, null, 8, ["formulaConf", "fieldList"])
           ]),
           _: 1

package/es/src/components/JsonDataDrawer.vue.js

@@ -76,7 +76,7 @@ const B = { class: "drawer-header" }, S = { class: "json-stats" }, j = { class:
       }, 8, ["modelValue"]);
     };
   }
-}, O = /* @__PURE__ */ D(C, [["__scopeId", "data-v-8ae9e1cd"]]);
+}, O = /* @__PURE__ */ D(C, [["__scopeId", "data-v-c5c9ff2a"]]);
 export {
   O as default
 };

package/es/src/components/OnlyFLowConfigButton.vue.js

@@ -0,0 +1,102 @@
+import "../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import { computed as a, resolveComponent as b, openBlock as f, createElementBlock as m, Fragment as B, createElementVNode as F, createVNode as n, normalizeStyle as V, unref as t, normalizeClass as D, withCtx as s, createTextVNode as E, toDisplayString as p, withModifiers as O, createCommentVNode as k, isRef as S } from "vue";
+import { Setting as N, Delete as T } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { useOnlyFlowDialog as j } from "../packages/event/useOnlyFlowDialog.js";
+import { ElMessageBox as z } from "element-plus";
+import "./OnlyFLowConfigButton.vue2.js";
+import I from "../../_virtual/_plugin-vue_export-helper.js";
+import { ElIcon as L } from "../../node_modules/element-plus/es/components/icon/index.js";
+import { ElButton as M } from "../../node_modules/element-plus/es/components/button/index.js";
+const R = { class: "condition-config-wrapper" }, U = {
+  key: 0,
+  class: "condition-desc"
+}, q = {
+  __name: "OnlyFLowConfigButton",
+  props: {
+    item: {
+      type: Object,
+      default: null
+    },
+    config: {
+      type: Object,
+      default: null
+    },
+    title: {
+      type: String,
+      default: "事件配置"
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    onConfirm: Function
+  },
+  setup(o) {
+    const e = o, l = a(() => e.config), { onlyFlowDialogVisible: r, openOnlyFlowDialog: g, OnlyFlowDialog: C } = j(), c = a(() => {
+      var i;
+      return l.value && ((i = l.value.next) == null ? void 0 : i.id) != "end";
+    }), y = a(() => c.value ? "已设置事件" : "点击配置事件");
+    function _(i) {
+      e.onConfirm && e.onConfirm(i, e.item);
+    }
+    function v() {
+      c.value && z.confirm("确定要删除当前的事件配置吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        e.onConfirm && e.onConfirm(null, e.item);
+      }).catch(() => {
+      });
+    }
+    return (i, u) => {
+      const w = b("Edit"), d = L, x = M;
+      return f(), m(B, null, [
+        F("div", R, [
+          n(x, {
+            style: V({ width: o.width }),
+            icon: t(N),
+            class: D(["setting-btn", { "is-configured": t(c) }]),
+            onClick: t(g)
+          }, {
+            default: s(() => [
+              E(p(t(y)) + " ", 1),
+              n(d, { class: "edit-btn" }, {
+                default: s(() => [
+                  n(w)
+                ]),
+                _: 1
+              }),
+              n(d, {
+                class: "delete-btn",
+                onClick: O(v, ["stop"])
+              }, {
+                default: s(() => [
+                  n(t(T))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["style", "icon", "class", "onClick"]),
+          o.description ? (f(), m("div", U, p(o.description), 1)) : k("", !0)
+        ]),
+        n(t(C), {
+          modelValue: t(r),
+          "onUpdate:modelValue": u[0] || (u[0] = (h) => S(r) ? r.value = h : null),
+          eventConfig: t(l),
+          onConfirm: _,
+          title: o.title
+        }, null, 8, ["modelValue", "eventConfig", "title"])
+      ], 64);
+    };
+  }
+}, Z = /* @__PURE__ */ I(q, [["__scopeId", "data-v-5371fade"]]);
+export {
+  Z as default
+};

package/es/src/components/OnlyFLowConfigButton.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/components/OptionConfig.vue.js

@@ -232,7 +232,7 @@ const ee = { class: "custom-options" }, le = { class: "option-header" }, oe = {
       ], 64);
     };
   }
-}, Oe = /* @__PURE__ */ Q(ne, [["__scopeId", "data-v-a4eba2ab"]]);
+}, Oe = /* @__PURE__ */ Q(ne, [["__scopeId", "data-v-9e29e75e"]]);
 export {
   Oe as default
 };