fec-dev-designer 1.0.0

package/es/src/packages/form/HiddenFieldDialog.vue.js

@@ -0,0 +1,258 @@
+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-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-popper.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-table-column.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tag.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import { useModel as B, ref as g, computed as T, watch as U, openBlock as S, createBlock as $, withCtx as a, createElementVNode as r, createVNode as o, createTextVNode as p, unref as h, toDisplayString as H } from "vue";
+import { Plus as I, Delete as b } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { ElMessage as c, ElMessageBox as V } from "element-plus";
+import { getEditConfigData as M, getEditConfigDataFields as R, cloneDeep as j } from "../utils/common.js";
+import "./HiddenFieldDialog.vue2.js";
+import q from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElButton as A } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElTableColumn as O, ElTable as P } from "../../../node_modules/element-plus/es/components/table/index.js";
+import { ElInput as z } from "../../../node_modules/element-plus/es/components/input/index.js";
+import { ElDialog as G } from "../../../node_modules/element-plus/es/components/dialog/index.js";
+const J = { class: "action-bar" }, K = { class: "left-buttons" }, L = { class: "count-info" }, Q = { class: "field-list-container" }, W = { class: "field-name-cell" }, X = { class: "dialog-footer" }, Y = {
+  __name: "HiddenFieldDialog",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(x) {
+    const m = B(x, "modelValue"), y = g(null), f = g([]), _ = T(() => M()), d = g([]);
+    U(m, (l) => {
+      l && w();
+    });
+    const w = () => {
+      var l;
+      d.value = (((l = _.value) == null ? void 0 : l.hiddenFields) || []).map(
+        (e) => ({
+          ...e
+        })
+      );
+    };
+    function C(l) {
+      f.value = l;
+    }
+    function D() {
+      const l = {
+        id: Date.now(),
+        label: "",
+        fieldName: "",
+        value: ""
+      };
+      d.value.push(l), setTimeout(() => {
+        const e = document.querySelectorAll(".el-table__body .el-input input");
+        e.length > 0 && (e[0].focus(), e[0].select());
+      }, 100);
+    }
+    function F() {
+      for (const t of d.value) {
+        if (!t.label.trim()) {
+          c.warning("标签名不能为空");
+          return;
+        }
+        if (!t.fieldName.trim()) {
+          c.warning("字段名不能为空");
+          return;
+        }
+      }
+      const l = d.value.map((t) => t.fieldName), e = (R() || []).map(
+        (t) => t.fieldName
+      ), n = l.filter(
+        (t, v) => l.indexOf(t) !== v
+      );
+      if (n.length > 0) {
+        c.error(`隐藏域字段名重复: ${n.join(", ")}`);
+        return;
+      }
+      const u = l.filter(
+        (t) => e.includes(t)
+      );
+      if (u.length > 0) {
+        c.error(`与表单字段冲突: ${u.join(", ")}`);
+        return;
+      }
+      _.value && (_.value.hiddenFields = j(d.value)), m.value = !1;
+    }
+    function E(l) {
+      V.confirm("确定要删除此隐藏域吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        const e = d.value.findIndex((n) => n.id === l.id);
+        e !== -1 && (d.value.splice(e, 1), c.success("删除成功"));
+      }).catch(() => {
+      });
+    }
+    function N() {
+      V.confirm(
+        `确定要删除选中的 ${f.value.length} 个隐藏域吗？`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      ).then(() => {
+        f.value.forEach((l) => {
+          const e = d.value.findIndex((n) => n.id === l.id);
+          e !== -1 && d.value.splice(e, 1);
+        }), f.value = [], c.success("批量删除成功");
+      }).catch(() => {
+      });
+    }
+    return (l, e) => {
+      const n = A, u = O, t = z, v = P, k = G;
+      return S(), $(k, {
+        modelValue: m.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => m.value = i),
+        title: "隐藏域配置",
+        width: "900px",
+        draggable: "",
+        overflow: "",
+        "append-to-body": "",
+        class: "fec-dev-designer-dialog"
+      }, {
+        footer: a(() => [
+          r("div", X, [
+            o(n, {
+              onClick: e[0] || (e[0] = (i) => m.value = !1)
+            }, {
+              default: a(() => [...e[5] || (e[5] = [
+                p("取消", -1)
+              ])]),
+              _: 1
+            }),
+            o(n, {
+              type: "primary",
+              onClick: F
+            }, {
+              default: a(() => [...e[6] || (e[6] = [
+                p("保存", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: a(() => [
+          r("div", J, [
+            r("div", K, [
+              o(n, {
+                type: "primary",
+                icon: h(I),
+                onClick: D
+              }, {
+                default: a(() => [...e[2] || (e[2] = [
+                  p(" 添加隐藏域 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon"]),
+              o(n, {
+                type: "danger",
+                icon: h(b),
+                disabled: !f.value.length,
+                onClick: N
+              }, {
+                default: a(() => [...e[3] || (e[3] = [
+                  p(" 批量删除 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon", "disabled"])
+            ]),
+            r("div", L, "共 " + H(d.value.length) + " 个隐藏域", 1)
+          ]),
+          r("div", Q, [
+            o(v, {
+              ref_key: "tableRef",
+              ref: y,
+              data: d.value,
+              onSelectionChange: C,
+              height: "400"
+            }, {
+              default: a(() => [
+                o(u, {
+                  type: "selection",
+                  width: "50"
+                }),
+                o(u, {
+                  label: "标签名",
+                  width: "160"
+                }, {
+                  default: a(({ row: i }) => [
+                    o(t, {
+                      modelValue: i.label,
+                      "onUpdate:modelValue": (s) => i.label = s,
+                      placeholder: "请输入标签名"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(u, {
+                  label: "字段名",
+                  width: "160"
+                }, {
+                  default: a(({ row: i }) => [
+                    r("div", W, [
+                      o(t, {
+                        modelValue: i.fieldName,
+                        "onUpdate:modelValue": (s) => i.fieldName = s,
+                        placeholder: "请输入字段名"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                o(u, { label: "初值" }, {
+                  default: a(({ row: i }) => [
+                    o(t, {
+                      modelValue: i.value,
+                      "onUpdate:modelValue": (s) => i.value = s,
+                      placeholder: "请输入初值"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(u, {
+                  label: "操作",
+                  width: "120",
+                  fixed: "right"
+                }, {
+                  default: a(({ row: i }) => [
+                    o(n, {
+                      link: "",
+                      type: "danger",
+                      icon: h(b),
+                      onClick: (s) => E(i)
+                    }, {
+                      default: a(() => [...e[4] || (e[4] = [
+                        p(" 删除 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["icon", "onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}, xe = /* @__PURE__ */ q(Y, [["__scopeId", "data-v-8e0adbc1"]]);
+export {
+  xe as default
+};

package/es/src/packages/form/HiddenFieldDialog.vue2.js

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

package/es/src/packages/form/PageFooterSetting.vue.js

@@ -0,0 +1,114 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-link.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-switch.css.js";
+import { computed as m, openBlock as u, createElementBlock as p, createElementVNode as a, createVNode as l, unref as s, withCtx as i, Fragment as x, renderList as w, normalizeClass as S, withModifiers as c, mergeProps as D, createTextVNode as f, toDisplayString as E } from "vue";
+import { VueDraggable as F } from "../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
+import { Close as I, Plus as P, Refresh as M, Download as T, Setting as $ } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { getEditConfigData as z, getCurrentClass as A, setHoverItem as g, setSelectedItem as L } from "../utils/common.js";
+import "./PageFooterSetting.vue2.js";
+import N from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElSwitch as h } from "../../../node_modules/element-plus/es/components/switch/index.js";
+import { ElButton as U } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElIcon as H } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElLink as R } from "../../../node_modules/element-plus/es/components/link/index.js";
+const j = { class: "page-footer-setting" }, q = { class: "setting-left" }, G = { class: "setting-center" }, J = ["onMouseenter", "onClick"], K = {
+  __name: "PageFooterSetting",
+  setup(O) {
+    const _ = m(() => z()), t = m(() => _.value.pageFooterConfig || {
+      enabled: !0,
+      actions: []
+    }), v = {
+      custom: { type: "primary" },
+      refresh: { icon: M },
+      export: { icon: T },
+      personalize: { icon: $ }
+    };
+    function C(n) {
+      const e = v[n.btnType] || {};
+      return n.label ? e.class = "" : e.class = "system", e.type = n.btnStyle, e;
+    }
+    function b() {
+      const n = {
+        id: Date.now(),
+        label: "按钮",
+        type: "pageFooterBtn",
+        btnType: "custom",
+        btnStyle: "primary"
+      };
+      t.value.actions || (t.value.actions = []), t.value.actions.push(n);
+    }
+    function y(n) {
+      const e = t.value.actions.findIndex(
+        (r) => r.id === n.id
+      );
+      e !== -1 && t.value.actions.splice(e, 1);
+    }
+    return (n, e) => {
+      const r = h, k = U, B = H, V = R;
+      return u(), p("div", j, [
+        a("div", q, [
+          e[3] || (e[3] = a("span", { class: "text-label" }, "启用页尾", -1)),
+          l(r, {
+            modelValue: t.value.enabled,
+            "onUpdate:modelValue": e[0] || (e[0] = (o) => t.value.enabled = o),
+            size: "small"
+          }, null, 8, ["modelValue"]),
+          e[4] || (e[4] = a("div", { class: "setting-divider" }, null, -1))
+        ]),
+        a("div", G, [
+          l(s(F), {
+            modelValue: t.value.actions,
+            "onUpdate:modelValue": e[2] || (e[2] = (o) => t.value.actions = o),
+            animation: 150,
+            group: { name: "pageFooterActions" },
+            ghostClass: "ghost",
+            class: "optBtnDraggable"
+          }, {
+            default: i(() => [
+              (u(!0), p(x, null, w(t.value.actions, (o) => (u(), p("div", {
+                class: S(["optBtn", s(A)(o)]),
+                onMouseenter: (d) => s(g)(o),
+                onMouseleave: e[1] || (e[1] = (d) => s(g)()),
+                onClick: c((d) => s(L)(o), ["stop"])
+              }, [
+                l(k, D({ class: "elBtn" }, { ref_for: !0 }, C(o)), {
+                  default: i(() => [
+                    f(E(o.label), 1)
+                  ]),
+                  _: 2
+                }, 1040),
+                l(B, {
+                  class: "delete-icon",
+                  onClick: c((d) => y(o), ["stop"])
+                }, {
+                  default: i(() => [
+                    l(s(I))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ], 42, J))), 256))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          l(V, {
+            class: "optBtn addLink",
+            underline: "never",
+            type: "primary",
+            icon: s(P),
+            onClick: c(b, ["stop"])
+          }, {
+            default: i(() => [...e[5] || (e[5] = [
+              f("按钮", -1)
+            ])]),
+            _: 1
+          }, 8, ["icon"])
+        ]),
+        e[6] || (e[6] = a("div", { class: "setting-right" }, null, -1))
+      ]);
+    };
+  }
+}, de = /* @__PURE__ */ N(K, [["__scopeId", "data-v-31c57a76"]]);
+export {
+  de as default
+};

package/es/src/packages/form/PageFooterSetting.vue2.js

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

package/es/src/packages/form/PageHeaderSetting.vue.js

@@ -0,0 +1,142 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-link.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-switch.css.js";
+import { computed as c, openBlock as u, createElementBlock as p, createElementVNode as o, createVNode as n, unref as a, withCtx as r, Fragment as w, renderList as E, normalizeClass as D, withModifiers as m, mergeProps as H, createTextVNode as g, toDisplayString as S } from "vue";
+import { VueDraggable as T } from "../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
+import { Close as z, Plus as I, Refresh as P, Download as U, Setting as M } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { getEditConfigData as $, getCurrentClass as A, setHoverItem as v, setSelectedItem as L } from "../utils/common.js";
+import "./PageHeaderSetting.vue2.js";
+import N from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElSwitch as F } from "../../../node_modules/element-plus/es/components/switch/index.js";
+import { ElInput as R } from "../../../node_modules/element-plus/es/components/input/index.js";
+import { ElButton as j } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElIcon as q } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElLink as G } from "../../../node_modules/element-plus/es/components/link/index.js";
+const J = { class: "page-header-setting" }, K = { class: "setting-left" }, O = { class: "setting-right" }, Q = ["onMouseenter", "onClick"], W = {
+  __name: "PageHeaderSetting",
+  setup(X) {
+    const b = c(() => $()), t = c(() => b.value.pageHeaderConfig || {
+      enabled: !0,
+      canBack: !0,
+      title: "",
+      subTitle: "",
+      actions: []
+    }), V = {
+      custom: { type: "primary" },
+      refresh: { icon: P },
+      export: { icon: U },
+      personalize: { icon: M }
+    };
+    function _(s) {
+      const e = V[s.btnType] || {};
+      return s.label ? e.class = "" : e.class = "system", e;
+    }
+    function C() {
+      const s = {
+        id: Date.now(),
+        label: "按钮",
+        type: "pageHeaderBtn",
+        btnType: "custom",
+        btnStyle: "default"
+      };
+      t.value.actions || (t.value.actions = []), t.value.actions.push(s);
+    }
+    function x(s) {
+      const e = t.value.actions.findIndex(
+        (i) => i.id === s.id
+      );
+      e !== -1 && t.value.actions.splice(e, 1);
+    }
+    return (s, e) => {
+      const i = F, f = R, k = j, y = q, B = G;
+      return u(), p("div", J, [
+        o("div", K, [
+          e[6] || (e[6] = o("span", { class: "text-label" }, "启用页头", -1)),
+          n(i, {
+            modelValue: t.value.enabled,
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value.enabled = l),
+            size: "small"
+          }, null, 8, ["modelValue"]),
+          e[7] || (e[7] = o("div", { class: "setting-divider" }, null, -1)),
+          e[8] || (e[8] = o("span", { class: "text-label" }, "显示返回", -1)),
+          n(i, {
+            modelValue: t.value.canBack,
+            "onUpdate:modelValue": e[1] || (e[1] = (l) => t.value.canBack = l),
+            size: "small"
+          }, null, 8, ["modelValue"]),
+          e[9] || (e[9] = o("div", { class: "setting-divider" }, null, -1)),
+          e[10] || (e[10] = o("span", { class: "text-label" }, "标题", -1)),
+          n(f, {
+            modelValue: t.value.title,
+            "onUpdate:modelValue": e[2] || (e[2] = (l) => t.value.title = l),
+            size: "small",
+            placeholder: "请输入标题",
+            style: { width: "180px" }
+          }, null, 8, ["modelValue"]),
+          e[11] || (e[11] = o("div", { class: "setting-divider" }, null, -1)),
+          e[12] || (e[12] = o("span", { class: "text-label" }, "描述", -1)),
+          n(f, {
+            modelValue: t.value.subTitle,
+            "onUpdate:modelValue": e[3] || (e[3] = (l) => t.value.subTitle = l),
+            size: "small",
+            placeholder: "请输入次标题",
+            style: { width: "220px" }
+          }, null, 8, ["modelValue"])
+        ]),
+        o("div", O, [
+          n(a(T), {
+            modelValue: t.value.actions,
+            "onUpdate:modelValue": e[5] || (e[5] = (l) => t.value.actions = l),
+            animation: 150,
+            group: { name: "pageHeaderActions" },
+            ghostClass: "ghost",
+            class: "optBtnDraggable"
+          }, {
+            default: r(() => [
+              (u(!0), p(w, null, E(t.value.actions, (l) => (u(), p("div", {
+                class: D(["optBtn", a(A)(l)]),
+                onMouseenter: (d) => a(v)(l),
+                onMouseleave: e[4] || (e[4] = (d) => a(v)()),
+                onClick: m((d) => a(L)(l), ["stop"])
+              }, [
+                n(k, H({ class: "elBtn" }, { ref_for: !0 }, _(l)), {
+                  default: r(() => [
+                    g(S(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1040),
+                n(y, {
+                  class: "delete-icon",
+                  onClick: m((d) => x(l), ["stop"])
+                }, {
+                  default: r(() => [
+                    n(a(z))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ], 42, Q))), 256))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n(B, {
+            class: "optBtn addLink",
+            underline: "never",
+            type: "primary",
+            icon: a(I),
+            onClick: m(C, ["stop"])
+          }, {
+            default: r(() => [...e[13] || (e[13] = [
+              g("按钮", -1)
+            ])]),
+            _: 1
+          }, 8, ["icon"])
+        ])
+      ]);
+    };
+  }
+}, fe = /* @__PURE__ */ N(W, [["__scopeId", "data-v-aeab999f"]]);
+export {
+  fe as default
+};

package/es/src/packages/form/PageHeaderSetting.vue2.js

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

package/es/src/packages/form/aside/index.js

@@ -0,0 +1,123 @@
+const e = {
+  fieldName: "fieldName",
+  format: "number",
+  labelMode: "default",
+  hasDecimalPlaces: !0,
+  decimalPlaces: 2,
+  optionStyle: "default",
+  dateType: "date"
+}, l = [
+  {
+    title: "基础组件",
+    name: "basic",
+    children: [
+      {
+        fieldType: "text",
+        label: "单行文本",
+        ...e
+      },
+      {
+        fieldType: "textarea",
+        label: "多行文本",
+        ...e
+      },
+      {
+        fieldType: "number",
+        label: "数字",
+        ...e
+      },
+      {
+        fieldType: "date",
+        label: "日期时间",
+        ...e
+      },
+      {
+        fieldType: "select",
+        label: "下拉单选",
+        ...e
+      },
+      {
+        fieldType: "multipleSelection",
+        label: "下拉多选",
+        ...e
+      },
+      {
+        fieldType: "radio",
+        label: "单选框",
+        ...e
+      },
+      {
+        fieldType: "checkbox",
+        label: "多选框",
+        ...e
+      },
+      {
+        fieldType: "switch",
+        label: "开关",
+        ...e
+      },
+      {
+        fieldType: "divider",
+        label: "子标题",
+        fieldName: "divider"
+      },
+      {
+        fieldType: "h2",
+        label: "标题",
+        subLabel: "副标题",
+        fieldName: "h2"
+      }
+    ]
+  },
+  {
+    title: "高级组件",
+    name: "advanced",
+    children: [
+      {
+        fieldType: "subForm",
+        label: "子表单",
+        titleMode: "none",
+        dataSourceFrom: "main",
+        ...e
+      },
+      {
+        fieldType: "subTable",
+        label: "子列表",
+        titleMode: "none",
+        dataSourceFrom: "main",
+        subTableParams: [],
+        subTableHeight: 300,
+        isSubTablePagination: !0,
+        ...e
+      },
+      {
+        fieldType: "upload",
+        label: "上传文件",
+        ...e
+      },
+      {
+        fieldType: "cascader",
+        label: "级联选择",
+        ...e
+      },
+      {
+        fieldType: "richText",
+        label: "富文本",
+        ...e
+      },
+      {
+        fieldType: "area",
+        label: "区域选择",
+        ...e
+      },
+      {
+        fieldType: "industry",
+        label: "行业选择",
+        ...e
+      }
+    ]
+  }
+];
+export {
+  l as default
+};