@web-utils/component 2.0.14 → 2.7.0

package/dist/chunks/config.46422d7f.js

@@ -0,0 +1,73 @@
+const e = {
+  menuWidth: 220,
+  menuFixed: "right",
+  menuXsWidth: 100,
+  menuAlign: "center",
+  menuHeaderAlign: "center",
+  headerAlign: "left",
+  // 图标
+  cancelBtnIcon: "el-icon-circle-close",
+  viewBtnIcon: "el-icon-view",
+  editBtnIcon: "el-icon-edit",
+  copyBtnIcon: "el-icon-document-add",
+  addBtnIcon: "el-icon-plus",
+  printBtnIcon: "el-icon-printer",
+  excelBtnIcon: "el-icon-download",
+  delBtnIcon: "el-icon-delete",
+  searchBtnIcon: "el-icon-search",
+  emptyBtnIcon: "el-icon-delete",
+  saveBtnIcon: "el-icon-circle-plus-outline",
+  updateBtnIcon: "el-icon-circle-check",
+  columnBtnIcon: "el-icon-s-operation",
+  filterBtnIcon: "el-icon-tickets",
+  refreshBtnIcon: "el-icon-refresh",
+  // 显隐
+  viewBtn: !1,
+  editBtn: !0,
+  copyBtn: !1,
+  cancelBtn: !0,
+  addBtn: !0,
+  addRowBtn: !1,
+  printBtn: !1,
+  excelBtn: !1,
+  delBtn: !0,
+  cellBtn: !1,
+  dateBtn: !1,
+  updateBtn: !0,
+  saveBtn: !0,
+  refreshBtn: !0,
+  columnBtn: !0,
+  filterBtn: !1,
+  queryBtn: !0,
+  menuBtn: !1,
+  searchBtn: !0,
+  clearBtn: !0,
+  selectClearBtn: !0,
+  searchShow: !0,
+  tip: !0,
+  dialogWidth: "60%",
+  dialogDrag: !1,
+  formFullscreen: !1,
+  pageBackground: !0,
+  page: !0,
+  menu: !0,
+  indexLabel: "#",
+  indexWidth: 50,
+  indexFixed: "left",
+  selectionWidth: 50,
+  selectionFixed: "left",
+  expandWidth: 60,
+  expandFixed: "left",
+  filterMultiple: !0,
+  calcHeight: 300,
+  width: "100%",
+  searchGutter: 20,
+  searchLabelWidth: 80,
+  searchSpan: 6,
+  dropRowClass: ".el-table__body-wrapper > table > tbody",
+  dropColClass: ".el-table__header-wrapper tr",
+  ghostClass: "avue-crud__ghost"
+};
+export {
+  e as c
+};

package/dist/chunks/dataformat.fb35ee10.js

@@ -0,0 +1,61 @@
+import { c, f as g, M as u, A as p, R as o, d as f, e as d, K as A, g as L, S, b as _, h as T, I as m } from "./util.5053d54e.js";
+const R = (a = []) => (a.forEach((s) => {
+  let e = s.cascader;
+  if (!c(e)) {
+    let r = s.prop;
+    e.forEach((n) => {
+      let l = g(a, n);
+      l !== -1 && (l.parentProp = r);
+    });
+  }
+}), a);
+let i = 0;
+const C = (a, s = 12, e = !1) => {
+  e && (i = 0);
+  const r = 24;
+  return i = i + (a.span || s) + (a.offset || 0), i === r ? i = 0 : i > r ? i = (a.span || s) + (a.offset || 0) : a.row && i !== r && (a.count = r - i, i = 0), a;
+}, N = (a, s) => {
+  let { type: e, multiple: r, dataType: n, separator: l = _, alone: h, emitPath: y, range: E } = s, t = a;
+  return u.includes(e) && r === !0 || p.includes(e) && y !== !1 || o.includes(e) && E === !0 ? (Array.isArray(t) || (c(t) ? t = [] : t = (t + "").split(l) || []), t.forEach((I, b) => {
+    t[b] = f(I, n);
+  }), d.includes(e) && c(t) && h && (t = [""])) : t = f(t, n), t;
+}, x = (a) => {
+  const s = a.type, e = a.searchRange;
+  let r = s;
+  if (a.searchType)
+    return a.searchType;
+  if (["radio", "checkbox", "switch"].includes(s))
+    r = "select";
+  else if (T.includes(s)) {
+    let n = "range";
+    e ? s.includes(n) ? r = s : r = s + n : r = s.replace(n, "");
+  } else
+    ["textarea"].includes(s) && (r = "input");
+  return r;
+}, M = (a, s) => {
+  let e = a || "input";
+  if (c(s))
+    d.includes(a) ? e = "array" : ["time", "timerange"].includes(a) ? e = "time" : T.includes(a) ? e = "date" : ["password", "textarea", "search"].includes(a) ? e = "input" : m.includes(a) && (e = "input-" + a);
+  else
+    return s;
+  return A + e;
+}, O = (a = []) => {
+  let s = {};
+  return a.forEach((e) => {
+    p.includes(e.type) && e.emitPath !== !1 || u.includes(e.type) && e.multiple || e.dataType === "array" ? s[e.prop] = [] : o.includes(e.type) && e.range === !0 ? s[e.prop] = [0, 0] : ["rate", "slider", "number"].includes(e.type) || e.dataType === "number" ? s[e.prop] = void 0 : s[e.prop] = "", e.bind && (s = L(s, e.bind)), c(e.value) || (s[e.prop] = e.value);
+  }), {
+    tableForm: s
+  };
+}, w = function(a) {
+  const s = a.placeholder, e = a.label;
+  return c(s) ? S.includes(a.type) ? `选择 ${e}` : `输入 ${e}` : s;
+};
+export {
+  w as a,
+  R as b,
+  C as c,
+  x as d,
+  O as f,
+  M as g,
+  N as i
+};

package/dist/chunks/detail.a3249549.js

@@ -0,0 +1,28 @@
+import { m as n, c as D, M as I, A as L, b as y, q as _, e as S, t as A, v as $, h as b, w as h } from "./util.5053d54e.js";
+import { formatDate as f } from "@web-utils/core";
+const P = (r = {}, t = {}, g = {}, o = []) => {
+  let e = r[t.prop], a = t.type, s = t.separator;
+  if (t.bind && (e = n(r, t.bind)), D(e))
+    e = "";
+  else {
+    let T = I.includes(t.type) && t.multiple, Y = L.includes(t.type);
+    if ((["string", "number"].includes(t.dataType) || T || Y) && !Array.isArray(e) && (e = (e + "").split(s || y), t.dataType === "number" && (e = _(e))), S.includes(a))
+      Array.isArray(e) ? e = e.join(s || A) : e = e.split(s || y).join(s || A);
+    else if (a === "password")
+      e = $(e, "*");
+    else if (b.includes(a) && t.format) {
+      const d = t.format.replace("dd", "DD").replace("yyyy", "YYYY");
+      let l = f(Date.now(), "YYYY-MM-DD");
+      if (a.indexOf("range") !== -1) {
+        let i = e[0] || "", p = e[1] || "";
+        a === "timerange" && i.length <= 8 && p.length < 8 && (i = `${l} ${i}`, p = `${l} ${p}`), e = [f(i, d), f(p, d)].join(t.separator || "~");
+      } else
+        a === "time" && e.length <= 8 && (e = `${l} ${e}`), e = f(e, d);
+    }
+    e = h(o, e, t.props || g.props);
+  }
+  return t.formatter && typeof t.formatter == "function" && (e = t.formatter(r, r[t.prop], e, t)), e;
+};
+export {
+  P as d
+};

package/dist/chunks/dic.5f7e3523.js

@@ -0,0 +1,132 @@
+import { c as w, x as D, y as x } from "./util.5053d54e.js";
+const b = (p, t = []) => new Promise((o, i) => {
+  let e = [], a = [], c = {};
+  p.forEach((s) => {
+    s.parentProp && e.push(s);
+  }), t.forEach((s, d) => {
+    e.forEach((r) => {
+      r.hide !== !0 && r.dicFlag !== !1 && a.push(
+        new Promise((h) => {
+          w(s[r.parentProp]) ? h({
+            prop: r.prop,
+            data: [],
+            index: d
+          }) : r.dicUrl && g({
+            url: `${r.dicUrl.replace("{{key}}", s[r.parentProp])}`,
+            props: r.props,
+            method: r.dicMethod,
+            headers: r.dicHeaders,
+            formatter: r.dicFormatter,
+            query: r.dicQuery,
+            form: s
+          }).then((m) => {
+            h({
+              prop: r.prop,
+              data: m,
+              index: d
+            });
+          });
+        })
+      );
+    });
+  }), Promise.all(a).then((s) => {
+    s.forEach((d) => {
+      w(c[d.index]) && (c[d.index] = {}), c[d.index][d.prop] = d.data;
+    }), o(c);
+  });
+}), F = (p) => {
+  let t = [];
+  return new Promise((o, i) => {
+    t = E(p).ajaxdic, k(t).then((a) => {
+      o(a);
+    }).catch((a) => {
+      i(a);
+    });
+  });
+}, U = (p) => {
+  let t = {}, o = p.dicData || {};
+  return p.column.forEach((i) => {
+    i.dicData && (t[i.prop] = D(i.dicData, i.props, i.dataType));
+  }), Object.assign(o, t);
+};
+function E(p) {
+  let t = p.column || [], o = [], i = {}, e = [];
+  return t.forEach((a) => {
+    let c = a.dicData, s = a.dicUrl, d = a.prop, r = a.parentProp;
+    e = e.concat(a.cascader || []), Array.isArray(c) && (i[d] = c), !(a.dicFlag === !1 || a.lazy === !0 || e.includes(d)) && s && !r && o.push({
+      url: s,
+      name: d,
+      method: a.dicMethod,
+      headers: t.dicHeaders,
+      formatter: a.dicFormatter,
+      props: a.props,
+      dataType: a.dataType,
+      resKey: (a.props || {}).res,
+      query: a.dicQuery || {}
+    });
+  }), {
+    ajaxdic: o,
+    locationdic: i
+  };
+}
+function k(p) {
+  let t = {}, o = [];
+  return new Promise((i) => {
+    p.forEach((e) => {
+      o.push(
+        new Promise((a) => {
+          g(Object.assign(e, {
+            url: `${e.url.replace("{{key}}", "")}`
+          })).then((c) => {
+            c = D(c, e.props, e.dataType), a(c);
+          }).catch(() => {
+            a([]);
+          });
+        })
+      );
+    }), Promise.all(o).then((e) => {
+      p.forEach((a, c) => {
+        t[a.name] = e[c];
+      }), i(t);
+    });
+  });
+}
+const g = (p) => {
+  let { url: t, query: o, method: i, resKey: e, props: a, formatter: c, headers: s = {}, value: d = "", column: r, form: h = {} } = p;
+  r && (t = r.dicUrl, i = r.dicMethod, s = r.headers || {}, o = r.dicQuery || {}, c = r.dicFormatter, a = r.props);
+  let m = "key";
+  t = t || "";
+  let u = [], y = {};
+  return u = t.match(/[^\{\}]+(?=\})/g) || [], u.forEach((n) => {
+    let f = `{{${n}}}`, l = h[n];
+    n === m ? t = t.replace(f, d) : t = t.replace(f, l);
+  }), i === "post" && (u = Object.keys(o), u.forEach((n) => {
+    let f = o[n];
+    typeof f == "string" && f.match(/\{{|}}/g) ? y[n] = h[f.replace(/\{{|}}/g, "")] : y[n] = f;
+  })), a && (e = (a || {}).res || e), new Promise((n) => {
+    const f = (l) => {
+      let P = [];
+      typeof c == "function" ? P = c(l.data) : P = x(l.data, e), n(P);
+    };
+    i === "post" ? window.axios.post(t, y, {
+      headers: s
+    }).then(function(l) {
+      f(l);
+    }).catch(() => [
+      n([])
+    ]) : window.axios.get(t, {
+      params: o,
+      headers: s
+    }).then(function(l) {
+      f(l);
+    }).catch(() => [
+      n([])
+    ]);
+  });
+};
+export {
+  F as a,
+  b,
+  U as l,
+  g as s
+};

package/dist/chunks/event.50c365eb.js

@@ -0,0 +1,235 @@
+import { D as r, a as i, b as a, c as s } from "./util.5053d54e.js";
+import { s as l } from "./slot.1b8d2b1b.js";
+import { i as p } from "./dataformat.fb35ee10.js";
+const d = {
+  mixins: [l],
+  data() {
+    return {
+      stringMode: !1,
+      name: "",
+      text: void 0,
+      propsHttpDefault: r,
+      propsDefault: i
+    };
+  },
+  props: {
+    blur: Function,
+    focus: Function,
+    change: Function,
+    click: Function,
+    typeformat: Function,
+    control: Function,
+    separator: {
+      type: String,
+      default: a
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    listType: {
+      type: String
+    },
+    tableData: {
+      type: Object
+    },
+    value: {},
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: ""
+    },
+    tip: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    dataType: {
+      type: String
+    },
+    clearable: {
+      type: Boolean,
+      default: !0
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    dicUrl: {
+      type: String,
+      default: ""
+    },
+    dicMethod: {
+      type: String,
+      default: ""
+    },
+    dicFormatter: Function,
+    dicQuery: {
+      type: Object,
+      default: () => ({})
+    },
+    dic: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    rules: {
+      type: Array
+    },
+    min: {
+      type: Number
+    },
+    max: {
+      type: Number
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    button: {
+      type: Boolean,
+      default: !1
+    },
+    group: {
+      type: Boolean,
+      default: !1
+    },
+    row: {
+      type: Boolean,
+      default: !1
+    },
+    prop: {
+      type: String,
+      default: ""
+    },
+    border: {
+      type: Boolean,
+      default: !1
+    },
+    popperClass: {
+      type: String
+    },
+    propsHttp: {
+      type: Object,
+      default: () => r
+    },
+    props: {
+      type: Object,
+      default: () => i
+    }
+  },
+  watch: {
+    text: {
+      handler(t) {
+        this.handleChange(t);
+      }
+    },
+    value: {
+      handler() {
+        this.initVal();
+      }
+    }
+  },
+  computed: {
+    clearableVal() {
+      return this.disabled ? !1 : this.clearable;
+    },
+    componentName() {
+      return `el-${this.name}${this.button ? "-button" : ""}`;
+    },
+    required() {
+      return !s(this.rules);
+    },
+    isArray() {
+      return this.dataType === "array";
+    },
+    isString() {
+      return this.dataType === "string";
+    },
+    isNumber() {
+      return this.dataType === "number";
+    },
+    nameKey() {
+      return this.propsHttp.name || this.propsHttpDefault.name;
+    },
+    urlKey() {
+      return this.propsHttp.url || this.propsHttpDefault.url;
+    },
+    resKey() {
+      return this.propsHttp.res || this.propsHttpDefault.res;
+    },
+    groupsKey() {
+      return this.props.groups || this.propsDefault.groups;
+    },
+    valueKey() {
+      return this.props.value || this.propsDefault.value;
+    },
+    descKey() {
+      return this.props.desc || this.propsDefault.desc;
+    },
+    leafKey() {
+      return this.props.leaf || this.propsDefault.leaf;
+    },
+    labelKey() {
+      return this.props.label || this.propsDefault.label;
+    },
+    childrenKey() {
+      return this.props.children || this.propsDefault.children;
+    },
+    disabledKey() {
+      return this.props.disabled || this.propsDefault.disabled;
+    },
+    idKey() {
+      return this.props.id || this.propsDefault.id;
+    }
+  },
+  created() {
+    this.initVal();
+  }
+}, f = {
+  methods: {
+    bindEvent(t, e) {
+      e = Object.assign(e, { column: this.column }, this.tableData), typeof this[t] == "function" && (t === "change" ? this.column.cell !== !0 && this[t](e) : this[t](e)), this.$emit(t, e);
+    },
+    initVal() {
+      this.stringMode = typeof this.value == "string", this.text = p(this.value, this);
+    },
+    getLabelText(t) {
+      return s(t) ? "" : typeof this.typeformat == "function" ? this.typeformat(t, this.labelKey, this.valueKey) : t[this.labelKey];
+    },
+    handleFocus(t) {
+      this.bindEvent("focus", { value: this.value, event: t });
+    },
+    handleBlur(t) {
+      this.bindEvent("blur", { value: this.value, event: t });
+    },
+    handleClick(t) {
+      this.bindEvent("click", { value: this.value, event: t });
+    },
+    handleChange(t) {
+      let e = t;
+      (this.isString || this.isNumber || this.stringMode || this.listType === "picture-img") && Array.isArray(t) && (e = t.join(this.separator)), this.bindEvent("change", { value: e }), this.$emit("input", e);
+    }
+  }
+};
+export {
+  f as e,
+  d as p
+};

package/dist/chunks/{76680a03.js → form-input-mixin.ff5b58f7.js}

@@ -1,5 +1,5 @@
-import { f as e } from "./b4acd3a6.js";
-import { i as r } from "./f71045fc.js";
+import { f as e } from "./form-item-mixin.79f6eaff.js";
+import { i as r } from "./utils.fa73de78.js";
 const o = {
   mixins: [e],
   props: {

package/dist/chunks/{b4acd3a6.js → form-item-mixin.79f6eaff.js}

@@ -1,4 +1,4 @@
-import { i as r } from "./f71045fc.js";
+import { i as r } from "./utils.fa73de78.js";
 import { Col as i, FormItem as a } from "element-ui";
 const u = ["span"], s = [...Object.keys(i.props)], n = s.filter((e) => !u.includes(e)), p = ["label", "prop", "rules", "labelWidth", "required"], l = [...Object.keys(a.props)], m = l.filter((e) => !p.includes(e)), f = [
   "wrapCol",
@@ -40,6 +40,7 @@ const u = ["span"], s = [...Object.keys(i.props)], n = s.filter((e) => !u.includ
     },
     formItemClass: String,
     prefixPick: Boolean,
+    // el-form-item
     label: String,
     labelWidth: String,
     prop: String,
@@ -57,6 +58,7 @@ const u = ["span"], s = [...Object.keys(i.props)], n = s.filter((e) => !u.includ
       default: !0
     },
     size: String,
+    // el-col
     span: {
       type: Number,
       default: 12

package/dist/chunks/init.352281f5.js

@@ -0,0 +1,121 @@
+import { s as o, l as n, a as h, b as r } from "./dic.5f7e3523.js";
+import { k as d, a as l, c as s } from "./util.5053d54e.js";
+import { s as c } from "./slot.1b8d2b1b.js";
+const O = {
+  mixins: [c],
+  props: {
+    defaults: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    option: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    }
+  },
+  watch: {
+    defaults: {
+      handler(t) {
+        this.objectOption = t;
+      },
+      deep: !0
+    },
+    objectOption: {
+      handler(t) {
+        this.$emit("update:defaults", t);
+      },
+      deep: !0
+    },
+    propOption: {
+      handler(t) {
+        let i = {};
+        t.forEach((e) => {
+          i[e.prop] = e;
+        }), this.$set(this, "objectOption", i);
+      },
+      deep: !0
+    },
+    option: {
+      handler() {
+        this.init(!1);
+      },
+      deep: !0
+    }
+  },
+  data() {
+    return {
+      DIC: {},
+      cascaderDIC: {},
+      tableOption: {},
+      isMobile: "",
+      objectOption: {}
+    };
+  },
+  created() {
+    this.init();
+  },
+  computed: {
+    resultOption() {
+      return Object.assign(d(this.tableOption), {
+        column: this.propOption
+      });
+    },
+    rowKey() {
+      return this.tableOption.rowKey || l.rowKey;
+    },
+    formRules() {
+      let t = {};
+      return this.propOption.forEach((i) => {
+        i.rules && i.display !== !1 && (t[i.prop] = i.rules);
+      }), t;
+    },
+    isMediumSize() {
+      return this.controlSize;
+    },
+    controlSize() {
+      return this.tableOption.size || this.$AVUE.size;
+    }
+  },
+  methods: {
+    init(t) {
+      this.tableOption = this.option, this.getIsMobile(), this.handleLocalDic(), t !== !1 && this.handleLoadDic();
+    },
+    dicInit(t) {
+      t === "cascader" ? this.handleLoadCascaderDic() : this.handleLoadDic();
+    },
+    getIsMobile() {
+      this.isMobile = document.body.clientWidth <= 768;
+    },
+    updateDic(t, i) {
+      let e = this.findObject(this.propOption, t);
+      s(i) && s(t) ? this.handleLoadDic() : s(i) && !s(e.dicUrl) ? o({
+        column: e
+      }).then((a) => {
+        this.$set(this.DIC, t, a);
+      }) : this.$set(this.DIC, t, i);
+    },
+    handleSetDic(t, i = {}) {
+      Object.keys(i).forEach((e) => {
+        this.$set(t, e, i[e]);
+      });
+    },
+    //本地字典
+    handleLocalDic() {
+      this.handleSetDic(this.DIC, n(this.resultOption));
+    },
+    // 网络字典加载
+    handleLoadDic() {
+      h(this.resultOption).then((t) => this.handleSetDic(this.DIC, t));
+    },
+    //级联字典加载
+    handleLoadCascaderDic() {
+      r(this.propOption, this.data).then((t) => this.handleSetDic(this.cascaderDIC, t));
+    }
+  }
+};
+export {
+  O as i
+};