@web-utils/component 2.8.1 → 2.8.2

package/fy-form/index.mjs

@@ -1,24 +1,24 @@
-var k = (t, i, s) => new Promise((r, p) => {
+var D = (t, i, s) => new Promise((r, p) => {
   var e = (o) => {
     try {
       a(s.next(o));
-    } catch (d) {
-      p(d);
+    } catch (c) {
+      p(c);
     }
-  }, n = (o) => {
+  }, l = (o) => {
     try {
       a(s.throw(o));
-    } catch (d) {
-      p(d);
+    } catch (c) {
+      p(c);
     }
-  }, a = (o) => o.done ? r(o.value) : Promise.resolve(o.value).then(e, n);
+  }, a = (o) => o.done ? r(o.value) : Promise.resolve(o.value).then(e, l);
   a((s = s.apply(t, i)).next());
 });
-import { d as N } from "../chunks/detail.6e53ede8.mjs";
-import { i as j } from "../chunks/init.f04c7036.mjs";
-import { s as _, d as S, u as L, x as V, g as z, v as $, D as I, o as M, y as A } from "../chunks/util.17330567.mjs";
-import { b as B, c as W, g as R, a as G, f as H } from "../chunks/dataformat.25e22176.mjs";
-import { s as U } from "../chunks/dic.e8280157.mjs";
+import { d as N } from "../chunks/detail.6e46de33.mjs";
+import { i as j } from "../chunks/init.47ce5ed9.mjs";
+import { s as _, d as S, u as L, x as V, g as z, v as $, D as I, o as M, y as A } from "../chunks/util.505913d9.mjs";
+import { b as B, c as W, g as R, a as G, f as H } from "../chunks/dataformat.ab62230f.mjs";
+import { s as U } from "../chunks/dic.7f13b573.mjs";
 import { p as q } from "../chunks/packages.1fc9ccba.mjs";
 import { isBlank as u } from "@web-utils/core";
 import { n as K } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
@@ -29,81 +29,81 @@ const J = (t, i, s, r) => {
     q.logs("mock");
     return;
   }
-  const e = (window.Mock || {}).Random, n = {};
+  const e = (window.Mock || {}).Random, l = {};
   function a({ en: h }) {
     return h ? e.name(!0) : e.cname();
   }
-  function o({ max: h, min: l, precision: f }) {
+  function o({ max: h, min: n, precision: f }) {
     if (f) {
-      const c = `${e.float(l, h, f)}`, m = c.indexOf(".") + 1;
-      return Number(c.substring(0, m + f));
+      const d = `${e.float(n, h, f)}`, m = d.indexOf(".") + 1;
+      return Number(d.substring(0, m + f));
     } else
-      return e.integer(l, h);
+      return e.integer(n, h);
   }
-  function d({ header: h, footer: l }) {
-    let f = e.url();
-    const c = f.indexOf("://");
-    return h === !1 ? f = f.substring(c + 3) : f = `http://${f.substring(c + 3)}`, f;
+  function c({ header: h }) {
+    let n = e.url();
+    const f = n.indexOf("://");
+    return h === !1 ? n = n.substring(f + 3) : n = `http://${n.substring(f + 3)}`, n;
   }
-  function F({ format: h, now: l }) {
-    return l ? e.now(h) : e.datetime(h);
+  function F({ format: h, now: n }) {
+    return n ? e.now(h) : e.datetime(h);
   }
-  function C({ min: h, max: l }) {
-    return e.csentence(h, l);
+  function C({ min: h, max: n }) {
+    return e.csentence(h, n);
   }
   function T() {
     return e.county(!0);
   }
-  function w({ dic: h, props: l, columnType: f, multiple: c }) {
-    const m = l.value || "value", b = h.length;
-    if (["checkbox"].includes(f) || c) {
-      const v = o({ min: 1, max: b }), y = [];
-      for (let O = 0; O < v; O++) {
+  function w({ dic: h, props: n, columnType: f, multiple: d }) {
+    const m = n.value || "value", b = h.length;
+    if (["checkbox"].includes(f) || d) {
+      const y = o({ min: 1, max: b }), v = [];
+      for (let O = 0; O < y; O++) {
         let g = !0;
         for (; g; ) {
-          const P = o({ min: 0, max: b - 1 }), D = h[P][m];
-          y.includes(D) || (y.push(D), g = !1);
+          const P = o({ min: 0, max: b - 1 }), k = h[P][m];
+          v.includes(k) || (v.push(k), g = !1);
         }
       }
-      return y;
+      return v;
     } else {
-      const v = o({ min: 0, max: b - 1 });
-      return h[v][m];
+      const y = o({ min: 0, max: b - 1 });
+      return h[y][m];
     }
   }
   function E() {
     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) {
+      const n = t[h];
+      if (n.mock && typeof n.mock == "object") {
+        const 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) {
           case "name":
-            n[l.prop] = a(f);
+            l[n.prop] = a(f);
             break;
           case "number":
-            n[l.prop] = o(f);
+            l[n.prop] = o(f);
             break;
           case "datetime":
-            n[l.prop] = F(f);
+            l[n.prop] = F(f);
             break;
           case "word":
-            n[l.prop] = C(f);
+            l[n.prop] = C(f);
             break;
           case "url":
-            n[l.prop] = d(f);
+            l[n.prop] = c(f);
             break;
           case "county":
-            n[l.prop] = T();
+            l[n.prop] = T();
             break;
           case "dic":
-            n[l.prop] = w(f);
+            l[n.prop] = w(f);
             break;
         }
       } else
-        l.mock instanceof Function && (n[l.prop] = l.mock(s));
+        n.mock instanceof Function && (l[n.prop] = n.mock(s));
     });
   }
-  return E(), n;
+  return E(), l;
 };
 var Q = function() {
   var t = this, i = t.$createElement, s = t._self._c || i;
@@ -153,7 +153,46 @@ var Q = function() {
       on: {
         change: t.handleGroupClick
       },
-      scopedSlots: t._u([t.getSlotName(r, "H", t.$scopedSlots) ? {
+      scopedSlots: t._u([{
+        key: "tabs",
+        fn: function() {
+          return [t.isTabs && p === 1 ? s("ElTabs", {
+            staticClass: "avue-form__tabs",
+            attrs: {
+              type: t.tabsType
+            },
+            on: {
+              "tab-click": t.handleTabClick
+            },
+            model: {
+              value: t.activeName,
+              callback: function(e) {
+                t.activeName = e;
+              },
+              expression: "activeName"
+            }
+          }, [t._l(t.columnOption, function(e, l) {
+            return [t.vaildDisplay(e) && l !== 0 ? s("ElTabPane", {
+              key: l,
+              attrs: {
+                name: `${l}`
+              },
+              scopedSlots: t._u([{
+                key: "label",
+                fn: function() {
+                  return [s("span", [t.getSlotName(e, "H", t.$scopedSlots) ? t._t(t.getSlotName(e, "H"), null, {
+                    column: t.column
+                  }) : [s("i", {
+                    class: e.icon
+                  }, [t._v(" ")]), t._v(" " + t._s(e.label) + " ")]], 2)];
+                },
+                proxy: !0
+              }], null, !0)
+            }) : t._e()];
+          })], 2) : t._e()];
+        },
+        proxy: !0
+      }, t.getSlotName(r, "H", t.$scopedSlots) ? {
         key: "header",
         fn: function() {
           return [t._t(t.getSlotName(r, "H"), null, {
@@ -162,40 +201,7 @@ var Q = function() {
         },
         proxy: !0
       } : null], null, !0)
-    }, [t.isTabs && p === 1 ? s("ElTabs", {
-      staticClass: "avue-form__tabs",
-      attrs: {
-        slot: "tabs",
-        type: t.tabsType
-      },
-      on: {
-        "tab-click": t.handleTabClick
-      },
-      slot: "tabs",
-      model: {
-        value: t.activeName,
-        callback: function(e) {
-          t.activeName = e;
-        },
-        expression: "activeName"
-      }
-    }, [t._l(t.columnOption, function(e, n) {
-      return [t.vaildDisplay(e) && n !== 0 ? s("ElTabPane", {
-        key: n,
-        attrs: {
-          name: `${n}`
-        }
-      }, [s("span", {
-        attrs: {
-          slot: "label"
-        },
-        slot: "label"
-      }, [t.getSlotName(e, "H", t.$scopedSlots) ? t._t(t.getSlotName(e, "H"), null, {
-        column: t.column
-      }) : [s("i", {
-        class: e.icon
-      }, [t._v(" ")]), t._v(" " + t._s(e.label) + " ")]], 2)]) : t._e()];
-    })], 2) : t._e(), s("div", {
+    }, [s("div", {
       directives: [{
         name: "show",
         rawName: "v-show",
@@ -205,9 +211,9 @@ var Q = function() {
       class: ["avue-form__group", {
         "avue-form__group--flex": r.flex === !1
       }]
-    }, [t._l(r.column, function(e, n) {
+    }, [t._l(r.column, function(e, l) {
       return [t.vaildDisplay(e) ? s("ElCol", {
-        key: n,
+        key: l,
         class: ["avue-form__row", {
           "avue--detail avue--detail__column": t.vaildDetail(e)
         }, e.className],
@@ -254,16 +260,19 @@ var Q = function() {
               attrs: {
                 effect: "dark",
                 placement: e.labelTipPlacement || "top-start"
-              }
-            }, [s("div", {
-              attrs: {
-                slot: "content"
-              },
-              domProps: {
-                innerHTML: t._s(e.labelTip)
               },
-              slot: "content"
-            }), s("i", {
+              scopedSlots: t._u([{
+                key: "content",
+                fn: function() {
+                  return [s("div", {
+                    domProps: {
+                      innerHTML: t._s(e.labelTip)
+                    }
+                  })];
+                },
+                proxy: !0
+              }], null, !0)
+            }, [s("i", {
               staticClass: "el-icon-info"
             })]), s("span", [t._v(" " + t._s(e.label) + t._s(t.labelSuffix))])];
           },
@@ -339,7 +348,7 @@ var Q = function() {
           expression: "form[column.prop]"
         }
       }, "FormTemp", t.uploadFun(e), !1))], 2)], 1)], 1) : t._e(), t.vaildDisplay(e) && e.row && e.span !== 24 && e.count ? s("div", {
-        key: `line${n}`,
+        key: `line${l}`,
         staticClass: "avue-form__line",
         style: {
           width: `${e.count / 24 * 100}%`
@@ -352,7 +361,7 @@ var Q = function() {
           return [t._t("menuForm", null, null, e)];
         }
       }], null, !0)
-    }) : t._e()], 2)], 1);
+    }) : t._e()], 2)]);
   }), !t.isDetail && t.isMenu ? s("FyFormMenu", {
     scopedSlots: t._u([{
       key: "menuForm",
@@ -555,7 +564,7 @@ const Y = {
       return t.span || this.parentOption.span || this.itemSpanDefault;
     },
     isGroupShow(t, i) {
-      return this.isTabs ? i == this.activeName || i == 0 : !0;
+      return this.isTabs ? `${i}` === this.activeName || i === 0 : !0;
     },
     // 初始化表单
     dataFormat() {
@@ -574,23 +583,23 @@ const Y = {
           const p = [];
           if (s) {
             const e = this.$watch(`form.${i}`, (a, o) => {
-              a != o && V(this.form, s, a);
-            }), n = this.$watch(`form.${s}`, (a, o) => {
-              a != o && this.$set(this.form, i, a);
+              a !== o && V(this.form, s, a);
+            }), l = this.$watch(`form.${s}`, (a, o) => {
+              a !== o && this.$set(this.form, i, a);
             });
-            p.push(e), p.push(n), this.$set(this.form, i, z(this.form, s));
+            p.push(e), p.push(l), this.$set(this.form, i, z(this.form, s));
           }
           if (r) {
             const e = () => {
               const a = r(this.form[t.prop], this.form) || {};
               Object.keys(a).forEach((o) => {
-                const d = Object.assign(this.objectOption[o] || {}, a[o]);
-                this.$set(this.objectOption, o, d), a[o].dicData && (this.DIC[o] = a[o].dicData);
+                const c = Object.assign(this.objectOption[o] || {}, a[o]);
+                this.$set(this.objectOption, o, c), a[o].dicData && (this.DIC[o] = a[o].dicData);
               });
-            }, n = this.$watch(`form.${i}`, () => {
+            }, l = this.$watch(`form.${i}`, () => {
               e();
             });
-            p.push(n), e();
+            p.push(l), e();
           }
           this.formBind[i] = p;
         }
@@ -605,10 +614,12 @@ const Y = {
       this.$emit("input", this.form), this.$emit("change", this.form);
     },
     setLabel() {
-      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 = N(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) => {
+        const i = this.DIC[t.prop];
+        if (u(i))
+          return;
+        const s = N(this.form, t, this.tableOption, i);
+        s ? this.$set(this.form, `$${t.prop}`, s) : this.$delete(this.form, `$${t.prop}`);
       });
     },
     handleGroupClick(t) {
@@ -635,17 +646,17 @@ const Y = {
       this.$nextTick(() => {
         const s = i.cascader, r = s.join(",");
         s.forEach((p) => {
-          const e = p, n = this.form[i.prop], a = this.findObject(t, e);
+          const e = p, l = this.form[i.prop], a = this.findObject(t, e);
           u(a) || (this.formList.includes(r) && s.forEach((o) => {
             this.form[o] = "", this.$set(this.DIC, o, []);
-          }), !(u(s) || u(n) || u(a)) && U({
+          }), !(u(s) || u(l) || u(a)) && U({
             column: a,
-            value: n,
+            value: l,
             form: this.form
           }).then((o) => {
             this.formList.includes(r) || this.formList.push(r);
-            const d = o || [];
-            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 || I.value]);
+            const c = o || [];
+            this.$set(this.DIC, e, c), !u(c) && !u(c) && !u(a.cascaderIndex) && u(this.form[e]) && (this.form[e] = c[a.cascaderIndex][(a.props || {}).value || I.value]);
           }));
         });
       });
@@ -701,7 +712,7 @@ const Y = {
       return u(t.display) ? this.isAdd ? i = "addDisplay" : this.isEdit ? i = "editDisplay" : this.isView && (i = "viewDisplay") : i = "display", i ? M(t[i], !0) : !0;
     },
     clearValidate(t) {
-      return k(this, null, function* () {
+      return D(this, null, function* () {
         var i;
         (i = this.$refs.form) == null || i.clearValidate(t);
       });
@@ -716,14 +727,14 @@ const Y = {
     validate(t) {
       this.$refs.form.validate((i, s) => {
         const r = [], p = [], e = {};
-        this.dynamicOption.forEach((n) => {
-          const a = n.children.type === "form";
-          p.push(n.prop), a ? u(this.$refs[n.prop][0].$refs.temp.$refs.main) || this.$refs[n.prop][0].$refs.temp.$refs.main.forEach((o) => {
+        this.dynamicOption.forEach((l) => {
+          const a = l.children.type === "form";
+          p.push(l.prop), a ? u(this.$refs[l.prop][0].$refs.temp.$refs.main) || this.$refs[l.prop][0].$refs.temp.$refs.main.forEach((o) => {
             r.push(o.validateCellForm());
-          }) : r.push(this.$refs[n.prop][0].$refs.temp.$refs.main.validateCellForm());
-        }), Promise.all(r).then((n) => {
-          n.forEach((o, d) => {
-            u(o) || (e[p[d]] = o);
+          }) : r.push(this.$refs[l.prop][0].$refs.temp.$refs.main.validateCellForm());
+        }), Promise.all(r).then((l) => {
+          l.forEach((o, c) => {
+            u(o) || (e[p[c]] = o);
           });
           const a = Object.assign(e, s);
           u(a) ? (this.show(), t(!0, this.hide)) : t(!1, this.hide, a);