gds-plus-design-vue 1.2.62 → 1.2.71

package/lib/formFiled.c949a27f.mjs

@@ -0,0 +1,507 @@
+import { m as mapGetters, n as normalizeComponent } from "./components.chartbi.571c5ff5.mjs";
+import { o as onlineFormGetCodeGenerateList } from "./http.syscodegenerateconfigmanage.6d2e5da0.mjs";
+import { P as baseAdd, O as baseEdit, f as baseDetails } from "./http.main.aefea27d.mjs";
+import { l as getMultiple, h as formatting, k as getCurrentTime } from "./utils.util.js.333daba2.mjs";
+import { g as getCss } from "./page.build.376104d5.mjs";
+import "./utils.echarts.js.d1bb8ac6.mjs";
+import "./form.designer.build.c82cb559.mjs";
+import "vue";
+import "./page.designer.componentstree.b0ecddd8.mjs";
+import "./mobile.designer.componentstree.4a1442dc.mjs";
+import "./components.table.9ed77207.mjs";
+import "./utils.datepicker.js.5549a741.mjs";
+import "./components.form.db8af727.mjs";
+import "./http.filemanage.c0de21d6.mjs";
+import "./http.tabledevelopment.3dcb3e97.mjs";
+import "./http.codegeneratemanage.b123bab3.mjs";
+import "./http.duplicatechecking.9b79ce21.mjs";
+import "./http.menumanage.3060f4c7.mjs";
+const formFiled_vue_vue_type_style_index_0_lang = "", _sfc_main = {
+  props: {
+    record: {
+      type: Object,
+      required: !0
+    },
+    develop: {
+      type: [Number, String],
+      default: 1
+    }
+  },
+  data() {
+    return {
+      ruleForm: {},
+      codeList: [],
+      id: "",
+      allField: [],
+      lookupItem: {},
+      confirmLoading: !1,
+      visible: !1,
+      initialRuleForm: {},
+      executeEventData: null,
+      initData: null
+    };
+  },
+  computed: {
+    gclass() {
+      return this.develop == 1 ? "" : this.record.customClass ? `${this.record.customClass}` : "";
+    },
+    style() {
+      const e = this.record.css, t = this.develop == 1 ? "" : `${getCss(this.options)}max-width:100%;`, s = this.record.customCss ? this.record.customCss : "";
+      return `overflow: hidden;${t}${getCss(e)}${s}`;
+    },
+    tableData() {
+      let e = this.tableLists.filter((t) => {
+        const s = this.options.tableName;
+        return t.tablename === s;
+      })[0];
+      return e || [];
+    },
+    options() {
+      return this.record.options;
+    },
+    list() {
+      return this.record.list;
+    },
+    labelWidth() {
+      return `${this.options.labelWidth}${this.options.labelUnit}`;
+    },
+    ...mapGetters(["tableLists"])
+  },
+  methods: {
+    init() {
+      const e = this.initData.data ? this.initData.data : "", t = typeof e == "object" && e[t] ? e[t] : e;
+      this.confirmLoading = !1, t ? this.openData(this.initData) : this.open(this.initData);
+    },
+    callBackFun(e) {
+      if (!(this.executeEventData.callback === void 0 ? !1 : this.executeEventData.callback)) {
+        this.init();
+        return;
+      }
+      if (this.executeEventData.callbackComponents === "" && this.executeEventData.callbackFunction === "") {
+        this.init();
+        return;
+      }
+      const s = {
+        key: this.executeEventData.callbackComponents,
+        functionName: this.executeEventData.callbackFunction,
+        data: e,
+        id: null,
+        source: this.record,
+        transfer: this.record,
+        callback: !1,
+        callbackComponents: "",
+        callbackFunction: ""
+      };
+      if (s.key === this.record.key) {
+        const i = s.functionName;
+        this.confirmLoading = !1, this[i] && this[i](s);
+        return;
+      }
+      this.record.doEvent(s), setTimeout(() => {
+        this.confirmLoading = !1;
+      }, 100);
+    },
+    lookupData(e) {
+      this.lookupItem = e;
+      const t = e.options.columnName ? e.options.columnName.toLowerCase() : e.options.columnName, s = e.options.searchWid ? e.options.searchWid + e.options.searchUnit : "90%";
+      let i = e.options.fkEntityName.split(","), o = e.options.viewdeId, l = e.options.formdeId;
+      if (["participants", "about"].includes(e.options.effectType)) {
+        const n = e.aboutEntityConfig ? e.aboutEntityConfig : [], a = n.filter((d) => d.isDefault)[0], r = a ? a.fkEntityName : i[0], c = n.filter((d) => d.fkEntityName === r)[0];
+        o = c ? c.viewdeId : o, l = c ? c.formdeId : l;
+        const m = i.filter((d) => d != r);
+        i = [r].concat(m);
+      }
+      this.$refs.viewSearch.open({
+        fkEntityName: i.join(","),
+        effectType: e.options.effectType,
+        viewId: o,
+        formId: l,
+        filterList: e.filterList ? e.filterList : [],
+        filterConfig: e.options.filterConfig,
+        val: this.ruleForm[t],
+        width: s
+      });
+    },
+    lookupSeled(e) {
+      const t = ["fk", "about", "user"].includes(this.lookupItem.options.effectType) ? e.data[0] ? e.data[0] : "" : e.data, s = this.lookupItem.options.columnName ? this.lookupItem.options.columnName.toLowerCase() : this.lookupItem.options.columnName;
+      this.ruleForm[s] = t;
+      const i = this.allField.filter((o) => o.options.columnName === this.lookupItem.options.columnName)[0];
+      i && (this.$nextTick(() => {
+        setTimeout(() => {
+          i.setData({
+            val: t,
+            data: this.ruleForm,
+            items: Object.assign(i, {
+              effectType: i.options.effectType
+            }),
+            fkData: e.fkData
+          });
+        }, 0);
+      }), this.handleChangeForm(i));
+    },
+    handleChangeForm(e) {
+      const t = e.options.columnName ? e.options.columnName.toLowerCase() : e.options.columnName, s = e.options.spaceTrim ? e.options.spaceTrim : "none";
+      ["around", "all"].includes(s) && (this.ruleForm[t] = s === "around" ? this.ruleForm[t].trim() : this.ruleForm[t].replace(/\s+/g, "")), this.ruleForm[t];
+    },
+    open(e) {
+      this.visible = !0, this.confirmLoading = !0;
+      const t = e.data ? e.data : "";
+      this.initData = e, this.id = typeof t == "object" && t.id ? t.id : t, typeof t == "object" && (Object.assign(this.ruleForm, {
+        ...t
+      }), this.processingData(t)), this.onlineGenerateList().then(async (s) => {
+        await this.baseInitData(), this.$nextTick(() => {
+          setTimeout(() => {
+            this.$refs.ruleForm.clearValidate(), this.confirmLoading = !1;
+          }, 0);
+        });
+      });
+    },
+    openData(e) {
+      this.visible = !0;
+      const t = e.data ? e.data : "";
+      if (this.initData = e, this.id = typeof t == "object" && t.id ? t.id : t, !this.id) {
+        this.open(e);
+        return;
+      }
+      this.confirmLoading = !0, this.onlineGenerateList().then(async (s) => {
+        await this.baseInitData(), this.getDetail(this.id);
+      });
+    },
+    getFormData() {
+      this.verificationForm().then((e) => {
+        this.callBackFun(e);
+      });
+    },
+    save() {
+      this.confirmLoading || (this.id == "" ? this.add() : this.edit());
+    },
+    add() {
+      this.confirmLoading = !0, this.verificationForm().then((e) => {
+        e.id !== void 0 && delete e.id;
+        const t = this.options.baseAddApi ? this.options.baseAddApi : "";
+        return baseAdd(e, t).then((s) => {
+          if (s.code === 200)
+            this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F")), this.callBackFun(s.data);
+          else {
+            const i = typeof s.message == "string" ? s.message : JSON.stringify(s.message);
+            this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25:") + i), this.confirmLoading = !1;
+          }
+        });
+      }).catch((e) => {
+        this.confirmLoading = !1;
+      });
+    },
+    edit() {
+      this.confirmLoading = !0, this.verificationForm().then((e) => {
+        const t = Object.assign({ ...e }, { id: this.id }), s = this.options.baseEditApi ? this.options.baseEditApi : "";
+        baseEdit(t, s).then((i) => {
+          if (i.code === 200)
+            this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F")), this.callBackFun(t);
+          else {
+            const o = typeof i.message == "string" ? i.message : JSON.stringify(i.message);
+            this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25:") + o), this.confirmLoading = !1;
+          }
+        }).catch(() => {
+          this.confirmLoading = !1;
+        });
+      }).catch((e) => {
+        this.confirmLoading = !1;
+      });
+    },
+    getDetail(e) {
+      const t = this.options.baseDetailsApi ? this.options.baseDetailsApi : "";
+      baseDetails(
+        {
+          tableId: this.tableData.id,
+          id: e || this.id
+        },
+        t
+      ).then((s) => {
+        if (s.code === 200) {
+          const i = this.baseFormatterData(s.data[0]);
+          this.ruleForm = i, this.processingData(s.data[0]);
+        } else
+          this.$message.error(s.message);
+      });
+    },
+    processingData(e) {
+      let t = {
+        ...e
+      }, s = [];
+      for (let i in t) {
+        const o = this.codeList.filter((a) => a.columnname === i)[0], l = this.allField.filter((a) => (a.options.columnName ? a.options.columnName.toLowerCase() : a.options.columnName) === i)[0];
+        let n = o ? o.effecttype : "";
+        if (n === "checkbox")
+          t[i] = t[i] === null || t[i] === "" ? [] : t[i].split(",");
+        else if (n === "image")
+          s.push({
+            data: t[i],
+            items: o,
+            done: l
+          });
+        else if (n === "file")
+          s.push({
+            data: t[i],
+            items: o,
+            done: l
+          });
+        else if (n === "radio" || n === "select")
+          t[i] = t[i] !== null ? String(t[i]) : "";
+        else if (n === "double" || n === "inputnumber" || n === "double" || n === "currency")
+          t[i] = t[i] !== "" && t[i] !== null ? t[i] : void 0;
+        else if (n === "fk" || n === "about" || n === "user")
+          t[i] = t[i] ? t[i] : "", s.push({
+            data: t[i],
+            items: o,
+            done: l
+          });
+        else if (n === "switch")
+          t[i] = t[i] === null ? 0 : t[i];
+        else if (n === "datepicker")
+          t[i] = t[i] ? t[i] : "";
+        else if (n === "participants") {
+          let a = [], r = t[i] ? JSON.parse(t[i]) : [];
+          s.push({
+            data: r,
+            items: o,
+            done: l
+          }), r.forEach((c) => {
+            c.id = Number(c.id), a.includes(c.id) || a.push(c.id);
+          }), t[i] = a;
+        }
+      }
+      this.ruleForm = this.baseFormatterData(t), this.$nextTick(() => {
+        setTimeout(() => {
+          s.forEach((i) => {
+            i.done && i.done.setData && i.done.setData({
+              val: i.data,
+              data: t,
+              items: i.items
+            }), i.done && i.done.options && i.done.options.effectType === "file" && (i.done.sourceData = i.data);
+          });
+        }, 0), setTimeout(() => {
+          this.confirmLoading = !1;
+        }, 300);
+      });
+    },
+    baseFormatterData(e) {
+      const t = this.allField.filter((i) => i.options.effectType === "double");
+      let s = /* @__PURE__ */ new Map();
+      for (let i in e) {
+        let o = i.toLowerCase(), l = t.filter((n) => n.options.columnName.toLowerCase() === o)[0];
+        if (l && e[i] !== "" && e[i] !== null && e[i] !== void 0) {
+          let n = getMultiple(l.options);
+          s.set(o, Number(e[i]) * n);
+        } else
+          s.set(o, e[i]);
+      }
+      return Object.fromEntries(s);
+    },
+    baseParserData(e) {
+      const t = this.allField.filter((i) => i.options.effectType === "double");
+      let s = /* @__PURE__ */ new Map();
+      for (let i in e) {
+        let o = i.toLowerCase(), l = t.filter((n) => n.options.columnName.toLowerCase() === o)[0];
+        if (l) {
+          let n = getMultiple(l.options), a = l.options.precision === void 0 ? l.options.filedSize === void 0 ? 0 : l.options.filedSize : l.options.precision;
+          s.set(o, Number((e[i] / n).toFixed(a)));
+        } else
+          s.set(o, e[i]);
+      }
+      return Object.fromEntries(s);
+    },
+    verificationForm() {
+      return new Promise((e, t) => {
+        let s = this.allField.filter((a) => ["about"].includes(a.options.effectType)), i = this.allField.filter((a) => ["participants"].includes(a.options.effectType)), o = /* @__PURE__ */ new Map();
+        s.forEach((a) => {
+          const r = a.fkData.filter((f) => f.id !== ""), c = a.options.columnName.toLowerCase(), m = a.options.relations.toLowerCase();
+          let d = r.filter((f) => f.id == this.ruleForm[c])[0], u = m + "_abouttable";
+          o.set(u, d ? d.tableName : a.options.fkEntityName.split(",")[0]), o.set(m, d ? d.name : "");
+        }), i.forEach((a) => {
+          const r = a.fkData.filter((u) => u.id !== ""), c = a.options.columnName.toLowerCase();
+          let m = r.filter((u) => this.ruleForm[c].includes(u.id)), d = [];
+          m.forEach((u) => {
+            d.push({
+              id: u.id,
+              name: u.name,
+              tableName: u.tableName
+            });
+          }), o.set(c, JSON.stringify(d));
+        });
+        let l = {
+          ...this.ruleForm
+        };
+        for (const a in l) {
+          const r = typeof l[a];
+          r === "undefined" ? l[a] = "" : r === "object" && (l[a] = formatting(l[a]));
+        }
+        const n = Object.assign(
+          {
+            ...this.baseParserData(Object.assign(l, Object.fromEntries(o)))
+          },
+          {
+            tableId: this.tableData.id,
+            fkList: [],
+            updateFiled_GD: this.updateFiled
+          }
+        );
+        this.$refs.ruleForm.validate((a, r) => {
+          if (a)
+            e(n);
+          else {
+            let c = new Map(Object.entries(r)), m = [];
+            for (let p of c.keys())
+              m.push(p);
+            const d = r[m[0]][0], u = this.allField.filter((p) => p.options.columnName === d.field)[0], f = u ? `${this.$i18nt(`Dynamics.${u.options.transKey}`, u.label)} (${d.field})` : d.field;
+            this.$message.error(`${this.$i18nt("gd.https.errors", "\u6821\u9A8C\u5931\u8D25")}: ${f} ${d.message}!`), t({
+              err: `${this.$i18nt("gd.https.errors", "\u6821\u9A8C\u5931\u8D25")}: ${f} ${d.message}!`
+            });
+          }
+        });
+      });
+    },
+    baseInitData() {
+      return new Promise((e) => {
+        this.allField = this.getItemList();
+        const t = this.getInitColumnData();
+        this.ruleForm = Object.assign(this.baseFormatterData(t), {
+          id: this.id
+        }), this.$nextTick(() => {
+          setTimeout(() => {
+            this.$refs.ruleForm.clearValidate();
+          }, 0);
+        }), e();
+      });
+    },
+    onlineGenerateList() {
+      return this.codeList.length > 0 ? new Promise((e) => {
+        e();
+      }) : onlineFormGetCodeGenerateList({
+        codeGenId: this.tableData.id
+      }).then((e) => (e.code == 200 && (this.codeList = e.data), e));
+    },
+    getItemList() {
+      let typeList = [
+        "input",
+        "textarea",
+        "datePicker",
+        "timePicker",
+        "inputNumber",
+        "radio",
+        "checkbox",
+        "select",
+        "rate",
+        "switch",
+        "slider",
+        "uploadImg",
+        "uploadFile",
+        "editor"
+      ], updateFiled = [], notBringToFields = [], itemList = [], currencyFiled = [];
+      const traverse = (array) => (array = array.filter((element, index) => {
+        ["grid", "tabs", "collapse"].includes(element.type) && element.columns.forEach((e) => {
+          e.list = traverse(e.list);
+        }), ["card", "drawer", "dialog", "batch", "form", "flexLayout", "drawerContainer", "containerPanel"].includes(element.type) && (element.list = traverse(element.list)), element.type === "table" && element.trs.forEach((e) => {
+          e.tds.forEach((t) => {
+            t.list = traverse(t.list);
+          });
+        });
+        const names = element.options.columnName ? element.options.columnName.toLowerCase() : element.options.columnName;
+        if (element.options && element.options.effectType == "currency" && currencyFiled.push(element), element.options && names) {
+          itemList.push(element);
+          let e = element.options.bringTo === void 0 ? !0 : element.options.bringTo, t = this.codeList.filter((s) => s.columnname == names)[0];
+          if (e && t && t.columnname !== "id" && t.columnname !== "ownerid" && updateFiled.push(t.id), element.options.effectType == "about") {
+            let s = names.replace("_aboutid", "_abouttable");
+            t = this.codeList.filter((i) => i.columnname == s)[0], t && updateFiled.push(t.id);
+          }
+          e && names !== "id" || notBringToFields.push(names);
+        }
+        if (typeList.includes(element.type) && element.rules !== void 0 && element.rules.length > 0 && element.rules.map((item) => (item.message === "\u5FC5\u586B\u9879" && (item.message = this.$i18nt("gd.placeholder.required", "\u5FC5\u586B\u9879")), item.pattern !== void 0 && (item.pattern = eval(item.pattern)), item)), typeList.includes(element.type)) {
+          let e = this.codeList.filter((i) => i.columnname === names)[0], t = e && e.issecurity !== void 0 ? e.issecurity : "N";
+          element.lockShow = t === "Y";
+          let s = {
+            transKey: element.options.transKey ? element.options.transKey : e ? e.transkey : null
+          };
+          if (t === "Y" && e) {
+            element.isQuery = e === void 0 ? !0 : e.isquery, element.isEdit = e === void 0 ? !0 : e.isedit, element.isAdd = e === void 0 ? !0 : e.isadd;
+            let i = element.options.disabled !== void 0 ? element.options.disabled : !1;
+            element.options.odisabled === void 0 ? s = Object.assign(s, {
+              odisabled: i
+            }) : i = element.options.odisabled;
+            let o = this.id === "" ? e.isadd ? i : !0 : e.isedit ? i : !0, l = e.isquery ? !1 : !(e.isedit || e.isadd), n = this.id === "" ? e.isadd ? element.options.bringTo : !1 : e.isedit ? element.options.bringTo : !1;
+            e !== void 0 && (s = Object.assign(s, {
+              hidden: l,
+              disabled: o,
+              columnName: names
+            })), !n && e && (updateFiled = updateFiled.filter((r) => r !== e.id)), element.orules === void 0 && (element.orules = element.rules ? element.rules : []), o ? element.rules = [] : element.rules = element.orules, e !== void 0 && !element.isAdd && addData.push(e.id), e !== void 0 && !element.isEdit && editData.push(e.id);
+            let a = this.id === "" ? e.isquery || e.isadd : e.isquery || e.isedit;
+            element.permissions = a;
+          }
+          element.options = Object.assign(
+            {
+              ...element.options
+            },
+            s
+          );
+        }
+        return !0;
+      }), array);
+      return traverse(this.list), this.updateFiled = updateFiled.join(","), this.notBringToFields = notBringToFields, this.currencyFiled = currencyFiled, itemList;
+    },
+    getInitColumnData(e) {
+      let t = /* @__PURE__ */ new Map();
+      return (e || this.allField.filter((i) => !i.componentItem)).forEach((i) => {
+        const o = i.options.columnName.toLowerCase();
+        if (["input", "textarea", "image", "file", "editor"].includes(i.options.effectType))
+          t.set(o, i.options.defaultValue !== void 0 ? i.options.defaultValue : "");
+        else if (["fk", "user", "select", "radio"].includes(i.options.effectType))
+          t.set(o, i.options.defaultValue !== void 0 ? i.options.defaultValue : void 0);
+        else if (["participants", "checkbox"].includes(i.options.effectType))
+          t.set(o, i.options.defaultValue !== void 0 ? i.options.defaultValue : []);
+        else if (["switch"].includes(i.options.effectType)) {
+          const l = i.options.defaultValue !== void 0 ? i.options.defaultValue : 0;
+          t.set(o, l);
+        } else if (["inputnumber", "currency", "double"].includes(i.options.effectType))
+          t.set(
+            o,
+            i.options.defaultValue !== void 0 ? i.options.defaultValue === "undefined" ? void 0 : i.options.defaultValue : void 0
+          );
+        else if (["datepicker"].includes(i.options.effectType)) {
+          const n = (i.options.isCurrentTime !== void 0 ? i.options.isCurrentTime : !1) ? getCurrentTime() : i.options.defaultValue !== void 0 ? i.options.defaultValue : "";
+          t.set(o, n);
+        } else
+          t.set(o, i.options.defaultValue !== void 0 ? i.options.defaultValue : "");
+      }), Object.fromEntries(t);
+    },
+    executeEvent(e) {
+      if (this.confirmLoading)
+        return;
+      this.executeEventData = e;
+      const t = e.functionName ? e.functionName : "";
+      t && this[t] !== void 0 ? this[t](e) : console.log("\u6267\u884C\u9519\u8BEF");
+    }
+  },
+  mounted() {
+    this.record.executeEvent = this.executeEvent, this.record.type === "form" && (this.ruleForm = {
+      ...this.record.ruleForm
+    });
+  }
+};
+var _sfc_render = function e() {
+  var t = this, s = t._self._c;
+  return s("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.confirmLoading, expression: "confirmLoading" }], class: t.gclass, style: t.style }, [s("el-form", { ref: "ruleForm", attrs: { inline: t.options.inline, labelPosition: t.options.labelPosition, labelWidth: t.labelWidth, model: t.ruleForm }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t._t("formItem", null, { ruleFormData: t.ruleForm, lookupData: t.lookupData, handleChangeForm: t.handleChangeForm, tableData: t.tableData })], 2), s("gd-search", { ref: "viewSearch", attrs: { appendToBody: !0 }, on: { lookupSeled: t.lookupSeled } })], 1);
+}, _sfc_staticRenderFns = [], __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const formFiled = __component__.exports;
+export {
+  formFiled as default
+};