@web-utils/component 2.7.12 → 2.7.14

package/dist/components/fy-form/index.js

@@ -1,10 +1,10 @@
-import { d as P } from "../../chunks/detail.ac4d421a.js";
-import { i as N } from "../../chunks/init.3b47bb80.js";
-import { s as _, d as $, u as j, h as L, i as V, j as O, k as z, o as I, l as M } from "../../chunks/util.80e28481.js";
-import { c as A, b as B, g as W, a as R, f as G } from "../../chunks/dataformat.d3fd2d1b.js";
-import { s as H } from "../../chunks/dic.79d9f595.js";
-import { p as U } from "../../chunks/packages.6f252850.js";
-import { isBlank as h } from "@web-utils/core";
+import { d as P } from "../../chunks/detail.d67573b1.js";
+import { i as N } from "../../chunks/init.7c58eb34.js";
+import { s as _, d as D, u as j, h as L, i as V, j as $, k as z, o as I, l as M } from "../../chunks/util.23fe58fb.js";
+import { c as A, b as B, g as W, a as R, f as G } from "../../chunks/dataformat.65b92bfe.js";
+import { s as H } from "../../chunks/dic.70feb9b4.js";
+import { p as U } from "../../chunks/packages.1fc9ccba.js";
+import { isBlank as u } from "@web-utils/core";
 import { n as q } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const K = (t, i, s, r) => {
   if (!r)
@@ -13,88 +13,87 @@ const K = (t, i, s, r) => {
     U.logs("mock");
     return;
   }
-  let e = (window.Mock || {}).Random, o = {};
-  function a({ en: u }) {
-    return u ? e.name(!0) : e.cname();
+  const e = (window.Mock || {}).Random, o = {};
+  function a({ en: h }) {
+    return h ? e.name(!0) : e.cname();
   }
-  function l({ max: u, min: n, precision: f }) {
+  function n({ max: h, min: l, precision: f }) {
     if (f) {
-      const c = e.float(n, u, f) + "", m = c.indexOf(".") + 1;
+      const c = `${e.float(l, h, f)}`, m = c.indexOf(".") + 1;
       return Number(c.substring(0, m + f));
     } else
-      return e.integer(n, u);
+      return e.integer(l, h);
   }
-  function d({ header: u, footer: n }) {
+  function d({ header: h, footer: l }) {
     let f = e.url();
     const c = f.indexOf("://");
-    return u === !1 ? f = f.substring(c + 3) : f = "http://" + f.substring(c + 3), f;
+    return h === !1 ? f = f.substring(c + 3) : f = `http://${f.substring(c + 3)}`, f;
   }
-  function F({ format: u, now: n }) {
-    return n ? e.now(u) : e.datetime(u);
+  function F({ format: h, now: l }) {
+    return l ? e.now(h) : e.datetime(h);
   }
-  function C({ min: u, max: n }) {
-    return e.csentence(u, n);
+  function x({ min: h, max: l }) {
+    return e.csentence(h, l);
   }
-  function x() {
+  function C() {
     return e.county(!0);
   }
-  function T({ dic: u, props: n, columnType: f, multiple: c }) {
-    const m = n.value || "value", b = u.length;
+  function T({ dic: h, props: l, columnType: f, multiple: c }) {
+    const m = l.value || "value", b = h.length;
     if (["checkbox"].includes(f) || c) {
-      const v = l({
+      const v = n({
         min: 1,
         max: b
-      });
-      let y = [];
-      for (let g = 0; g < v; g++) {
-        let D = !0;
-        for (; D; ) {
-          const E = l({
+      }), y = [];
+      for (let O = 0; O < v; O++) {
+        let g = !0;
+        for (; g; ) {
+          const E = n({
             min: 0,
             max: b - 1
-          }), k = u[E][m];
-          y.includes(k) || (y.push(k), D = !1);
+          }), k = h[E][m];
+          y.includes(k) || (y.push(k), g = !1);
         }
       }
       return y;
     } else {
-      const v = l({
+      const v = n({
         min: 0,
         max: b - 1
       });
-      return u[v][m];
+      return h[v][m];
     }
   }
   function w() {
-    Object.keys(t).forEach((u) => {
-      const n = t[u];
-      if (n.mock && typeof n.mock == "object") {
-        let f = n.mock;
-        switch (f.dic = typeof n.dicData == "string" ? i[n.dicData] : n.dicData || [], f.props = n.props || {}, f.columnType = n.type, f.multiple = n.multiple, f.type) {
+    Object.keys(t).forEach((h) => {
+      const l = t[h];
+      if (l.mock && typeof l.mock == "object") {
+        const f = l.mock;
+        switch (f.dic = typeof l.dicData == "string" ? i[l.dicData] : l.dicData || [], f.props = l.props || {}, f.columnType = l.type, f.multiple = l.multiple, f.type) {
           case "name":
-            o[n.prop] = a(f);
+            o[l.prop] = a(f);
             break;
           case "number":
-            o[n.prop] = l(f);
+            o[l.prop] = n(f);
             break;
           case "datetime":
-            o[n.prop] = F(f);
+            o[l.prop] = F(f);
             break;
           case "word":
-            o[n.prop] = C(f);
+            o[l.prop] = x(f);
             break;
           case "url":
-            o[n.prop] = d(f);
+            o[l.prop] = d(f);
             break;
           case "county":
-            o[n.prop] = x();
+            o[l.prop] = C();
             break;
           case "dic":
-            o[n.prop] = T(f);
+            o[l.prop] = T(f);
             break;
         }
       } else
-        n.mock instanceof Function && (o[n.prop] = n.mock(s));
+        l.mock instanceof Function && (o[l.prop] = l.mock(s));
     });
   }
   return w(), o;
@@ -146,7 +145,16 @@ var J = function() {
       },
       on: {
         change: t.handleGroupClick
-      }
+      },
+      scopedSlots: t._u([t.getSlotName(r, "H", t.$scopedSlots) ? {
+        key: "header",
+        fn: function() {
+          return [t._t(t.getSlotName(r, "H"), null, {
+            column: r
+          })];
+        },
+        proxy: !0
+      } : null], null, !0)
     }, [t.isTabs && p === 1 ? s("ElTabs", {
       staticClass: "avue-form__tabs",
       attrs: {
@@ -168,7 +176,7 @@ var J = function() {
       return [t.vaildDisplay(e) && o !== 0 ? s("ElTabPane", {
         key: o,
         attrs: {
-          name: o + ""
+          name: `${o}`
         }
       }, [s("span", {
         attrs: {
@@ -180,16 +188,12 @@ var J = function() {
       }) : [s("i", {
         class: e.icon
       }, [t._v(" ")]), t._v(" " + t._s(e.label) + " ")]], 2)]) : t._e()];
-    })], 2) : t._e(), t.getSlotName(r, "H", t.$scopedSlots) ? s("template", {
-      slot: "header"
-    }, [t._t(t.getSlotName(r, "H"), null, {
-      column: r
     })], 2) : t._e(), s("div", {
       directives: [{
         name: "show",
         rawName: "v-show",
         value: t.isGroupShow(r, p),
-        expression: "isGroupShow(item,index)"
+        expression: "isGroupShow(item, index)"
       }],
       class: ["avue-form__group", {
         "avue-form__group--flex": r.flex === !1
@@ -214,7 +218,7 @@ var J = function() {
           pull: e.pull || r.pull
         }
       }, [s("ElFormItem", {
-        class: "avue-form__item--" + (e.labelPosition || r.labelPosition || ""),
+        class: `avue-form__item--${e.labelPosition || r.labelPosition || ""}`,
         attrs: {
           prop: e.prop,
           label: e.label,
@@ -222,47 +226,55 @@ var J = function() {
           "label-position": e.labelPosition || r.labelPosition || t.parentOption.labelPosition,
           "label-width": t.getLabelWidth(e, r)
         },
-        scopedSlots: t._u([{
+        scopedSlots: t._u([t.getSlotName(e, "L", t.$scopedSlots) ? {
+          key: "label",
+          fn: function() {
+            return [t._t(t.getSlotName(e, "L"), null, {
+              column: e,
+              value: t.form[e.prop],
+              readonly: e.readonly || t.readonly,
+              disabled: t.getDisabled(e),
+              size: e.size || t.controlSize,
+              dic: t.DIC[e.prop]
+            })];
+          },
+          proxy: !0
+        } : e.labelTip ? {
+          key: "label",
+          fn: function() {
+            return [s("ElTooltip", {
+              staticClass: "item",
+              attrs: {
+                effect: "dark",
+                placement: e.labelTipPlacement || "top-start"
+              }
+            }, [s("div", {
+              attrs: {
+                slot: "content"
+              },
+              domProps: {
+                innerHTML: t._s(e.labelTip)
+              },
+              slot: "content"
+            }), s("i", {
+              staticClass: "el-icon-info"
+            })]), s("span", [t._v(" " + t._s(e.label) + t._s(t.labelSuffix))])];
+          },
+          proxy: !0
+        } : null, t.getSlotName(e, "E", t.$scopedSlots) ? {
           key: "error",
           fn: function(a) {
-            return t.getSlotName(e, "E", t.$scopedSlots) ? [t._t(t.getSlotName(e, "E"), null, null, Object.assign(a, {
+            return [t._t(t.getSlotName(e, "E"), null, null, Object.assign(a, {
               column: e,
               value: t.form[e.prop],
               readonly: t.readonly || e.readonly,
               disabled: t.getDisabled(e),
               size: e.size || t.controlSize,
               dic: t.DIC[e.prop]
-            }))] : void 0;
+            }))];
           }
-        }], null, !0)
-      }, [t.getSlotName(e, "L", t.$scopedSlots) ? s("template", {
-        slot: "label"
-      }, [t._t(t.getSlotName(e, "L"), null, {
-        column: e,
-        value: t.form[e.prop],
-        readonly: e.readonly || t.readonly,
-        disabled: t.getDisabled(e),
-        size: e.size || t.controlSize,
-        dic: t.DIC[e.prop]
-      })], 2) : e.labelTip ? s("template", {
-        slot: "label"
-      }, [s("ElTooltip", {
-        staticClass: "item",
-        attrs: {
-          effect: "dark",
-          placement: e.labelTipPlacement || "top-start"
-        }
-      }, [s("div", {
-        attrs: {
-          slot: "content"
-        },
-        domProps: {
-          innerHTML: t._s(e.labelTip)
-        },
-        slot: "content"
-      }), s("i", {
-        staticClass: "el-icon-info"
-      })]), s("span", [t._v(" " + t._s(e.label) + t._s(t.labelSuffix))])], 1) : t._e(), s(t.validTip(e) ? "div" : "elTooltip", {
+        } : null], null, !0)
+      }, [s(t.validTip(e) ? "div" : "elTooltip", {
         tag: "Component",
         attrs: {
           disabled: t.validTip(e),
@@ -272,7 +284,7 @@ var J = function() {
       }, [t.$scopedSlots[e.prop] ? t._t(e.prop, null, {
         value: t.form[e.prop],
         column: e,
-        label: t.form["$" + e.prop],
+        label: t.form[`$${e.prop}`],
         size: e.size || t.controlSize,
         readonly: t.readonly || e.readonly,
         disabled: t.getDisabled(e),
@@ -300,15 +312,15 @@ var J = function() {
         scopedSlots: t._u([t._l(t.getSlotName(e, "T", t.$scopedSlots) ? [e] : [], function(a) {
           return {
             key: t.getSlotName(e, "T"),
-            fn: function(l) {
-              return [t._t(t.getSlotName(a, "T"), null, null, l)];
+            fn: function(n) {
+              return [t._t(t.getSlotName(a, "T"), null, null, n)];
             }
           };
         }), t._l(t.columnSlot, function(a) {
           return {
             key: a,
-            fn: function(l) {
-              return [t._t(a, null, null, l)];
+            fn: function(n) {
+              return [t._t(a, null, null, n)];
             }
           };
         })], null, !0),
@@ -319,11 +331,11 @@ var J = function() {
           },
           expression: "form[column.prop]"
         }
-      }, "FormTemp", t.uploadFun(e), !1))], 2)], 2)], 1) : t._e(), t.vaildDisplay(e) && e.row && e.span !== 24 && e.count ? s("div", {
+      }, "FormTemp", t.uploadFun(e), !1))], 2)], 1)], 1) : t._e(), t.vaildDisplay(e) && e.row && e.span !== 24 && e.count ? s("div", {
         key: `line${o}`,
         staticClass: "avue-form__line",
         style: {
-          width: e.count / 24 * 100 + "%"
+          width: `${e.count / 24 * 100}%`
         }
       }) : t._e()];
     }), !t.isDetail && !t.isMenu ? s("FyFormMenu", {
@@ -333,7 +345,7 @@ var J = function() {
           return [t._t("menuForm", null, null, e)];
         }
       }], null, !0)
-    }) : t._e()], 2)], 2);
+    }) : t._e()], 2)], 1);
   }), !t.isDetail && t.isMenu ? s("FyFormMenu", {
     scopedSlots: t._u([{
       key: "menuForm",
@@ -431,13 +443,13 @@ const X = {
       return this.columnOption.length;
     },
     dynamicOption() {
-      let t = [];
+      const t = [];
       return this.propOption.forEach((i) => {
         i.type === "dynamic" && this.vaildDisplay(i) && t.push(i);
       }), t;
     },
     propOption() {
-      let t = [];
+      const t = [];
       return this.columnOption.forEach((i) => {
         i.display !== !1 && i.column.forEach((s) => {
           t.push(s);
@@ -448,7 +460,7 @@ const X = {
       return this.tableOption || {};
     },
     columnOption() {
-      let t = this.tableOption.column || [], i = $(this.tableOption.group) || [], s = this.tableOption.footer || [];
+      const t = this.tableOption.column || [], i = D(this.tableOption.group) || [], s = this.tableOption.footer || [];
       return i.unshift({
         header: !1,
         column: t
@@ -525,7 +537,7 @@ const X = {
   },
   methods: {
     setPx: _,
-    deepClone: $,
+    deepClone: D,
     getComponent: W,
     getPlaceholder: R,
     uploadFun: j,
@@ -538,38 +550,37 @@ const X = {
     isGroupShow(t, i) {
       return this.isTabs ? i == this.activeName || i == 0 : !0;
     },
-    //初始化表单
+    // 初始化表单
     dataFormat() {
-      let t = G(this.propOption).tableForm, i = this.value, s = {};
+      const t = G(this.propOption).tableForm, i = this.value, s = {};
       Object.entries(Object.assign(t, i)).forEach((r) => {
-        let p = r[0], e = r[1];
-        h(i[p]) ? s[p] = e : s[p] = i[p];
+        const p = r[0], e = r[1];
+        u(i[p]) ? s[p] = e : s[p] = i[p];
       }), this.$set(this, "form", s), this.setLabel(), this.setControl(), this.setVal(), setTimeout(() => {
         this.formCreate = !0, this.clearValidate();
       });
     },
     setControl() {
       this.propOption.forEach((t) => {
-        let i = t.prop, s = t.bind, r = t.control;
+        const i = t.prop, s = t.bind, r = t.control;
         if (!this.formBind[i]) {
-          let p = [];
+          const p = [];
           if (s) {
-            let e = this.$watch("form." + i, (a, l) => {
-              a != l && L(this.form, s, a);
-            }), o = this.$watch("form." + s, (a, l) => {
-              a != l && this.$set(this.form, i, a);
+            const e = this.$watch(`form.${i}`, (a, n) => {
+              a != n && L(this.form, s, a);
+            }), o = this.$watch(`form.${s}`, (a, n) => {
+              a != n && this.$set(this.form, i, a);
             });
             p.push(e), p.push(o), this.$set(this.form, i, V(this.form, s));
           }
           if (r) {
             const e = () => {
-              let a = r(this.form[t.prop], this.form) || {};
-              Object.keys(a).forEach((l) => {
-                let d = Object.assign(this.objectOption[l] || {}, a[l]);
-                this.$set(this.objectOption, l, d), a[l].dicData && (this.DIC[l] = a[l].dicData);
+              const a = r(this.form[t.prop], this.form) || {};
+              Object.keys(a).forEach((n) => {
+                const d = Object.assign(this.objectOption[n] || {}, a[n]);
+                this.$set(this.objectOption, n, d), a[n].dicData && (this.DIC[n] = a[n].dicData);
               });
-            };
-            let o = this.$watch("form." + i, () => {
+            }, o = this.$watch(`form.${i}`, () => {
               e();
             });
             p.push(o), e();
@@ -587,9 +598,10 @@ const X = {
       this.$emit("input", this.form), this.$emit("change", this.form);
     },
     setLabel() {
-      this.tableOption.filterNull === !0 && (this.form = O(this.form, [""], !1)), this.tableOption.filterDic == !0 ? this.form = O(this.form, ["$"], !1) : this.propOption.forEach((t) => {
-        let i, s = this.DIC[t.prop];
-        h(s) || (i = P(this.form, t, this.tableOption, s), i ? this.$set(this.form, `$${t.prop}`, i) : this.$delete(this.form, `$${t.prop}`));
+      this.tableOption.filterNull === !0 && (this.form = $(this.form, [""], !1)), this.tableOption.filterDic == !0 ? this.form = $(this.form, ["$"], !1) : this.propOption.forEach((t) => {
+        let i;
+        const s = this.DIC[t.prop];
+        u(s) || (i = P(this.form, t, this.tableOption, s), i ? this.$set(this.form, `$${t.prop}`, i) : this.$delete(this.form, `$${t.prop}`));
       });
     },
     handleGroupClick(t) {
@@ -600,9 +612,9 @@ const X = {
     },
     getLabelWidth(t, i) {
       let s;
-      return h(t.labelWidth) ? h(i.labelWidth) ? s = this.parentOption.labelWidth : s = i.labelWidth : s = t.labelWidth, _(s, this.labelWidth);
+      return u(t.labelWidth) ? u(i.labelWidth) ? s = this.parentOption.labelWidth : s = i.labelWidth : s = t.labelWidth, _(s, this.labelWidth);
     },
-    //对部分表单字段进行校验的方法
+    // 对部分表单字段进行校验的方法
     validateField(t) {
       return this.$refs.form.validateField(t);
     },
@@ -617,16 +629,16 @@ const X = {
         const s = i.cascader, r = s.join(",");
         s.forEach((p) => {
           const e = p, o = this.form[i.prop], a = this.findObject(t, e);
-          h(a) || (this.formList.includes(r) && s.forEach((l) => {
-            this.form[l] = "", this.$set(this.DIC, l, []);
-          }), !(h(s) || h(o) || h(a)) && H({
+          u(a) || (this.formList.includes(r) && s.forEach((n) => {
+            this.form[n] = "", this.$set(this.DIC, n, []);
+          }), !(u(s) || u(o) || u(a)) && H({
             column: a,
             value: o,
             form: this.form
-          }).then((l) => {
+          }).then((n) => {
             this.formList.includes(r) || this.formList.push(r);
-            const d = l || [];
-            this.$set(this.DIC, e, d), !h(d) && !h(d) && !h(a.cascaderIndex) && h(this.form[e]) && (this.form[e] = d[a.cascaderIndex][(a.props || {}).value || z.value]);
+            const d = n || [];
+            this.$set(this.DIC, e, d), !u(d) && !u(d) && !u(a.cascaderIndex) && u(this.form[e]) && (this.form[e] = d[a.cascaderIndex][(a.props || {}).value || z.value]);
           }));
         });
       });
@@ -640,7 +652,7 @@ const X = {
     handleMock() {
       this.isMock && (this.columnOption.forEach((t) => {
         const i = K(t.column, this.DIC, this.form, this.isMock);
-        h(i) || Object.keys(i).forEach((s) => {
+        u(i) || Object.keys(i).forEach((s) => {
           this.form[s] = i[s];
         });
       }), this.$nextTick(() => {
@@ -651,7 +663,7 @@ const X = {
       let i;
       if (this.detail)
         return !1;
-      if (!h(t.detail))
+      if (!u(t.detail))
         i = "detail";
       else if (this.isAdd)
         i = "addDetail";
@@ -666,7 +678,7 @@ const X = {
       let i;
       if (this.disabled)
         return !0;
-      if (!h(t.disabled))
+      if (!u(t.disabled))
         i = "disabled";
       else if (this.isAdd)
         i = "addDisabled";
@@ -679,7 +691,7 @@ const X = {
     // 验证表单是否显隐
     vaildDisplay(t) {
       let i;
-      return h(t.display) ? this.isAdd ? i = "addDisplay" : this.isEdit ? i = "editDisplay" : this.isView && (i = "viewDisplay") : i = "display", i ? I(t[i], !0) : !0;
+      return u(t.display) ? this.isAdd ? i = "addDisplay" : this.isEdit ? i = "editDisplay" : this.isView && (i = "viewDisplay") : i = "display", i ? I(t[i], !0) : !0;
     },
     async clearValidate(t) {
       var i;
@@ -694,24 +706,24 @@ const X = {
     },
     validate(t) {
       this.$refs.form.validate((i, s) => {
-        let r = [], p = [], e = {};
+        const r = [], p = [], e = {};
         this.dynamicOption.forEach((o) => {
-          let a = o.children.type === "form";
-          p.push(o.prop), a ? h(this.$refs[o.prop][0].$refs.temp.$refs.main) || this.$refs[o.prop][0].$refs.temp.$refs.main.forEach((l) => {
-            r.push(l.validateCellForm());
+          const a = o.children.type === "form";
+          p.push(o.prop), a ? u(this.$refs[o.prop][0].$refs.temp.$refs.main) || this.$refs[o.prop][0].$refs.temp.$refs.main.forEach((n) => {
+            r.push(n.validateCellForm());
           }) : r.push(this.$refs[o.prop][0].$refs.temp.$refs.main.validateCellForm());
         }), Promise.all(r).then((o) => {
-          o.forEach((l, d) => {
-            h(l) || (e[p[d]] = l);
+          o.forEach((n, d) => {
+            u(n) || (e[p[d]] = n);
           });
-          let a = Object.assign(e, s);
-          h(a) ? (this.show(), t(!0, this.hide)) : t(!1, this.hide, a);
+          const a = Object.assign(e, s);
+          u(a) ? (this.show(), t(!0, this.hide)) : t(!1, this.hide, a);
         });
       });
     },
     resetForm(t = !0) {
       if (t) {
-        let i = this.propOption.map((s) => s.prop);
+        const i = this.propOption.map((s) => s.prop);
         this.form = M(this.form, i, (this.tableOption.filterParams || []).concat([this.rowKey]));
       }
       this.$nextTick(() => {
@@ -729,7 +741,7 @@ const X = {
     },
     submit() {
       this.validate((t, i) => {
-        t ? this.$emit("submit", O(this.form, ["$"]), this.hide) : this.$emit("error", i);
+        t ? this.$emit("submit", $(this.form, ["$"]), this.hide) : this.$emit("error", i);
       });
     }
   }
@@ -748,9 +760,9 @@ function Z(t) {
   for (let i in S)
     this[i] = S[i];
 }
-const nt = /* @__PURE__ */ function() {
+const lt = /* @__PURE__ */ function() {
   return Y.exports;
 }();
 export {
-  nt as default
+  lt as default
 };