@web-utils/component 4.0.13 → 4.0.15

package/chunks/FyForm.DriwCJ7b.mjs

@@ -0,0 +1,765 @@
+import v from "element-ui/lib/button";
+import j from "element-ui/lib/form-item";
+import z from "element-ui/lib/col";
+import { n as S } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import "../fy-u-editor/style.css";
+import { g as L, a as A, f as Y, c as G, b as U } from "./dataformat.DJoNBlmI.mjs";
+import { s as K } from "./slot.DXIbhGat.mjs";
+import { u as I, g as B, M as q, A as J, D as P, a as Q, b as X, c as N, e as Z, f as ee, h as te, d as E, s as D, i as x, j as re, o as ie, k as se, l as ae } from "./util.DI42t5GU.mjs";
+import ne from "element-ui/lib/tooltip";
+import oe from "element-ui/lib/tab-pane";
+import le from "element-ui/lib/tabs";
+import pe from "element-ui/lib/collapse-item";
+import fe from "element-ui/lib/collapse";
+import ue from "element-ui/lib/row";
+import ce from "element-ui/lib/form";
+import { isBlank as u } from "@web-utils/core";
+import { formatDate as g } from "@web-utils/integrations/dayjs";
+import { i as de } from "./init.xOlFpTyZ.mjs";
+import { s as me } from "./dic.BinnDitI.mjs";
+import { p as he } from "./packages.ByyangTp.mjs";
+const _e = {
+  name: "FyFormMenu",
+  inject: ["formSafe"],
+  computed: {
+    menuSpan() {
+      return this.formSafe.parentOption.menuSpan || 24;
+    },
+    styleName() {
+      return this.menuSpan !== 24 ? {
+        padding: 0
+      } : {};
+    }
+  }
+};
+var be = function() {
+  var e = this, i = e._self._c;
+  return e.formSafe.parentOption.menuBtn !== !1 ? i(z, { class: ["menu", e.formSafe.menuPosition, "no-print"], style: e.styleName, attrs: { span: e.menuSpan, md: e.menuSpan } }, [i(j, { staticStyle: { "text-align": "center" }, attrs: { "label-width": "0px" } }, [e.formSafe.isMock ? i(v, { attrs: { type: "primary", size: e.formSafe.controlSize, icon: "el-icon-edit-outline", disabled: e.formSafe.allDisabled }, on: { click: e.formSafe.handleMock } }, [e._v(" " + e._s(e.formSafe.parentOption.mockText || "模拟") + " ")]) : e._e(), e.formSafe.isPrint ? i(v, { attrs: { type: "primary", size: e.formSafe.controlSize, icon: "el-icon-printer", disabled: e.formSafe.allDisabled }, on: { click: e.formSafe.handlePrint } }, [e._v(" " + e._s(e.formSafe.parentOption.printText || "打印") + " ")]) : e._e(), e.formSafe.parentOption.submitBtn !== !1 ? i(v, { attrs: { type: "primary", size: e.formSafe.controlSize, icon: e.formSafe.parentOption.submitIcon || "el-icon-check", loading: e.formSafe.allDisabled }, on: { click: e.formSafe.submit } }, [e._v(" " + e._s(e.formSafe.parentOption.submitText || "提交") + " ")]) : e._e(), e.formSafe.parentOption.emptyBtn !== !1 ? i(v, { attrs: { icon: e.formSafe.parentOption.emptyIcon || "el-icon-delete", size: e.formSafe.controlSize, disabled: e.formSafe.allDisabled }, on: { click: e.formSafe.resetForm } }, [e._v(" " + e._s(e.formSafe.parentOption.emptyText || "清空") + " ")]) : e._e(), e._t("menuForm", null, { disabled: e.formSafe.allDisabled, size: e.formSafe.controlSize })], 2)], 1) : e._e();
+}, ye = [], ve = /* @__PURE__ */ S(
+  _e,
+  be,
+  ye,
+  !1,
+  null,
+  null
+);
+const C = ve.exports, ge = {
+  name: "FormTemp",
+  components: { FyUEditor: () => import("../fy-u-editor/index.mjs") },
+  mixins: [K],
+  props: {
+    value: [String, Object, Number, Boolean, Array],
+    columnSlot: {
+      type: Array,
+      default: () => []
+    },
+    tableData: {
+      type: Object,
+      default: () => ({})
+    },
+    enter: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String
+    },
+    propsHttp: {
+      type: Object,
+      default: () => ({})
+    },
+    props: {
+      type: Object
+    },
+    dic: {
+      type: Array
+    },
+    size: {
+      type: String
+    },
+    disabled: {
+      type: Boolean
+    },
+    readonly: {
+      type: Boolean
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    params() {
+      return this.column.params || {};
+    },
+    event() {
+      return this.column.event || {};
+    },
+    text: {
+      get() {
+        return this.value;
+      },
+      set(r) {
+        this.$emit("input", r), this.$emit("change", r);
+      }
+    }
+  },
+  methods: {
+    uploadFun: I,
+    getComponent: A,
+    getPlaceholder: L,
+    enterChange() {
+      typeof this.column.enter == "function" ? this.column.enter({ value: this.text, column: this.column }) : this.enter && this.$emit("enter");
+    }
+  }
+};
+var Se = function() {
+  var e = this, i = e._self._c;
+  return i(e.getComponent(e.column.type, e.column.component), e._g(e._b({ ref: "temp", tag: "Component", attrs: { column: Object.assign(e.column, e.params), dic: e.dic, disabled: e.column.disabled || e.disabled, readonly: e.column.readonly || e.readonly, placeholder: e.getPlaceholder(e.column), props: e.column.props || e.props, "props-http": e.column.propsHttp || e.propsHttp, size: e.column.size || e.size, "table-data": e.tableData, type: e.type || e.column.type, "column-slot": e.columnSlot }, nativeOn: { keyup: function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.enterChange.apply(null, arguments);
+  } }, scopedSlots: e._u([e._l(e.columnSlot, function(s) {
+    return { key: s, fn: function(a) {
+      return [e._t(s, null, null, a)];
+    } };
+  })], null, !0), model: { value: e.text, callback: function(s) {
+    e.text = s;
+  }, expression: "text" } }, "Component", Object.assign(e.column, e.uploadFun(e.column)), !1), e.event), [e.params.html ? i("span", { domProps: { innerHTML: e._s(e.params.html) } }) : e._e()]);
+}, $e = [], Oe = /* @__PURE__ */ S(
+  ge,
+  Se,
+  $e,
+  !1,
+  null,
+  null
+);
+const V = Oe.exports, ke = {
+  name: "FormGroup",
+  props: {
+    arrow: {
+      type: Boolean,
+      default: !0
+    },
+    collapse: {
+      type: Boolean,
+      default: !0
+    },
+    header: {
+      type: Boolean,
+      default: !0
+    },
+    icon: {
+      type: String
+    },
+    display: {
+      type: Boolean,
+      default: !0
+    },
+    label: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      activeName: ""
+    };
+  },
+  computed: {
+    text() {
+      return this.collapse ? 1 : 0;
+    },
+    isHeader() {
+      return this.$slots.header && this.header || (this.label || this.icon) && this.header;
+    }
+  },
+  watch: {
+    text(r) {
+      this.activeName = [r];
+    }
+  },
+  created() {
+    this.activeName = [this.text];
+  },
+  methods: {
+    handleChange(r) {
+      this.$emit("change", r);
+    }
+  }
+};
+var De = function() {
+  var e = this, i = e._self._c;
+  return e.display ? i("div", { class: ["avue-group", { "avue-group--header": !e.isHeader, "avue-group__arrow": !e.arrow }] }, [e._t("tabs"), i(fe, { attrs: { value: e.text }, on: { change: e.handleChange }, model: { value: e.activeName, callback: function(s) {
+    e.activeName = s;
+  }, expression: "activeName" } }, [i(pe, { attrs: { name: 1, disabled: !e.arrow }, scopedSlots: e._u([{ key: "title", fn: function() {
+    return [i("div", { staticClass: "avue-group__header" }, [e._t("header", function() {
+      return [e.icon ? i("i", { class: [e.icon, "avue-group__icon"] }) : e._e(), e.label ? i("h1", { staticClass: "avue-group__title" }, [e._v(" " + e._s(e.label) + " ")]) : e._e()];
+    })], 2)];
+  }, proxy: !0 }], null, !0) }, [e._t("default")], 2)], 1)], 2) : e._e();
+}, xe = [], Ce = /* @__PURE__ */ S(
+  ke,
+  De,
+  xe,
+  !1,
+  null,
+  null
+);
+const M = Ce.exports, Fe = (r = {}, e = {}, i = {}, s = []) => {
+  let a = r[e.prop];
+  const t = e.type, n = e.separator;
+  if (e.bind && (a = B(r, e.bind)), u(a))
+    a = "";
+  else {
+    const o = q.includes(e.type) && e.multiple, p = J.includes(e.type);
+    if ((["string", "number"].includes(e.dataType) || o || p) && !Array.isArray(a) && (a = `${a}`.split(n || P), e.dataType === "number" && (a = Q(a))), X.includes(t))
+      Array.isArray(a) ? a = a.join(n || N) : a = a.split(n || P).join(n || N);
+    else if (t === "password")
+      a = Z(a, "*");
+    else if (ee.includes(t) && e.format) {
+      const d = e.format.replace("dd", "DD").replace("yyyy", "YYYY"), _ = g(Date.now(), "YYYY-MM-DD");
+      if (t.indexOf("range") !== -1) {
+        let m = a[0] || "", h = a[1] || "";
+        t === "timerange" && m.length <= 8 && h.length < 8 && (m = `${_} ${m}`, h = `${_} ${h}`), a = [g(m, d), g(h, d)].join(e.separator || "~");
+      } else
+        t === "time" && a.length <= 8 && (a = `${_} ${a}`), a = g(a, d);
+    }
+    a = te(s, a, e.props || i.props);
+  }
+  return e.formatter && typeof e.formatter == "function" && (a = e.formatter(r, r[e.prop], a, e)), a;
+}, Te = (r, e, i, s) => {
+  if (!s) return;
+  if (!window.Mock) {
+    he.logs("mock");
+    return;
+  }
+  const t = (window.Mock || {}).Random, n = {};
+  function o({ en: c }) {
+    return c ? t.name(!0) : t.cname();
+  }
+  function p({ max: c, min: l, precision: f }) {
+    if (f) {
+      const b = `${t.float(l, c, f)}`, y = b.indexOf(".") + 1;
+      return Number(b.substring(0, y + f));
+    } else
+      return t.integer(l, c);
+  }
+  function d({ header: c }) {
+    let l = t.url();
+    const f = l.indexOf("://");
+    return c === !1 ? l = l.substring(f + 3) : l = `http://${l.substring(f + 3)}`, l;
+  }
+  function _({ format: c, now: l }) {
+    return l ? t.now(c) : t.datetime(c);
+  }
+  function m({ min: c, max: l }) {
+    return t.csentence(c, l);
+  }
+  function h() {
+    return t.county(!0);
+  }
+  function H({ dic: c, props: l, columnType: f, multiple: b }) {
+    const y = l.value || "value", $ = c.length;
+    if (["checkbox"].includes(f) || b) {
+      const O = p({ min: 1, max: $ }), k = [];
+      for (let F = 0; F < O; F++) {
+        let T = !0;
+        for (; T; ) {
+          const W = p({ min: 0, max: $ - 1 }), w = c[W][y];
+          k.includes(w) || (k.push(w), T = !1);
+        }
+      }
+      return k;
+    } else {
+      const O = p({ min: 0, max: $ - 1 });
+      return c[O][y];
+    }
+  }
+  function R() {
+    Object.keys(r).forEach((c) => {
+      const l = r[c];
+      if (l.mock && typeof l.mock == "object") {
+        const f = l.mock;
+        switch (f.dic = typeof l.dicData == "string" ? e[l.dicData] : l.dicData || [], f.props = l.props || {}, f.columnType = l.type, f.multiple = l.multiple, f.type) {
+          case "name":
+            n[l.prop] = o(f);
+            break;
+          case "number":
+            n[l.prop] = p(f);
+            break;
+          case "datetime":
+            n[l.prop] = _(f);
+            break;
+          case "word":
+            n[l.prop] = m(f);
+            break;
+          case "url":
+            n[l.prop] = d(f);
+            break;
+          case "county":
+            n[l.prop] = h();
+            break;
+          case "dic":
+            n[l.prop] = H(f);
+            break;
+        }
+      } else l.mock instanceof Function && (n[l.prop] = l.mock(i));
+    });
+  }
+  return R(), n;
+}, we = {
+  name: "FyForm",
+  components: { FormTemp: V, FyFormMenu: C, FormGroup: M },
+  mixins: [de],
+  provide() {
+    return {
+      formSafe: this
+    };
+  },
+  props: {
+    uploadBefore: Function,
+    uploadAfter: Function,
+    uploadDelete: Function,
+    uploadPreview: Function,
+    uploadError: Function,
+    uploadExceed: Function,
+    status: {
+      type: Boolean,
+      default: !1
+    },
+    isCrud: {
+      type: Boolean,
+      default: !1
+    },
+    value: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      activeName: "",
+      labelWidth: 90,
+      allDisabled: !1,
+      optionIndex: [],
+      optionBox: !1,
+      tableOption: {},
+      itemSpanDefault: 12,
+      form: {},
+      formCreate: !1,
+      formList: [],
+      formBind: {}
+    };
+  },
+  computed: {
+    columnSlot() {
+      return Object.keys(this.$scopedSlots).filter((r) => !this.propOption.map((e) => e.prop).includes(r));
+    },
+    labelSuffix() {
+      return this.parentOption.labelSuffix || ":";
+    },
+    isMenu() {
+      return this.columnOption.length !== 1;
+    },
+    isDetail() {
+      return this.detail === !0;
+    },
+    isTabs() {
+      return this.parentOption.tabs === !0;
+    },
+    isAdd() {
+      return this.boxType === "add";
+    },
+    isEdit() {
+      return this.boxType === "edit";
+    },
+    isView() {
+      return this.boxType === "view";
+    },
+    gutter() {
+      return D((this.parentOption.gutter || 10) / 2);
+    },
+    detail() {
+      return this.parentOption.detail;
+    },
+    disabled() {
+      return this.parentOption.disabled;
+    },
+    readonly() {
+      return this.parentOption.readonly;
+    },
+    tabsType() {
+      return this.parentOption.tabsType;
+    },
+    columnLen() {
+      return this.columnOption.length;
+    },
+    dynamicOption() {
+      const r = [];
+      return this.propOption.forEach((e) => {
+        e.type === "dynamic" && this.vaildDisplay(e) && r.push(e);
+      }), r;
+    },
+    propOption() {
+      const r = [];
+      return this.columnOption.forEach((e) => {
+        e.display !== !1 && e.column.forEach((i) => {
+          r.push(i);
+        });
+      }), r;
+    },
+    parentOption() {
+      return this.tableOption || {};
+    },
+    columnOption() {
+      const r = this.tableOption.column || [], e = E(this.tableOption.group) || [], i = this.tableOption.footer || [];
+      return e.unshift({
+        header: !1,
+        column: r
+      }), i.length !== 0 && e.push({
+        header: !1,
+        column: i
+      }), e.forEach((s) => {
+        s.column = s.column || [], s.column.forEach((a, t) => {
+          a.display !== !1 && !this.isMobile && (a = G(a, this.itemSpanDefault, t === 0));
+        }), s.column = U(s.column), s.column = s.column.sort((a, t) => (t.order || 0) - (a.order || 0));
+      }), e;
+    },
+    menuPosition() {
+      return this.parentOption.menuPosition ? this.parentOption.menuPosition : "center";
+    },
+    boxType() {
+      return this.parentOption.boxType;
+    },
+    isPrint() {
+      return this.parentOption.printBtn === !0;
+    },
+    tabsActive() {
+      return this.tableOption.tabsActive || "1";
+    },
+    isMock() {
+      return this.parentOption.mockBtn === !0;
+    }
+  },
+  watch: {
+    value: {
+      handler() {
+        this.formCreate && this.setForm();
+      },
+      deep: !0
+    },
+    form: {
+      handler() {
+        this.formCreate && (this.setLabel(), this.setVal());
+      },
+      deep: !0
+    },
+    tabsActive: {
+      handler() {
+        this.activeName = this.tabsActive;
+      },
+      immediate: !0
+    },
+    DIC: {
+      handler() {
+        this.setLabel();
+      },
+      deep: !0,
+      immediate: !0
+    },
+    allDisabled: {
+      handler(r) {
+        this.$emit("update:status", r);
+      },
+      deep: !0,
+      immediate: !0
+    }
+  },
+  mounted() {
+    setTimeout(() => {
+      this.dataFormat();
+    });
+  },
+  beforeDestroy() {
+    Object.keys(this.formBind).forEach((r) => {
+      this.formBind[r].forEach((e) => {
+        e();
+      });
+    });
+  },
+  methods: {
+    setPx: D,
+    deepClone: E,
+    getComponent: A,
+    getPlaceholder: L,
+    uploadFun: I,
+    getDisabled(r) {
+      return this.vaildDetail(r) || this.isDetail || this.vaildDisabled(r) || this.allDisabled;
+    },
+    getSpan(r) {
+      return r.span || this.parentOption.span || this.itemSpanDefault;
+    },
+    isGroupShow(r, e) {
+      return this.isTabs ? `${e}` === this.activeName || e === 0 : !0;
+    },
+    // 初始化表单
+    dataFormat() {
+      const r = Y(this.propOption).tableForm, e = this.value, i = {};
+      Object.entries(Object.assign(r, e)).forEach((s) => {
+        const a = s[0], t = s[1];
+        u(e[a]) ? i[a] = t : i[a] = e[a];
+      }), this.$set(this, "form", i), this.setLabel(), this.setControl(), this.setVal(), setTimeout(() => {
+        this.formCreate = !0, this.clearValidate();
+      });
+    },
+    setControl() {
+      this.propOption.forEach((r) => {
+        const e = r.prop, i = r.bind, s = r.control;
+        if (!this.formBind[e]) {
+          const a = [];
+          if (i) {
+            const t = this.$watch(`form.${e}`, (o, p) => {
+              o !== p && ae(this.form, i, o);
+            }), n = this.$watch(`form.${i}`, (o, p) => {
+              o !== p && this.$set(this.form, e, o);
+            });
+            a.push(t), a.push(n), this.$set(this.form, e, B(this.form, i));
+          }
+          if (s) {
+            const t = () => {
+              const o = s(this.form[r.prop], this.form) || {};
+              Object.keys(o).forEach((p) => {
+                const d = Object.assign(this.objectOption[p] || {}, o[p]);
+                this.$set(this.objectOption, p, d), o[p].dicData && (this.DIC[p] = o[p].dicData);
+              });
+            }, n = this.$watch(`form.${e}`, () => {
+              t();
+            });
+            a.push(n), t();
+          }
+          this.formBind[e] = a;
+        }
+      });
+    },
+    setForm() {
+      Object.keys(this.value).forEach((r) => {
+        this.$set(this.form, r, this.value[r]);
+      });
+    },
+    setVal() {
+      this.$emit("input", this.form), this.$emit("change", this.form);
+    },
+    setLabel() {
+      this.tableOption.filterNull === !0 && (this.form = x(this.form, [""], !1)), this.tableOption.filterDic === !0 ? this.form = x(this.form, ["$"], !1) : this.propOption.forEach((r) => {
+        const e = this.DIC[r.prop];
+        if (u(e)) return;
+        const i = Fe(this.form, r, this.tableOption, e);
+        i ? this.$set(this.form, `$${r.prop}`, i) : this.$delete(this.form, `$${r.prop}`);
+      });
+    },
+    handleGroupClick(r) {
+      this.$emit("tab-click", r);
+    },
+    handleTabClick(r, e) {
+      this.$emit("tab-click", r, e);
+    },
+    getLabelWidth(r, e) {
+      let i;
+      return u(r.labelWidth) ? u(e.labelWidth) ? i = this.parentOption.labelWidth : i = e.labelWidth : i = r.labelWidth, D(i, this.labelWidth);
+    },
+    // 对部分表单字段进行校验的方法
+    validateField(r) {
+      return this.$refs.form.validateField(r);
+    },
+    validTip(r) {
+      return !r.tip || r.type === "upload";
+    },
+    getPropRef(r) {
+      return this.$refs[r][0];
+    },
+    handleChange(r, e) {
+      this.$nextTick(() => {
+        const i = e.cascader, s = i.join(",");
+        i.forEach((a) => {
+          const t = a, n = this.form[e.prop], o = this.findObject(r, t);
+          u(o) || (this.formList.includes(s) && i.forEach((p) => {
+            this.form[p] = "", this.$set(this.DIC, p, []);
+          }), !(u(i) || u(n) || u(o)) && me({
+            column: o,
+            value: n,
+            form: this.form
+          }).then((p) => {
+            this.formList.includes(s) || this.formList.push(s);
+            const d = p || [];
+            this.$set(this.DIC, t, d), !u(d) && !u(d) && !u(o.cascaderIndex) && u(this.form[t]) && (this.form[t] = d[o.cascaderIndex][(o.props || {}).value || se.value]);
+          }));
+        });
+      });
+    },
+    handlePrint() {
+      this.$Print(this.$el);
+    },
+    propChange(r, e) {
+      e.cascader && this.handleChange(r, e);
+    },
+    handleMock() {
+      this.isMock && (this.columnOption.forEach((r) => {
+        const e = Te(r.column, this.DIC, this.form, this.isMock);
+        u(e) || Object.keys(e).forEach((i) => {
+          this.form[i] = e[i];
+        });
+      }), this.$nextTick(() => {
+        this.clearValidate(), this.$emit("mock-change", this.form);
+      }));
+    },
+    vaildDetail(r) {
+      let e;
+      if (this.detail) return !1;
+      if (!u(r.detail))
+        e = "detail";
+      else if (this.isAdd)
+        e = "addDetail";
+      else if (this.isEdit)
+        e = "editDetail";
+      else if (this.isView)
+        return !1;
+      return e ? r[e] === !0 : !1;
+    },
+    // 验证表单是否禁止
+    vaildDisabled(r) {
+      let e;
+      if (this.disabled) return !0;
+      if (!u(r.disabled))
+        e = "disabled";
+      else if (this.isAdd)
+        e = "addDisabled";
+      else if (this.isEdit)
+        e = "editDisabled";
+      else if (this.isView)
+        return !0;
+      return e ? r[e] === !0 : !1;
+    },
+    // 验证表单是否显隐
+    vaildDisplay(r) {
+      let e;
+      return u(r.display) ? this.isAdd ? e = "addDisplay" : this.isEdit ? e = "editDisplay" : this.isView && (e = "viewDisplay") : e = "display", e ? ie(r[e], !0) : !0;
+    },
+    clearValidate(r) {
+      var e;
+      (e = this.$refs.form) == null || e.clearValidate(r);
+    },
+    validateCellForm() {
+      return new Promise((r) => {
+        this.$refs.form.validate((e, i) => {
+          r(i);
+        });
+      });
+    },
+    validate(r) {
+      this.$refs.form.validate((e, i) => {
+        const s = [], a = [], t = {};
+        this.dynamicOption.forEach((n) => {
+          const o = n.children.type === "form";
+          a.push(n.prop), o ? u(this.$refs[n.prop][0].$refs.temp.$refs.main) || this.$refs[n.prop][0].$refs.temp.$refs.main.forEach((p) => {
+            s.push(p.validateCellForm());
+          }) : s.push(this.$refs[n.prop][0].$refs.temp.$refs.main.validateCellForm());
+        }), Promise.all(s).then((n) => {
+          n.forEach((p, d) => {
+            u(p) || (t[a[d]] = p);
+          });
+          const o = Object.assign(t, i);
+          u(o) ? (this.show(), r(!0, this.hide)) : r(!1, this.hide, o);
+        });
+      });
+    },
+    resetForm(r = !0) {
+      if (r) {
+        const e = this.propOption.map((i) => i.prop);
+        this.form = re(this.form, e, (this.tableOption.filterParams || []).concat([this.rowKey]));
+      }
+      this.$nextTick(() => {
+        this.clearValidate(), this.$emit("reset-change");
+      });
+    },
+    resetFields() {
+      this.$refs.form.resetFields();
+    },
+    show() {
+      this.allDisabled = !0;
+    },
+    hide() {
+      this.allDisabled = !1;
+    },
+    submit() {
+      this.validate((r, e) => {
+        r ? this.$emit("submit", x(this.form, ["$"]), this.hide) : this.$emit("error", e);
+      });
+    }
+  }
+};
+var Pe = function() {
+  var e = this, i = e._self._c;
+  return i("div", { class: ["avue-form", { "avue--detail": e.isDetail }], style: { width: e.setPx(e.parentOption.formWidth, "100%") } }, [i(ce, { ref: "form", attrs: { "status-icon": e.parentOption.statusIcon, model: e.form, "label-suffix": e.labelSuffix, size: e.$AVUE.formSize || e.controlSize, "label-position": e.parentOption.labelPosition, "label-width": e.setPx(e.parentOption.labelWidth, e.labelWidth) }, nativeOn: { submit: function(s) {
+    s.preventDefault();
+  } } }, [i(ue, { class: { "avue-form__tabs": e.isTabs }, attrs: { span: 24 } }, [e._l(e.columnOption, function(s, a) {
+    return i(M, { key: s.prop, attrs: { tabs: e.isTabs, arrow: s.arrow, collapse: s.collapse, display: e.vaildDisplay(s), icon: s.icon, index: a, header: !e.isTabs, active: e.activeName, label: s.label }, on: { change: e.handleGroupClick }, scopedSlots: e._u([{ key: "tabs", fn: function() {
+      return [e.isTabs && a === 1 ? i(le, { staticClass: "avue-form__tabs", attrs: { type: e.tabsType }, on: { "tab-click": e.handleTabClick }, model: { value: e.activeName, callback: function(t) {
+        e.activeName = t;
+      }, expression: "activeName" } }, [e._l(e.columnOption, function(t, n) {
+        return [e.vaildDisplay(t) && n !== 0 ? i(oe, { key: n, attrs: { name: `${n}` }, scopedSlots: e._u([{ key: "label", fn: function() {
+          return [i("span", [e.getSlotName(t, "H", e.$scopedSlots) ? e._t(e.getSlotName(t, "H"), null, { column: e.column }) : [i("i", { class: t.icon }, [e._v(" ")]), e._v(" " + e._s(t.label) + " ")]], 2)];
+        }, proxy: !0 }], null, !0) }) : e._e()];
+      })], 2) : e._e()];
+    }, proxy: !0 }, e.getSlotName(s, "H", e.$scopedSlots) ? { key: "header", fn: function() {
+      return [e._t(e.getSlotName(s, "H"), null, { column: s })];
+    }, proxy: !0 } : null], null, !0) }, [i("div", { directives: [{ name: "show", rawName: "v-show", value: e.isGroupShow(s, a), expression: "isGroupShow(item, index)" }], class: ["avue-form__group", { "avue-form__group--flex": s.flex === !1 }] }, [e._l(s.column, function(t, n) {
+      return [e.vaildDisplay(t) ? i(z, { key: n, class: ["avue-form__row", { "avue--detail avue--detail__column": e.vaildDetail(t) }, t.className], style: { paddingLeft: e.gutter, paddingRight: e.gutter }, attrs: { span: e.getSpan(t), md: e.getSpan(t), sm: t.smSpan || s.smSpan || 12, xs: t.xsSpan || s.xmSpan || 24, offset: t.offset || s.offset, push: t.push || s.push, pull: t.pull || s.pull } }, [i(j, { class: `avue-form__item--${t.labelPosition || s.labelPosition || ""}`, attrs: { prop: t.prop, label: t.label, rules: t.rules, "label-position": t.labelPosition || s.labelPosition || e.parentOption.labelPosition, "label-width": e.getLabelWidth(t, s) }, scopedSlots: e._u([e.getSlotName(t, "L", e.$scopedSlots) ? { key: "label", fn: function() {
+        return [e._t(e.getSlotName(t, "L"), null, { column: t, value: e.form[t.prop], readonly: t.readonly || e.readonly, disabled: e.getDisabled(t), size: t.size || e.controlSize, dic: e.DIC[t.prop] })];
+      }, proxy: !0 } : t.labelTip ? { key: "label", fn: function() {
+        return [i(ne, { staticClass: "item", attrs: { effect: "dark", placement: t.labelTipPlacement || "top-start" }, scopedSlots: e._u([{ key: "content", fn: function() {
+          return [i("div", { domProps: { innerHTML: e._s(t.labelTip) } })];
+        }, proxy: !0 }], null, !0) }, [i("i", { staticClass: "el-icon-info" })]), i("span", [e._v(" " + e._s(t.label) + e._s(e.labelSuffix))])];
+      }, proxy: !0 } : null, e.getSlotName(t, "E", e.$scopedSlots) ? { key: "error", fn: function(o) {
+        return [e._t(
+          e.getSlotName(t, "E"),
+          null,
+          null,
+          Object.assign(o, {
+            column: t,
+            value: e.form[t.prop],
+            readonly: e.readonly || t.readonly,
+            disabled: e.getDisabled(t),
+            size: t.size || e.controlSize,
+            dic: e.DIC[t.prop]
+          })
+        )];
+      } } : null], null, !0) }, [i(e.validTip(t) ? "div" : "elTooltip", { tag: "Component", attrs: { disabled: e.validTip(t), content: t.tip || e.getPlaceholder(t), placement: t.tipPlacement } }, [e.$scopedSlots[t.prop] ? e._t(t.prop, null, { value: e.form[t.prop], column: t, label: e.form[`$${t.prop}`], size: t.size || e.controlSize, readonly: e.readonly || t.readonly, disabled: e.getDisabled(t), dic: e.DIC[t.prop] }) : i(V, e._b({ ref: t.prop, refInFor: !0, attrs: { column: t, dic: e.DIC[t.prop], props: e.parentOption.props, "props-http": e.parentOption.propsHttp, disabled: e.getDisabled(t), readonly: t.readonly || e.readonly, enter: e.parentOption.enter, size: t.size || e.controlSize, "column-slot": e.columnSlot }, on: { enter: e.submit, change: function(o) {
+        return e.propChange(s.column, t);
+      } }, scopedSlots: e._u([e._l(e.getSlotName(t, "T", e.$scopedSlots) ? [t] : [], function(o) {
+        return { key: e.getSlotName(t, "T"), fn: function(p) {
+          return [e._t(e.getSlotName(o, "T"), null, null, p)];
+        } };
+      }), e._l(e.columnSlot, function(o) {
+        return { key: o, fn: function(p) {
+          return [e._t(o, null, null, p)];
+        } };
+      })], null, !0), model: { value: e.form[t.prop], callback: function(o) {
+        e.$set(e.form, t.prop, o);
+      }, expression: "form[column.prop]" } }, "FormTemp", e.uploadFun(t), !1))], 2)], 1)], 1) : e._e(), e.vaildDisplay(t) && t.row && t.span !== 24 && t.count ? i("div", { key: `line${n}`, staticClass: "avue-form__line", style: { width: `${t.count / 24 * 100}%` } }) : e._e()];
+    }), !e.isDetail && !e.isMenu ? i(C, { scopedSlots: e._u([{ key: "menuForm", fn: function(t) {
+      return [e._t("menuForm", null, null, t)];
+    } }], null, !0) }) : e._e()], 2)]);
+  }), !e.isDetail && e.isMenu ? i(C, { scopedSlots: e._u([{ key: "menuForm", fn: function(s) {
+    return [e._t("menuForm", null, null, s)];
+  } }], null, !0) }) : e._e()], 2)], 1)], 1);
+}, Ne = [], Ee = /* @__PURE__ */ S(
+  we,
+  Pe,
+  Ne,
+  !1,
+  null,
+  null
+);
+const et = Ee.exports;
+export {
+  et as F,
+  V as _,
+  Fe as d
+};