@web-utils/component 2.70.0 → 3.0.1

package/chunks/FyForm.vue_vue_type_style_index_0_lang.6e64daee.mjs

@@ -0,0 +1,737 @@
+import { isBlank as B } from "@web-utils/core";
+import { formatDate as v } from "@web-utils/integrations/dayjs";
+import { g as E, M as H, A as R, b as T, e as Y, h as G, i as F, j as U, k as V, l as W, u as q } from "./util.7844e2c2.mjs";
+import { p as J } from "./packages.1fc9ccba.mjs";
+import S from "element-ui/lib/button";
+import P from "element-ui/lib/form-item";
+import j from "element-ui/lib/col";
+import { n as x } from "./vueComponentNormalizer.446f5dc4.mjs";
+import "@web-utils/component/fy-u-editor/style.css";
+import { g as K, b as Q } from "./dataformat.816df805.mjs";
+import { s as X } from "./slot.4b391395.mjs";
+import Z from "element-ui/lib/tooltip";
+import ee from "element-ui/lib/tab-pane";
+import te from "element-ui/lib/tabs";
+import re from "element-ui/lib/collapse-item";
+import ne from "element-ui/lib/collapse";
+import ae from "element-ui/lib/row";
+import oe from "element-ui/lib/form";
+const Ee = (e = {}, a = {}, r = {}, n = []) => {
+  let o = e[a.prop];
+  const t = a.type, l = a.separator;
+  if (a.bind && (o = E(e, a.bind)), B(o))
+    o = "";
+  else {
+    const u = H.includes(a.type) && a.multiple, c = R.includes(a.type);
+    if ((["string", "number"].includes(a.dataType) || u || c) && !Array.isArray(o) && (o = `${o}`.split(l || T), a.dataType === "number" && (o = Y(o))), G.includes(t))
+      Array.isArray(o) ? o = o.join(l || F) : o = o.split(l || T).join(l || F);
+    else if (t === "password")
+      o = U(o, "*");
+    else if (V.includes(t) && a.format) {
+      const _ = a.format.replace("dd", "DD").replace("yyyy", "YYYY"), m = v(Date.now(), "YYYY-MM-DD");
+      if (t.indexOf("range") !== -1) {
+        let f = o[0] || "", d = o[1] || "";
+        t === "timerange" && f.length <= 8 && d.length < 8 && (f = `${m} ${f}`, d = `${m} ${d}`), o = [v(f, _), v(d, _)].join(a.separator || "~");
+      } else
+        t === "time" && o.length <= 8 && (o = `${m} ${o}`), o = v(o, _);
+    }
+    o = W(n, o, a.props || r.props);
+  }
+  return a.formatter && typeof a.formatter == "function" && (o = a.formatter(e, e[a.prop], o, a)), o;
+}, He = (e, a, r, n) => {
+  if (!n)
+    return;
+  if (!window.Mock) {
+    J.logs("mock");
+    return;
+  }
+  const t = (window.Mock || {}).Random, l = {};
+  function u({ en: p }) {
+    return p ? t.name(!0) : t.cname();
+  }
+  function c({ max: p, min: s, precision: i }) {
+    if (i) {
+      const y = `${t.float(s, p, i)}`, b = y.indexOf(".") + 1;
+      return Number(y.substring(0, b + i));
+    } else
+      return t.integer(s, p);
+  }
+  function _({ header: p }) {
+    let s = t.url();
+    const i = s.indexOf("://");
+    return p === !1 ? s = s.substring(i + 3) : s = `http://${s.substring(i + 3)}`, s;
+  }
+  function m({ format: p, now: s }) {
+    return s ? t.now(p) : t.datetime(p);
+  }
+  function f({ min: p, max: s }) {
+    return t.csentence(p, s);
+  }
+  function d() {
+    return t.county(!0);
+  }
+  function A({ dic: p, props: s, columnType: i, multiple: y }) {
+    const b = s.value || "value", h = p.length;
+    if (["checkbox"].includes(i) || y) {
+      const g = c({ min: 1, max: h }), k = [];
+      for (let $ = 0; $ < g; $++) {
+        let D = !0;
+        for (; D; ) {
+          const I = c({ min: 0, max: h - 1 }), O = p[I][b];
+          k.includes(O) || (k.push(O), D = !1);
+        }
+      }
+      return k;
+    } else {
+      const g = c({ min: 0, max: h - 1 });
+      return p[g][b];
+    }
+  }
+  function L() {
+    Object.keys(e).forEach((p) => {
+      const s = e[p];
+      if (s.mock && typeof s.mock == "object") {
+        const i = s.mock;
+        switch (i.dic = typeof s.dicData == "string" ? a[s.dicData] : s.dicData || [], i.props = s.props || {}, i.columnType = s.type, i.multiple = s.multiple, i.type) {
+          case "name":
+            l[s.prop] = u(i);
+            break;
+          case "number":
+            l[s.prop] = c(i);
+            break;
+          case "datetime":
+            l[s.prop] = m(i);
+            break;
+          case "word":
+            l[s.prop] = f(i);
+            break;
+          case "url":
+            l[s.prop] = _(i);
+            break;
+          case "county":
+            l[s.prop] = d();
+            break;
+          case "dic":
+            l[s.prop] = A(i);
+            break;
+        }
+      } else
+        s.mock instanceof Function && (l[s.prop] = s.mock(r));
+    });
+  }
+  return L(), l;
+};
+var se = function() {
+  var e = this, a = e.$createElement, r = e._self._c || a;
+  return e.display ? r("div", {
+    class: ["avue-group", {
+      "avue-group--header": !e.isHeader,
+      "avue-group__arrow": !e.arrow
+    }]
+  }, [e._t("tabs"), r(ne, {
+    attrs: {
+      value: e.text
+    },
+    on: {
+      change: e.handleChange
+    },
+    model: {
+      value: e.activeName,
+      callback: function(n) {
+        e.activeName = n;
+      },
+      expression: "activeName"
+    }
+  }, [r(re, {
+    attrs: {
+      name: 1,
+      disabled: !e.arrow
+    },
+    scopedSlots: e._u([{
+      key: "title",
+      fn: function() {
+        return [r("div", {
+          staticClass: "avue-group__header"
+        }, [e._t("header", function() {
+          return [e.icon ? r("i", {
+            class: [e.icon, "avue-group__icon"]
+          }) : e._e(), e.label ? r("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();
+}, le = [];
+const ie = {
+  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(e) {
+      this.activeName = [e];
+    }
+  },
+  created() {
+    this.activeName = [this.text];
+  },
+  methods: {
+    handleChange(e) {
+      this.$emit("change", e);
+    }
+  }
+}, z = {};
+var pe = /* @__PURE__ */ x(
+  ie,
+  se,
+  le,
+  !1,
+  ue,
+  null,
+  null,
+  null
+);
+function ue(e) {
+  for (let a in z)
+    this[a] = z[a];
+}
+const ce = /* @__PURE__ */ function() {
+  return pe.exports;
+}();
+var fe = function() {
+  var e = this, a = e.$createElement, r = e._self._c || a;
+  return e.formSafe.parentOption.menuBtn !== !1 ? r(j, {
+    class: ["menu", e.formSafe.menuPosition, "no-print"],
+    style: e.styleName,
+    attrs: {
+      span: e.menuSpan,
+      md: e.menuSpan
+    }
+  }, [r(P, {
+    staticStyle: {
+      "text-align": "center"
+    },
+    attrs: {
+      "label-width": "0px"
+    }
+  }, [e.formSafe.isMock ? r(S, {
+    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 ? r(S, {
+    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 ? r(S, {
+    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 ? r(S, {
+    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();
+}, de = [];
+const _e = {
+  name: "FyFormMenu",
+  inject: ["formSafe"],
+  computed: {
+    menuSpan() {
+      return this.formSafe.parentOption.menuSpan || 24;
+    },
+    styleName() {
+      return this.menuSpan !== 24 ? {
+        padding: 0
+      } : {};
+    }
+  }
+}, N = {};
+var me = /* @__PURE__ */ x(
+  _e,
+  fe,
+  de,
+  !1,
+  ye,
+  null,
+  null,
+  null
+);
+function ye(e) {
+  for (let a in N)
+    this[a] = N[a];
+}
+const C = /* @__PURE__ */ function() {
+  return me.exports;
+}();
+var be = function() {
+  var e = this, a = e.$createElement, r = e._self._c || a;
+  return r(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(n) {
+        return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.enterChange.apply(null, arguments);
+      }
+    },
+    scopedSlots: e._u([e._l(e.columnSlot, function(n) {
+      return {
+        key: n,
+        fn: function(o) {
+          return [e._t(n, null, null, o)];
+        }
+      };
+    })], null, !0),
+    model: {
+      value: e.text,
+      callback: function(n) {
+        e.text = n;
+      },
+      expression: "text"
+    }
+  }, "Component", Object.assign(e.column, e.uploadFun(e.column)), !1), e.event), [e.params.html ? r("span", {
+    domProps: {
+      innerHTML: e._s(e.params.html)
+    }
+  }) : e._e()]);
+}, ve = [];
+const Se = {
+  name: "FormTemp",
+  components: { FyUEditor: () => import("@web-utils/component/fy-u-editor") },
+  mixins: [X],
+  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(e) {
+        this.$emit("input", e), this.$emit("change", e);
+      }
+    }
+  },
+  methods: {
+    uploadFun: q,
+    getComponent: K,
+    getPlaceholder: Q,
+    enterChange() {
+      typeof this.column.enter == "function" ? this.column.enter({ value: this.text, column: this.column }) : this.enter && this.$emit("enter");
+    }
+  }
+}, w = {};
+var he = /* @__PURE__ */ x(
+  Se,
+  be,
+  ve,
+  !1,
+  ge,
+  null,
+  null,
+  null
+);
+function ge(e) {
+  for (let a in w)
+    this[a] = w[a];
+}
+const M = /* @__PURE__ */ function() {
+  return he.exports;
+}(), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: M
+}, Symbol.toStringTag, { value: "Module" }));
+var Ye = function() {
+  var e = this, a = e.$createElement, r = e._self._c || a;
+  return r("div", {
+    class: ["avue-form", {
+      "avue--detail": e.isDetail
+    }],
+    style: {
+      width: e.setPx(e.parentOption.formWidth, "100%")
+    }
+  }, [r(oe, {
+    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(n) {
+        n.preventDefault();
+      }
+    }
+  }, [r(ae, {
+    class: {
+      "avue-form__tabs": e.isTabs
+    },
+    attrs: {
+      span: 24
+    }
+  }, [e._l(e.columnOption, function(n, o) {
+    return r(ce, {
+      key: n.prop,
+      attrs: {
+        tabs: e.isTabs,
+        arrow: n.arrow,
+        collapse: n.collapse,
+        display: e.vaildDisplay(n),
+        icon: n.icon,
+        index: o,
+        header: !e.isTabs,
+        active: e.activeName,
+        label: n.label
+      },
+      on: {
+        change: e.handleGroupClick
+      },
+      scopedSlots: e._u([{
+        key: "tabs",
+        fn: function() {
+          return [e.isTabs && o === 1 ? r(te, {
+            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, l) {
+            return [e.vaildDisplay(t) && l !== 0 ? r(ee, {
+              key: l,
+              attrs: {
+                name: `${l}`
+              },
+              scopedSlots: e._u([{
+                key: "label",
+                fn: function() {
+                  return [r("span", [e.getSlotName(t, "H", e.$scopedSlots) ? e._t(e.getSlotName(t, "H"), null, {
+                    column: e.column
+                  }) : [r("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(n, "H", e.$scopedSlots) ? {
+        key: "header",
+        fn: function() {
+          return [e._t(e.getSlotName(n, "H"), null, {
+            column: n
+          })];
+        },
+        proxy: !0
+      } : null], null, !0)
+    }, [r("div", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: e.isGroupShow(n, o),
+        expression: "isGroupShow(item, index)"
+      }],
+      class: ["avue-form__group", {
+        "avue-form__group--flex": n.flex === !1
+      }]
+    }, [e._l(n.column, function(t, l) {
+      return [e.vaildDisplay(t) ? r(j, {
+        key: l,
+        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 || n.smSpan || 12,
+          xs: t.xsSpan || n.xmSpan || 24,
+          offset: t.offset || n.offset,
+          push: t.push || n.push,
+          pull: t.pull || n.pull
+        }
+      }, [r(P, {
+        class: `avue-form__item--${t.labelPosition || n.labelPosition || ""}`,
+        attrs: {
+          prop: t.prop,
+          label: t.label,
+          rules: t.rules,
+          "label-position": t.labelPosition || n.labelPosition || e.parentOption.labelPosition,
+          "label-width": e.getLabelWidth(t, n)
+        },
+        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 [r(Z, {
+              staticClass: "item",
+              attrs: {
+                effect: "dark",
+                placement: t.labelTipPlacement || "top-start"
+              },
+              scopedSlots: e._u([{
+                key: "content",
+                fn: function() {
+                  return [r("div", {
+                    domProps: {
+                      innerHTML: e._s(t.labelTip)
+                    }
+                  })];
+                },
+                proxy: !0
+              }], null, !0)
+            }, [r("i", {
+              staticClass: "el-icon-info"
+            })]), r("span", [e._v(" " + e._s(t.label) + e._s(e.labelSuffix))])];
+          },
+          proxy: !0
+        } : null, e.getSlotName(t, "E", e.$scopedSlots) ? {
+          key: "error",
+          fn: function(u) {
+            return [e._t(e.getSlotName(t, "E"), null, null, Object.assign(u, {
+              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)
+      }, [r(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]
+      }) : r(M, 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(u) {
+            return e.propChange(n.column, t);
+          }
+        },
+        scopedSlots: e._u([e._l(e.getSlotName(t, "T", e.$scopedSlots) ? [t] : [], function(u) {
+          return {
+            key: e.getSlotName(t, "T"),
+            fn: function(c) {
+              return [e._t(e.getSlotName(u, "T"), null, null, c)];
+            }
+          };
+        }), e._l(e.columnSlot, function(u) {
+          return {
+            key: u,
+            fn: function(c) {
+              return [e._t(u, null, null, c)];
+            }
+          };
+        })], null, !0),
+        model: {
+          value: e.form[t.prop],
+          callback: function(u) {
+            e.$set(e.form, t.prop, u);
+          },
+          expression: "form[column.prop]"
+        }
+      }, "FormTemp", e.uploadFun(t), !1))], 2)], 1)], 1) : e._e(), e.vaildDisplay(t) && t.row && t.span !== 24 && t.count ? r("div", {
+        key: `line${l}`,
+        staticClass: "avue-form__line",
+        style: {
+          width: `${t.count / 24 * 100}%`
+        }
+      }) : e._e()];
+    }), !e.isDetail && !e.isMenu ? r(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 ? r(C, {
+    scopedSlots: e._u([{
+      key: "menuForm",
+      fn: function(n) {
+        return [e._t("menuForm", null, null, n)];
+      }
+    }], null, !0)
+  }) : e._e()], 2)], 1)], 1);
+}, Ge = [];
+export {
+  M as F,
+  C as a,
+  ce as b,
+  Re as c,
+  Ee as d,
+  He as m,
+  Ye as r,
+  Ge as s
+};