fec-dev-designer 5.1.2 → 5.1.3

package/es/node_modules/element-plus/{dist/locale → es/locale/lang}/zh-cn.js

@@ -1,4 +1,3 @@
-/*! Element Plus v2.13.1 */
 var u = {
   name: "zh-cn",
   el: {

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

@@ -7,18 +7,26 @@ 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 "../../node_modules/element-plus/theme-chalk/el-button-group.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-dropdown.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-dropdown-menu.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-dropdown-item.css.js";
+import "../../node_modules/element-plus/theme-chalk/el-checkbox.css.js";
+import { computed as C, ref as L, openBlock as a, createElementBlock as f, unref as p, createBlock as r, withCtx as o, createVNode as s, createElementVNode as t, createTextVNode as k, Fragment as v, renderList as _, isRef as O, createCommentVNode as V, toDisplayString as U } from "vue";
+import { Plus as B, Delete as T } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { getEditConfigDataFields as j, getEditConfigData as q } 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 = {
+import H from "../../_virtual/_plugin-vue_export-helper.js";
+import { ElButton as J } from "../../node_modules/element-plus/es/components/button/index.js";
+import { ElCheckbox as K } from "../../node_modules/element-plus/es/components/checkbox/index.js";
+import { ElDropdownItem as Q, ElDropdownMenu as W, ElDropdown as X } from "../../node_modules/element-plus/es/components/dropdown/index.js";
+import { ElScrollbar as Y } from "../../node_modules/element-plus/es/components/scrollbar/index.js";
+import { ElOption as Z, ElSelect as ee, ElOptionGroup as le } from "../../node_modules/element-plus/es/components/select/index.js";
+import { ElInput as ae } from "../../node_modules/element-plus/es/components/input/index.js";
+const oe = { class: "field-mapping-container" }, de = { class: "dropdown-header" }, te = { class: "dropdown-content" }, ne = {
   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 = {
+}, ie = { class: "mapping-header" }, se = { class: "mapping-cell value-header" }, ue = { class: "mapping-cell field-header" }, re = { class: "mapping-body" }, pe = { class: "mapping-cell value-cell" }, ce = { class: "mapping-cell field-cell" }, fe = { class: "mapping-cell action-cell" }, me = { class: "mapping-footer" }, ve = { class: "dropdown-header" }, _e = { class: "dropdown-content" }, be = {
   __name: "FieldSetMapping",
   props: {
     modelValue: {
@@ -35,7 +43,7 @@ const j = { class: "field-mapping-container" }, q = {
       type: String,
       default: "映射字段"
     },
-    // 映射字段支持的选择项列表（可选）
+    // 映射字段支持的选择项列表
     valueOptions: {
       type: Array,
       default: () => []
@@ -47,165 +55,294 @@ const j = { class: "field-mapping-container" }, q = {
     }
   },
   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) => ({
+  setup(u, { emit: R }) {
+    const $ = u, y = C({
+      get: () => $.modelValue,
+      set: (i) => A("update:modelValue", i)
+    }), A = R, c = L([]), w = C(() => (j() || []).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) => ({
+      label: e == null ? void 0 : e.label,
+      fieldName: e == null ? void 0 : e.fieldName
+    }))), E = C(() => {
+      const i = q();
+      return ((i == null ? void 0 : i.hiddenFields) || []).map((l) => ({
         id: l == null ? void 0 : l.id,
         fieldId: l == null ? void 0 : l.id,
-        label: l == null ? void 0 : l.label
+        label: l == null ? void 0 : l.label,
+        fieldName: l == null ? void 0 : l.fieldName
       }));
     });
-    I(() => v.valueOptions, (t) => {
-      if (!v.valueSelectMode)
+    function F(i) {
+      i && (c.value = []);
+    }
+    const N = L();
+    function M() {
+      var e;
+      if (c.value.length === 0)
         return;
-      const e = new Set(t.map((l) => l.fieldName));
+      const i = [...w.value, ...E.value];
       c.value.forEach((l) => {
-        l.value && !e.has(l.value) && (l.value = "");
-      });
-    }, { deep: !0 });
-    function V() {
-      c.value.push({
-        id: Date.now(),
-        field: "",
-        value: ""
-      });
+        const b = {
+          id: Date.now() + Math.random(),
+          field: "",
+          // 默认值为空
+          value: l
+          // 自动赋值为勾选的字段
+        }, m = i.find(
+          (h) => h.fieldName === l
+        );
+        m && (b.field = m.fieldId), y.value.push(b);
+      }), c.value = [], (e = N.value) == null || e.handleClose();
     }
-    function M(t) {
-      c.value.splice(t, 1);
+    function G(i) {
+      y.value.splice(i, 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, {
+    return (i, e) => {
+      const l = J, b = K, m = Q, h = Y, S = W, z = X, x = Z, D = ee, P = ae, I = le;
+      return a(), f("div", oe, [
+        p(y).length === 0 ? (a(), r(z, {
           key: 0,
-          type: "primary",
-          size: "small",
-          icon: d(x),
-          link: "",
-          onClick: V
+          trigger: "click",
+          placement: "bottom",
+          "hide-on-click": !1,
+          onVisibleChange: F,
+          ref_key: "dropdownRef",
+          ref: N
         }, {
-          default: r(() => [...e[0] || (e[0] = [
-            S(" 新增字段映射 ", -1)
-          ])]),
+          dropdown: o(() => [
+            s(S, { class: "field-mapping-dropdown" }, {
+              default: o(() => [
+                t("div", de, [
+                  e[4] || (e[4] = t("span", { class: "header-title" }, "选择字段", -1)),
+                  s(l, {
+                    type: "primary",
+                    size: "small",
+                    onClick: M
+                  }, {
+                    default: o(() => [...e[3] || (e[3] = [
+                      k("确定", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                t("div", te, [
+                  s(h, { "max-height": 300 }, {
+                    default: o(() => [
+                      (a(!0), f(v, null, _(u.valueOptions, (n) => (a(), r(m, {
+                        key: n.fieldName
+                      }, {
+                        default: o(() => [
+                          s(b, {
+                            modelValue: p(c),
+                            "onUpdate:modelValue": e[0] || (e[0] = (g) => O(c) ? c.value = g : null),
+                            value: n.fieldName,
+                            label: n.label
+                          }, null, 8, ["modelValue", "value", "label"])
+                        ]),
+                        _: 2
+                      }, 1024))), 128)),
+                      u.valueOptions.length === 0 ? (a(), r(m, {
+                        key: 0,
+                        disabled: ""
+                      }, {
+                        default: o(() => [...e[5] || (e[5] = [
+                          t("span", { class: "empty-text" }, "暂无可用字段", -1)
+                        ])]),
+                        _: 1
+                      })) : V("", !0)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          default: o(() => [
+            s(l, {
+              type: "primary",
+              size: "small",
+              icon: p(B),
+              link: ""
+            }, {
+              default: o(() => [...e[2] || (e[2] = [
+                k(" 新增字段映射 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["icon"])
+          ]),
           _: 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", {
+        }, 512)) : (a(), f("div", ne, [
+          t("div", ie, [
+            t("div", se, U(u.valueLabel), 1),
+            t("div", ue, U(u.fieldLabel), 1),
+            e[6] || (e[6] = t("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,
+          t("div", re, [
+            (a(!0), f(v, null, _(p(y), (n, g) => (a(), f("div", {
+              key: n.id,
               class: "mapping-row"
             }, [
-              n("div", R, [
-                i.valueSelectMode ? (o(), u(k, {
+              t("div", pe, [
+                u.valueSelectMode ? (a(), r(D, {
                   key: 0,
-                  modelValue: s.value,
-                  "onUpdate:modelValue": (a) => s.value = a,
-                  placeholder: `选择${i.valueLabel}`,
+                  modelValue: n.value,
+                  "onUpdate:modelValue": (d) => n.value = d,
+                  placeholder: `选择${u.valueLabel}`,
                   size: "small",
                   style: { width: "100%" },
-                  filterable: "",
-                  "allow-create": ""
+                  filterable: ""
                 }, {
-                  default: r(() => [
-                    (o(!0), p(f, null, m(i.valueOptions, (a) => (o(), u(_, {
-                      key: a.fieldName,
-                      label: a.label,
-                      value: a.fieldName
+                  default: o(() => [
+                    (a(!0), f(v, null, _(u.valueOptions, (d) => (a(), r(x, {
+                      key: d.fieldName,
+                      label: d.label,
+                      value: d.fieldName
                     }, null, 8, ["label", "value"]))), 128))
                   ]),
                   _: 1
-                }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (o(), u(N, {
+                }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (a(), r(P, {
                   key: 1,
-                  modelValue: s.value,
-                  "onUpdate:modelValue": (a) => s.value = a,
-                  placeholder: `输入${i.valueLabel}`,
+                  modelValue: n.value,
+                  "onUpdate:modelValue": (d) => n.value = d,
+                  placeholder: `输入${u.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}`,
+              t("div", ce, [
+                s(D, {
+                  modelValue: n.field,
+                  "onUpdate:modelValue": (d) => n.field = d,
+                  placeholder: `选择${u.fieldLabel}`,
                   size: "small",
-                  style: { width: "100%" }
+                  style: { width: "100%" },
+                  filterable: ""
                 }, {
-                  default: r(() => [
-                    d(y).length > 0 ? (o(), u(E, {
+                  default: o(() => [
+                    p(w).length > 0 ? (a(), r(I, {
                       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
+                      default: o(() => [
+                        (a(!0), f(v, null, _(p(w), (d) => (a(), r(x, {
+                          key: d.fieldId,
+                          label: d.label,
+                          value: d.fieldId
                         }, null, 8, ["label", "value"]))), 128))
                       ]),
                       _: 1
-                    })) : L("", !0),
-                    d(b).length > 0 ? (o(), u(E, {
+                    })) : V("", !0),
+                    p(E).length > 0 ? (a(), r(I, {
                       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
+                      default: o(() => [
+                        (a(!0), f(v, null, _(p(E), (d) => (a(), r(x, {
+                          key: d.id,
+                          label: d.label,
+                          value: d.id
                         }, null, 8, ["label", "value"]))), 128))
                       ]),
                       _: 1
-                    })) : L("", !0)
+                    })) : V("", !0)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
               ]),
-              n("div", X, [
-                h(l, {
+              t("div", fe, [
+                s(l, {
                   type: "danger",
                   size: "small",
-                  icon: d(U),
+                  icon: p(T),
                   text: "",
-                  onClick: (a) => M(z)
+                  onClick: (d) => G(g)
                 }, null, 8, ["icon", "onClick"])
               ])
             ]))), 128))
           ]),
-          n("div", Y, [
-            h(l, {
-              type: "primary",
-              size: "small",
-              icon: d(x),
-              link: "",
-              onClick: V
+          t("div", me, [
+            s(z, {
+              trigger: "click",
+              placement: "bottom",
+              "hide-on-click": !1,
+              onVisibleChange: F,
+              ref_key: "dropdownRef",
+              ref: N
             }, {
-              default: r(() => [...e[2] || (e[2] = [
-                S(" 新增字段映射 ", -1)
-              ])]),
+              dropdown: o(() => [
+                s(S, { class: "field-mapping-dropdown" }, {
+                  default: o(() => [
+                    t("div", ve, [
+                      e[9] || (e[9] = t("span", { class: "header-title" }, "选择字段", -1)),
+                      s(l, {
+                        type: "primary",
+                        size: "small",
+                        onClick: M
+                      }, {
+                        default: o(() => [...e[8] || (e[8] = [
+                          k("确定", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    t("div", _e, [
+                      s(h, { "max-height": 300 }, {
+                        default: o(() => [
+                          (a(!0), f(v, null, _(u.valueOptions, (n) => (a(), r(m, {
+                            key: n.fieldName
+                          }, {
+                            default: o(() => [
+                              s(b, {
+                                modelValue: p(c),
+                                "onUpdate:modelValue": e[1] || (e[1] = (g) => O(c) ? c.value = g : null),
+                                value: n.fieldName,
+                                label: n.label
+                              }, null, 8, ["modelValue", "value", "label"])
+                            ]),
+                            _: 2
+                          }, 1024))), 128)),
+                          u.valueOptions.length === 0 ? (a(), r(m, {
+                            key: 0,
+                            disabled: ""
+                          }, {
+                            default: o(() => [...e[10] || (e[10] = [
+                              t("span", { class: "empty-text" }, "暂无可用字段", -1)
+                            ])]),
+                            _: 1
+                          })) : V("", !0)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: o(() => [
+                s(l, {
+                  type: "primary",
+                  size: "small",
+                  icon: p(B),
+                  link: ""
+                }, {
+                  default: o(() => [...e[7] || (e[7] = [
+                    k(" 新增字段映射 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["icon"])
+              ]),
               _: 1
-            }, 8, ["icon"])
+            }, 512)
           ])
         ]))
       ]);
     };
   }
-}, ge = /* @__PURE__ */ D(Z, [["__scopeId", "data-v-210d7584"]]);
+}, Te = /* @__PURE__ */ H(be, [["__scopeId", "data-v-9ab65e52"]]);
 export {
-  ge as default
+  Te as default
 };