fec-dev-designer 1.0.0

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

@@ -0,0 +1,238 @@
+import "../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-form-item.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-option-group.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 { ref as m, watch as P, openBlock as V, createElementBlock as k, Fragment as g, createVNode as l, withCtx as i, unref as a, isRef as f, createBlock as h, createElementVNode as t, renderList as M, createCommentVNode as T, nextTick as q } from "vue";
+import { Plus as z, Rank as G, Minus as H } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { VueDraggable as J } from "../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
+import K from "./DataSourceSelect.vue.js";
+import "./OptionConfig.vue2.js";
+import Q from "../../_virtual/_plugin-vue_export-helper.js";
+import { ElOption as W, ElSelect as X } from "../../node_modules/element-plus/es/components/select/index.js";
+import { ElFormItem as Y } from "../../node_modules/element-plus/es/components/form/index.js";
+import { ElIcon as Z } from "../../node_modules/element-plus/es/components/icon/index.js";
+import { ElInput as w } from "../../node_modules/element-plus/es/components/input/index.js";
+const ee = { class: "custom-options" }, le = { class: "option-header" }, oe = { class: "drag-handle" }, ae = ["onClick"], te = { class: "data-source-fields" }, ue = { class: "field-item" }, de = { class: "field-item" }, ne = {
+  __name: "OptionConfig",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({
+        optionSource: "custom",
+        options: [
+          {
+            id: 1769067474103,
+            label: "选项1",
+            value: "1"
+          },
+          {
+            id: 1769067474572,
+            label: "选项2",
+            value: "2"
+          },
+          {
+            id: 1769067475160,
+            label: "选项3",
+            value: "3"
+          }
+        ],
+        dataSourceValue: "",
+        displayField: "",
+        valueField: "",
+        dictionaryValue: ""
+      })
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(B, { emit: D }) {
+    var C, E, x, O, N, I;
+    const s = B, R = D, d = m(((C = s.modelValue) == null ? void 0 : C.optionSource) || "custom"), n = m(((E = s.modelValue) == null ? void 0 : E.options) || []), r = m(((x = s.modelValue) == null ? void 0 : x.dataSourceValue) || ""), p = m(((O = s.modelValue) == null ? void 0 : O.displayField) || ""), c = m(((N = s.modelValue) == null ? void 0 : N.valueField) || ""), v = m(((I = s.modelValue) == null ? void 0 : I.dictionaryValue) || ""), F = m(!1);
+    P(
+      () => s.modelValue,
+      (u) => {
+        u && !F.value && (d.value = u.optionSource || "custom", n.value = u.options || [], r.value = u.dataSourceValue || "", p.value = u.displayField || "", c.value = u.valueField || "", v.value = u.dictionaryValue || "");
+      },
+      { deep: !0 }
+    ), P(
+      [
+        d,
+        n,
+        r,
+        p,
+        c,
+        v
+      ],
+      () => {
+        F.value = !0;
+        const u = {
+          optionSource: d.value,
+          options: n.value,
+          dataSourceValue: r.value,
+          displayField: p.value,
+          valueField: c.value,
+          dictionaryValue: v.value
+        };
+        R("update:modelValue", u), q(() => {
+          F.value = !1;
+        });
+      },
+      { deep: !0, immediate: !0 }
+    );
+    function $() {
+      n.value.push({
+        id: Date.now(),
+        label: "",
+        value: ""
+      });
+    }
+    function j(u) {
+      n.value.splice(u, 1);
+    }
+    return (u, e) => {
+      const S = W, A = X, b = Y, U = Z, _ = w;
+      return V(), k(g, null, [
+        l(b, {
+          label: "选项来源",
+          style: { "margin-bottom": "12px" }
+        }, {
+          default: i(() => [
+            l(A, {
+              modelValue: a(d),
+              "onUpdate:modelValue": e[0] || (e[0] = (o) => f(d) ? d.value = o : null),
+              placeholder: "请选择"
+            }, {
+              default: i(() => [
+                l(S, {
+                  label: "自定义",
+                  value: "custom"
+                }),
+                l(S, {
+                  label: "数据源",
+                  value: "dataSource"
+                }),
+                l(S, {
+                  label: "字典项",
+                  value: "dictionary"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        a(d) === "custom" ? (V(), h(b, { key: 0 }, {
+          default: i(() => [
+            t("div", ee, [
+              t("div", le, [
+                e[6] || (e[6] = t("span", null, null, -1)),
+                e[7] || (e[7] = t("span", { class: "header-label" }, "显示值", -1)),
+                e[8] || (e[8] = t("span", { class: "header-label" }, "真实值", -1)),
+                t("div", {
+                  class: "icon-btn add-btn",
+                  onClick: $
+                }, [
+                  l(U, null, {
+                    default: i(() => [
+                      l(a(z))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              l(a(J), {
+                modelValue: a(n),
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => f(n) ? n.value = o : null),
+                animation: 150,
+                handle: ".drag-handle"
+              }, {
+                default: i(() => [
+                  (V(!0), k(g, null, M(a(n), (o, L) => (V(), k("div", {
+                    key: o.id,
+                    class: "option-item"
+                  }, [
+                    t("div", oe, [
+                      l(U, null, {
+                        default: i(() => [
+                          l(a(G))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    l(_, {
+                      modelValue: o.label,
+                      "onUpdate:modelValue": (y) => o.label = y,
+                      placeholder: "显示值"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    l(_, {
+                      modelValue: o.value,
+                      "onUpdate:modelValue": (y) => o.value = y,
+                      placeholder: "真实值"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    t("div", {
+                      class: "icon-btn delete-btn",
+                      onClick: (y) => j(L)
+                    }, [
+                      l(U, null, {
+                        default: i(() => [
+                          l(a(H))
+                        ]),
+                        _: 1
+                      })
+                    ], 8, ae)
+                  ]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        })) : a(d) === "dataSource" ? (V(), k(g, { key: 1 }, [
+          l(b, null, {
+            default: i(() => [
+              l(K, {
+                modelValue: a(r),
+                "onUpdate:modelValue": e[2] || (e[2] = (o) => f(r) ? r.value = o : null)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          t("div", te, [
+            t("div", ue, [
+              e[9] || (e[9] = t("span", { class: "field-label" }, "显示字段", -1)),
+              l(_, {
+                modelValue: a(p),
+                "onUpdate:modelValue": e[3] || (e[3] = (o) => f(p) ? p.value = o : null),
+                placeholder: "如：optName"
+              }, null, 8, ["modelValue"])
+            ]),
+            t("div", de, [
+              e[10] || (e[10] = t("span", { class: "field-label" }, "值字段", -1)),
+              l(_, {
+                modelValue: a(c),
+                "onUpdate:modelValue": e[4] || (e[4] = (o) => f(c) ? c.value = o : null),
+                placeholder: "如：optCode"
+              }, null, 8, ["modelValue"])
+            ])
+          ])
+        ], 64)) : a(d) === "dictionary" ? (V(), h(b, { key: 2 }, {
+          default: i(() => [
+            l(_, {
+              modelValue: a(v),
+              "onUpdate:modelValue": e[5] || (e[5] = (o) => f(v) ? v.value = o : null),
+              placeholder: "keyName"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })) : T("", !0)
+      ], 64);
+    };
+  }
+}, Oe = /* @__PURE__ */ Q(ne, [["__scopeId", "data-v-a4eba2ab"]]);
+export {
+  Oe as default
+};

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

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

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

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

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

@@ -0,0 +1,117 @@
+import "../../node_modules/element-plus/theme-chalk/base.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, openBlock as o, createElementBlock as d, unref as t, createBlock as C, withCtx as u, createTextVNode as v, createElementVNode as e, Fragment as x, renderList as z, createVNode as n } from "vue";
+import { Plus as _, Delete as P } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import B from "./ValueSelector.vue2.js";
+import "./ParamsConfig.vue.js";
+import E from "../../_virtual/_plugin-vue_export-helper.js";
+import { ElButton as U } from "../../node_modules/element-plus/es/components/button/index.js";
+import { ElInput as w } from "../../node_modules/element-plus/es/components/input/index.js";
+const F = { class: "params-config-container" }, N = {
+  key: 1,
+  class: "params-table"
+}, A = { class: "params-body" }, D = { class: "params-cell key-params" }, I = { class: "params-cell value-params" }, L = { class: "params-cell action-cell" }, S = { class: "params-footer" }, T = {
+  __name: "ParamsConfig",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    availableFields: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: f }) {
+    const y = c, s = g({
+      get: () => y.modelValue,
+      set: (r) => k("update:modelValue", r)
+    }), k = f;
+    function p() {
+      s.value.push({
+        id: Date.now(),
+        key: "",
+        value: ""
+      });
+    }
+    function V(r) {
+      s.value.splice(r, 1);
+    }
+    return (r, a) => {
+      const m = U, h = w;
+      return o(), d("div", F, [
+        t(s).length === 0 ? (o(), C(m, {
+          key: 0,
+          type: "primary",
+          size: "small",
+          icon: t(_),
+          link: "",
+          onClick: p
+        }, {
+          default: u(() => [...a[0] || (a[0] = [
+            v(" 新增参数 ", -1)
+          ])]),
+          _: 1
+        }, 8, ["icon"])) : (o(), d("div", N, [
+          a[2] || (a[2] = e("div", { class: "params-header" }, [
+            e("div", { class: "params-cell key-header" }, "键名"),
+            e("div", { class: "params-cell value-header" }, "值"),
+            e("div", { class: "params-cell action-header" })
+          ], -1)),
+          e("div", A, [
+            (o(!0), d(x, null, z(t(s), (l, b) => (o(), d("div", {
+              key: l.id,
+              class: "params-row"
+            }, [
+              e("div", D, [
+                n(h, {
+                  modelValue: l.key,
+                  "onUpdate:modelValue": (i) => l.key = i,
+                  placeholder: "参数名",
+                  size: "small"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              e("div", I, [
+                n(B, {
+                  modelValue: l.value,
+                  "onUpdate:modelValue": (i) => l.value = i,
+                  placeholder: "参数值",
+                  size: "small",
+                  "available-fields": c.availableFields
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "available-fields"])
+              ]),
+              e("div", L, [
+                n(m, {
+                  type: "danger",
+                  size: "small",
+                  icon: t(P),
+                  text: "",
+                  onClick: (i) => V(b)
+                }, null, 8, ["icon", "onClick"])
+              ])
+            ]))), 128))
+          ]),
+          e("div", S, [
+            n(m, {
+              type: "primary",
+              size: "small",
+              icon: t(_),
+              link: "",
+              onClick: p
+            }, {
+              default: u(() => [...a[1] || (a[1] = [
+                v(" 新增参数 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["icon"])
+          ])
+        ]))
+      ]);
+    };
+  }
+}, R = /* @__PURE__ */ E(T, [["__scopeId", "data-v-25e36c19"]]);
+export {
+  R as default
+};

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

@@ -0,0 +1,216 @@
+import "../../node_modules/element-plus/theme-chalk/base.css.js";
+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-pagination.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-option-group.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-input.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-table.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-checkbox.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-tooltip.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-table-column.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import { computed as P, ref as r, openBlock as U, createElementBlock as B, Fragment as j, createVNode as a, withCtx as p, unref as V, createElementVNode as h, createTextVNode as C, withKeys as D } from "vue";
+import { Setting as L, Search as F } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import J from "../api/index.js";
+import "../../node_modules/element-plus/theme-chalk/el-badge.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-message.css.js";
+import "./TemplateSelector.vue2.js";
+import M from "../../_virtual/_plugin-vue_export-helper.js";
+import { ElMessage as O } from "../../node_modules/element-plus/es/components/message/index.js";
+import { ElButton as Q } from "../../node_modules/element-plus/es/components/button/index.js";
+import { ElInput as R } from "../../node_modules/element-plus/es/components/input/index.js";
+import { ElTableColumn as $, ElTable as q } from "../../node_modules/element-plus/es/components/table/index.js";
+import { ElPagination as A } from "../../node_modules/element-plus/es/components/pagination/index.js";
+import { ElDialog as G } from "../../node_modules/element-plus/es/components/dialog/index.js";
+const H = { class: "search-bar" }, W = { class: "dialog-footer" }, X = {
+  __name: "TemplateSelector",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    templateKey: {
+      type: String,
+      default: ""
+    },
+    templateType: {
+      type: String,
+      default: ""
+    },
+    templateId: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "update:templateKey",
+    "update:templateId",
+    "confirm"
+  ],
+  setup(z, { emit: x }) {
+    const y = z, u = x, g = P({
+      get: () => y.modelValue,
+      set: (t) => u("update:modelValue", t)
+    }), i = r(!1), m = r(""), c = r([]), f = r(0), n = r(null), o = r({
+      pageNo: 1,
+      pageSize: 10
+    });
+    function N() {
+      i.value = !0, n.value = null, d();
+    }
+    async function d() {
+      try {
+        const t = {
+          pageNo: o.value.pageNo,
+          pageSize: o.value.pageSize,
+          type: y.templateType
+        };
+        m.value && (t.dynamicQuery = m.value);
+        const e = await J.findTemplateByPagePop(t);
+        c.value = e.records || e.list || [], f.value = e.total || 0;
+      } catch (t) {
+        console.error("加载表单列表失败:", t), c.value = [], f.value = 0;
+      } finally {
+      }
+    }
+    function v() {
+      o.value.pageNo = 1, d();
+    }
+    function b(t) {
+      n.value = t;
+    }
+    function w(t) {
+      o.value.pageSize = t, o.value.pageNo = 1, d();
+    }
+    function T(t) {
+      o.value.pageNo = t, d();
+    }
+    function E() {
+      if (!n.value) {
+        O.warning("请先选择表单");
+        return;
+      }
+      g.value = n.value.templateName, u("update:templateKey", n.value.templateKey), u("update:templateId", n.value.pkId), i.value = !1;
+      const t = JSON.parse(n.value.context);
+      u("confirm", t);
+    }
+    return (t, e) => {
+      const s = Q, _ = R, S = $, k = q, I = A, K = G;
+      return U(), B(j, null, [
+        a(_, {
+          modelValue: g.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (l) => g.value = l),
+          placeholder: "请选择表单",
+          readonly: ""
+        }, {
+          append: p(() => [
+            a(s, {
+              icon: V(L),
+              onClick: N
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        a(K, {
+          modelValue: i.value,
+          "onUpdate:modelValue": e[5] || (e[5] = (l) => i.value = l),
+          width: "50%",
+          title: "选择表单",
+          draggable: "",
+          overflow: "",
+          "append-to-body": "",
+          class: "fec-dev-designer-dialog"
+        }, {
+          footer: p(() => [
+            h("div", W, [
+              a(s, {
+                onClick: e[4] || (e[4] = (l) => i.value = !1),
+                size: "default"
+              }, {
+                default: p(() => [...e[6] || (e[6] = [
+                  C("取消", -1)
+                ])]),
+                _: 1
+              }),
+              a(s, {
+                type: "primary",
+                onClick: E,
+                size: "default"
+              }, {
+                default: p(() => [...e[7] || (e[7] = [
+                  C("确定", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ]),
+          default: p(() => [
+            h("div", H, [
+              a(_, {
+                modelValue: m.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (l) => m.value = l),
+                placeholder: "搜索表单名称/表单标识",
+                clearable: "",
+                onClear: v,
+                onKeyup: D(v, ["enter"]),
+                style: { width: "300px" }
+              }, {
+                append: p(() => [
+                  a(s, {
+                    icon: V(F),
+                    onClick: v
+                  }, null, 8, ["icon"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            a(k, {
+              data: c.value,
+              "highlight-current-row": "",
+              "max-height": "500",
+              onCurrentChange: b,
+              style: { width: "100%", "margin-top": "10px" }
+            }, {
+              default: p(() => [
+                a(S, {
+                  prop: "templateName",
+                  label: "表单名称",
+                  "min-width": "200"
+                }),
+                a(S, {
+                  prop: "templateKey",
+                  label: "表单标识",
+                  "min-width": "200"
+                })
+              ]),
+              _: 1
+            }, 8, ["data"]),
+            a(I, {
+              size: "small",
+              "current-page": o.value.pageNo,
+              "onUpdate:currentPage": e[2] || (e[2] = (l) => o.value.pageNo = l),
+              "page-size": o.value.pageSize,
+              "onUpdate:pageSize": e[3] || (e[3] = (l) => o.value.pageSize = l),
+              "page-sizes": [10, 20, 50, 100],
+              total: f.value,
+              layout: "total, sizes, prev, pager, next, jumper",
+              onSizeChange: w,
+              onCurrentChange: T,
+              style: { "margin-top": "20px", "justify-content": "flex-end" }
+            }, null, 8, ["current-page", "page-size", "total"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+}, we = /* @__PURE__ */ M(X, [["__scopeId", "data-v-8cbe8189"]]);
+export {
+  we as default
+};

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

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

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

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