@web-utils/component 2.7.3 → 2.7.4

package/dist/chunks/WidgetFormTable.vue_vue_type_template_lang.30625146.js

@@ -0,0 +1,228 @@
+import { d as s } from "./util.80e28481.js";
+import { s as o, r as c } from "./WidgetFormItem.vue_vue_type_template_lang.48d55a5c.js";
+import { n as d } from "./vueComponentNormalizer.71e2aa87.js";
+const u = {
+  name: "WidgetFormItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      form: {}
+    };
+  },
+  computed: {
+    vBind() {
+      const e = Object.assign(s(this.item), this.params, {
+        size: this.item.size || "small",
+        dic: this.item.dicData ? this.item.dicData.map((i) => {
+          if (!this.item.props)
+            return i;
+          const { label: t, value: a, desc: l } = this.item.props;
+          return !t || !a ? i : {
+            [t]: i.label,
+            [a]: i.value,
+            [l]: i.desc
+          };
+        }) : void 0,
+        rules: this.item.pattern ? this.item.rules.map((i) => (i.pattern && (i.pattern = new RegExp(this.item.pattern)), i)) : this.item.rules
+      });
+      return ["change", "blur", "click", "focus"].forEach((i) => delete e[i]), e.event && delete e.event, e;
+    }
+  },
+  methods: {
+    getComponent(e, n) {
+      let i = "fy-", t = "input";
+      return n || (["array", "img", "url"].includes(e) ? t = "array" : e === "select" ? t = "select" : e === "radio" ? t = "radio" : e === "checkbox" ? t = "checkbox" : ["time", "timerange"].includes(e) ? t = "time" : ["dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year"].includes(e) ? t = "date" : e === "cascader" ? t = "cascader" : e === "number" ? t = "input-number" : e === "password" ? t = "input" : e === "switch" ? t = "switch" : e === "rate" ? t = "rate" : e === "upload" ? t = "upload" : e === "slider" ? t = "slider" : e === "dynamic" ? t = "dynamic" : e === "icon" ? t = "input-icon" : e === "color" ? t = "input-color" : e === "map" && (t = "input-map"), i + t);
+    },
+    getPlaceholder(e) {
+      const n = e.label;
+      return ["select", "checkbox", "radio", "tree", "color", "dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year", "map", "icon"].includes(e.type) ? `请选择 ${n}` : `请输入 ${n}`;
+    }
+  }
+}, r = {};
+var p = /* @__PURE__ */ d(
+  u,
+  c,
+  o,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let n in r)
+    this[n] = r[n];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+var b = function() {
+  var e = this, n = e.$createElement, i = e._self._c || n;
+  return i("div", [i("h3", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.column.label,
+      expression: "column.label"
+    }],
+    staticStyle: {
+      margin: "10px"
+    }
+  }, [e._v(" " + e._s(e.column.label) + " ")]), i("Draggable", {
+    staticClass: "widget-form-table__content",
+    attrs: {
+      list: e.column.children.column,
+      group: {
+        name: "form"
+      },
+      "ghost-class": "ghost",
+      animation: 200,
+      handle: ".widget-form-table__item"
+    },
+    on: {
+      add: function(t) {
+        return e.handleWidgetTableAdd(t, e.column);
+      },
+      end: function(t) {
+        return e.$emit("change");
+      }
+    }
+  }, [e.column.children.column.length > 0 ? e._l(e.column.children.column, function(t, a) {
+    return i("div", {
+      key: a,
+      staticClass: "widget-form-table__item",
+      class: {
+        active: e.selectWidget.prop === t.prop,
+        required: t.required
+      },
+      style: {
+        minWidth: t.width ? `${t.width}px` : "33.3%",
+        width: t.width ? `${t.width}px` : "33.3%"
+      },
+      on: {
+        click: function(l) {
+          return l.stopPropagation(), e.handleWidgetTableSelect(t);
+        }
+      }
+    }, [i("ElTable", {
+      attrs: {
+        data: [t],
+        border: ""
+      }
+    }, [i("ElTableColumn", {
+      attrs: {
+        prop: t.prop,
+        label: t.label,
+        align: e.column.children.align,
+        "header-align": e.column.children.headerAlign
+      }
+    }, [i("WidgetFormItem", {
+      attrs: {
+        item: t,
+        params: e.column.params
+      }
+    }), e.selectWidget.prop === t.prop ? i("ElButton", {
+      staticClass: "widget-table-action-delete",
+      attrs: {
+        title: "删除",
+        circle: "",
+        plain: "",
+        size: "small",
+        type: "danger"
+      },
+      on: {
+        click: function(l) {
+          return l.stopPropagation(), e.handleWidgetTableDelete(e.column, a);
+        }
+      }
+    }, [i("i", {
+      staticClass: "iconfont icon-delete"
+    })]) : e._e(), e.selectWidget.prop === t.prop ? i("ElButton", {
+      staticClass: "widget-table-action-clone",
+      attrs: {
+        title: "复制",
+        circle: "",
+        plain: "",
+        size: "small",
+        type: "primary"
+      },
+      on: {
+        click: function(l) {
+          return l.stopPropagation(), e.handleWidgetTableClone(e.column, t);
+        }
+      }
+    }, [i("i", {
+      staticClass: "iconfont icon-copy"
+    })]) : e._e()], 1)], 1)], 1);
+  }) : [i("FyEmpty", {
+    staticStyle: {
+      width: "100%"
+    },
+    attrs: {
+      size: "50",
+      description: "拖拽字段至此"
+    }
+  })]], 2), e.selectWidget.prop === e.column.prop ? i("ElButton", {
+    staticClass: "widget-action-delete",
+    attrs: {
+      title: "删除",
+      circle: "",
+      plain: "",
+      size: "small",
+      type: "danger"
+    },
+    on: {
+      click: function(t) {
+        return t.stopPropagation(), e.handleWidgetDelete(e.index);
+      }
+    }
+  }, [i("i", {
+    staticClass: "iconfont icon-delete"
+  })]) : e._e(), e.selectWidget.prop === e.column.prop ? i("ElButton", {
+    staticClass: "widget-action-clear",
+    attrs: {
+      title: "清空",
+      circle: "",
+      plain: "",
+      size: "small",
+      type: "warning"
+    },
+    on: {
+      click: function(t) {
+        return t.stopPropagation(), e.handleWidgetClear(e.index);
+      }
+    }
+  }, [i("i", {
+    staticClass: "iconfont icon-clear"
+  })]) : e._e(), e.selectWidget.prop === e.column.prop ? i("ElButton", {
+    staticClass: "widget-action-clone",
+    attrs: {
+      title: "复制",
+      circle: "",
+      plain: "",
+      size: "small",
+      type: "primary"
+    },
+    on: {
+      click: function(t) {
+        return t.stopPropagation(), e.handleWidgetCloneTable(e.index);
+      }
+    }
+  }, [i("i", {
+    staticClass: "iconfont icon-copy"
+  })]) : e._e()], 1);
+}, v = [];
+export {
+  _ as W,
+  b as r,
+  v as s
+};

package/dist/chunks/{dataformat.3cfcf62c.js → dataformat.d3fd2d1b.js}

@@ -1,4 +1,5 @@
-import { c, f as E, M as f, A as h, R as T, d as o, e as B, K as A, g as I, S as L, b as S, h as m, I as _ } from "./util.5053d54e.js";
+import { isBlank as c } from "@web-utils/core";
+import { f as E, M as f, A as h, R as T, a as u, b as m, K as A, c as I, S as L, D as S, e as B, I as _ } from "./util.80e28481.js";
 const P = {
   common: {
     condition: "条件",
@@ -83,17 +84,17 @@ const P = {
   const t = n.split(".");
   let a = e, s = null;
   for (let l = 0, d = t.length; l < d; l++) {
-    const u = t[l];
+    const o = t[l];
     if (!a)
       break;
     if (l === d - 1) {
-      s = a[u];
+      s = a[o];
       break;
     }
-    a = a[u];
+    a = a[o];
   }
   return s;
-}, p = (e) => k(P, e), x = (e = []) => (e.forEach((n) => {
+}, p = (e) => k(P, e), R = (e = []) => (e.forEach((n) => {
   let t = n.cascader;
   if (!c(t)) {
     let a = n.prop;
@@ -104,53 +105,53 @@ const P = {
   }
 }), e);
 let r = 0;
-const R = (e, n = 12, t = !1) => {
+const C = (e, n = 12, t = !1) => {
   t && (r = 0);
   const a = 24;
   return r = r + (e.span || n) + (e.offset || 0), r === a ? r = 0 : r > a ? r = (e.span || n) + (e.offset || 0) : e.row && r !== a && (e.count = a - r, r = 0), e;
-}, C = (e, n) => {
-  let { type: t, multiple: a, dataType: s, separator: l = S, alone: d, emitPath: u, range: y } = n, i = e;
-  return f.includes(t) && a === !0 || h.includes(t) && u !== !1 || T.includes(t) && y === !0 ? (Array.isArray(i) || (c(i) ? i = [] : i = (i + "").split(l) || []), i.forEach((b, g) => {
-    i[g] = o(b, s);
-  }), B.includes(t) && c(i) && d && (i = [""])) : i = o(i, s), i;
-}, v = (e) => {
+}, v = (e, n) => {
+  let { type: t, multiple: a, dataType: s, separator: l = S, alone: d, emitPath: o, range: y } = n, i = e;
+  return f.includes(t) && a === !0 || h.includes(t) && o !== !1 || T.includes(t) && y === !0 ? (Array.isArray(i) || (c(i) ? i = [] : i = (i + "").split(l) || []), i.forEach((b, g) => {
+    i[g] = u(b, s);
+  }), m.includes(t) && c(i) && d && (i = [""])) : i = u(i, s), i;
+}, N = (e) => {
   const n = e.type, t = e.searchRange;
   let a = n;
   if (e.searchType)
     return e.searchType;
   if (["radio", "checkbox", "switch"].includes(n))
     a = "select";
-  else if (m.includes(n)) {
+  else if (B.includes(n)) {
     let s = "range";
     t ? n.includes(s) ? a = n : a = n + s : a = n.replace(s, "");
   } else
     ["textarea"].includes(n) && (a = "input");
   return a;
-}, N = (e, n) => {
+}, M = (e, n) => {
   let t = e || "input";
   if (c(n))
-    B.includes(e) ? t = "array" : ["time", "timerange"].includes(e) ? t = "time" : m.includes(e) ? t = "date" : ["password", "textarea", "search"].includes(e) ? t = "input" : _.includes(e) && (t = "input-" + e);
+    m.includes(e) ? t = "array" : ["time", "timerange"].includes(e) ? t = "time" : B.includes(e) ? t = "date" : ["password", "textarea", "search"].includes(e) ? t = "input" : _.includes(e) && (t = "input-" + e);
   else
     return n;
   return A + t;
-}, M = (e = []) => {
+}, O = (e = []) => {
   let n = {};
   return e.forEach((t) => {
     h.includes(t.type) && t.emitPath !== !1 || f.includes(t.type) && t.multiple || t.dataType === "array" ? n[t.prop] = [] : T.includes(t.type) && t.range === !0 ? n[t.prop] = [0, 0] : ["rate", "slider", "number"].includes(t.type) || t.dataType === "number" ? n[t.prop] = void 0 : n[t.prop] = "", t.bind && (n = I(n, t.bind)), c(t.value) || (n[t.prop] = t.value);
   }), {
     tableForm: n
   };
-}, O = function(e) {
+}, V = function(e) {
   const n = e.placeholder, t = e.label;
   return c(n) ? L.includes(e.type) ? `${p("tip.select")} ${t}` : `${p("tip.input")} ${t}` : n;
 };
 export {
-  O as a,
-  x as b,
-  R as c,
-  v as d,
-  M as f,
-  N as g,
-  C as i,
+  V as a,
+  R as b,
+  C as c,
+  N as d,
+  O as f,
+  M as g,
+  v as i,
   p as t
 };

package/dist/chunks/{detail.a3249549.js → detail.ac4d421a.js}

@@ -1,12 +1,12 @@
-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 = []) => {
+import { isBlank as T, formatDate as f } from "@web-utils/core";
+import { i as Y, M as I, A as L, D as y, m as _, b as S, n as A, p as $, e as b, q as h } from "./util.80e28481.js";
+const P = (r = {}, t = {}, g = {}, n = []) => {
   let e = r[t.prop], a = t.type, s = t.separator;
-  if (t.bind && (e = n(r, t.bind)), D(e))
+  if (t.bind && (e = Y(r, t.bind)), T(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))
+    let o = I.includes(t.type) && t.multiple, D = L.includes(t.type);
+    if ((["string", "number"].includes(t.dataType) || o || D) && !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, "*");
@@ -19,7 +19,7 @@ const P = (r = {}, t = {}, g = {}, o = []) => {
       } else
         a === "time" && e.length <= 8 && (e = `${l} ${e}`), e = f(e, d);
     }
-    e = h(o, e, t.props || g.props);
+    e = h(n, e, t.props || g.props);
   }
   return t.formatter && typeof t.formatter == "function" && (e = t.formatter(r, r[t.prop], e, t)), e;
 };

package/dist/chunks/{dic.5f7e3523.js → dic.79d9f595.js}

@@ -1,40 +1,41 @@
-import { c as w, x as D, y as x } from "./util.5053d54e.js";
-const b = (p, t = []) => new Promise((o, i) => {
+import { isBlank as w } from "@web-utils/core";
+import { t as D, v as x } from "./util.80e28481.js";
+const F = (p, t = []) => new Promise((o, i) => {
   let e = [], a = [], c = {};
-  p.forEach((s) => {
-    s.parentProp && e.push(s);
-  }), t.forEach((s, d) => {
+  p.forEach((d) => {
+    d.parentProp && e.push(d);
+  }), t.forEach((d, s) => {
     e.forEach((r) => {
       r.hide !== !0 && r.dicFlag !== !1 && a.push(
         new Promise((h) => {
-          w(s[r.parentProp]) ? h({
+          w(d[r.parentProp]) ? h({
             prop: r.prop,
             data: [],
-            index: d
+            index: s
           }) : r.dicUrl && g({
-            url: `${r.dicUrl.replace("{{key}}", s[r.parentProp])}`,
+            url: `${r.dicUrl.replace("{{key}}", d[r.parentProp])}`,
             props: r.props,
             method: r.dicMethod,
             headers: r.dicHeaders,
             formatter: r.dicFormatter,
             query: r.dicQuery,
-            form: s
+            form: d
           }).then((m) => {
             h({
               prop: r.prop,
               data: m,
-              index: d
+              index: s
             });
           });
         })
       );
     });
-  }), Promise.all(a).then((s) => {
-    s.forEach((d) => {
-      w(c[d.index]) && (c[d.index] = {}), c[d.index][d.prop] = d.data;
+  }), Promise.all(a).then((d) => {
+    d.forEach((s) => {
+      w(c[s.index]) && (c[s.index] = {}), c[s.index][s.prop] = s.data;
     }), o(c);
   });
-}), F = (p) => {
+}), U = (p) => {
   let t = [];
   return new Promise((o, i) => {
     t = E(p).ajaxdic, k(t).then((a) => {
@@ -43,7 +44,7 @@ const b = (p, t = []) => new Promise((o, i) => {
       i(a);
     });
   });
-}, U = (p) => {
+}, K = (p) => {
   let t = {}, o = p.dicData || {};
   return p.column.forEach((i) => {
     i.dicData && (t[i.prop] = D(i.dicData, i.props, i.dataType));
@@ -52,10 +53,10 @@ const b = (p, t = []) => new Promise((o, i) => {
 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,
+    let c = a.dicData, d = a.dicUrl, s = a.prop, r = a.parentProp;
+    e = e.concat(a.cascader || []), Array.isArray(c) && (i[s] = c), !(a.dicFlag === !1 || a.lazy === !0 || e.includes(s)) && d && !r && o.push({
+      url: d,
+      name: s,
       method: a.dicMethod,
       headers: t.dicHeaders,
       formatter: a.dicFormatter,
@@ -92,14 +93,14 @@ function k(p) {
   });
 }
 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 { url: t, query: o, method: i, resKey: e, props: a, formatter: c, headers: d = {}, value: s = "", column: r, form: h = {} } = p;
+  r && (t = r.dicUrl, i = r.dicMethod, d = 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);
+    n === m ? t = t.replace(f, s) : 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;
@@ -109,14 +110,14 @@ const g = (p) => {
       typeof c == "function" ? P = c(l.data) : P = x(l.data, e), n(P);
     };
     i === "post" ? window.axios.post(t, y, {
-      headers: s
+      headers: d
     }).then(function(l) {
       f(l);
     }).catch(() => [
       n([])
     ]) : window.axios.get(t, {
       params: o,
-      headers: s
+      headers: d
     }).then(function(l) {
       f(l);
     }).catch(() => [
@@ -125,8 +126,8 @@ const g = (p) => {
   });
 };
 export {
-  F as a,
-  b,
-  U as l,
+  U as a,
+  F as b,
+  K as l,
   g as s
 };

package/dist/chunks/{event.b76c568a.js → event.43b42228.js}

@@ -1,7 +1,8 @@
-import { D as r, a as i, b as a, c as s } from "./util.5053d54e.js";
+import { y as r, k as i, D as a } from "./util.80e28481.js";
 import { s as l } from "./slot.1b8d2b1b.js";
-import { i as p } from "./dataformat.3cfcf62c.js";
-const d = {
+import { isBlank as s } from "@web-utils/core";
+import { i as p } from "./dataformat.d3fd2d1b.js";
+const f = {
   mixins: [l],
   data() {
     return {
@@ -203,7 +204,7 @@ const d = {
   created() {
     this.initVal();
   }
-}, f = {
+}, y = {
   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);
@@ -230,6 +231,6 @@ const d = {
   }
 };
 export {
-  f as e,
-  d as p
+  y as e,
+  f as p
 };

package/dist/chunks/{init.352281f5.js → init.3b47bb80.js}

@@ -1,7 +1,8 @@
-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 a, l as n, a as h, b as r } from "./dic.79d9f595.js";
+import { d, k as l } from "./util.80e28481.js";
 import { s as c } from "./slot.1b8d2b1b.js";
-const O = {
+import { isBlank as s } from "@web-utils/core";
+const f = {
   mixins: [c],
   props: {
     defaults: {
@@ -91,10 +92,10 @@ const O = {
     },
     updateDic(t, i) {
       let e = this.findObject(this.propOption, t);
-      s(i) && s(t) ? this.handleLoadDic() : s(i) && !s(e.dicUrl) ? o({
+      s(i) && s(t) ? this.handleLoadDic() : s(i) && !s(e.dicUrl) ? a({
         column: e
-      }).then((a) => {
-        this.$set(this.DIC, t, a);
+      }).then((o) => {
+        this.$set(this.DIC, t, o);
       }) : this.$set(this.DIC, t, i);
     },
     handleSetDic(t, i = {}) {
@@ -117,5 +118,5 @@ const O = {
   }
 };
 export {
-  O as i
+  f as i
 };

package/dist/chunks/{packages.5d7a86c4.js → packages.6f252850.js}

@@ -1,57 +1,5 @@
-const s = {};
-function l(t = "default") {
-  let i = "";
-  switch (t) {
-    case "default":
-      i = "#35495E";
-      break;
-    case "primary":
-      i = "#3488ff";
-      break;
-    case "success":
-      i = "#43B883";
-      break;
-    case "warning":
-      i = "#e6a23c";
-      break;
-    case "danger":
-      i = "#f56c6c";
-      break;
-  }
-  return i;
-}
-s.capsule = function(t, i, a = "primary") {
-  console.log(
-    `%c ${t} %c ${i} %c`,
-    "background:#35495E; padding: 1px; border-radius: 3px 0 0 3px; color: #fff;",
-    `background:${l(
-      a
-    )}; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff;`,
-    "background:transparent"
-  );
-};
-s.colorful = function(t) {
-  console.log(
-    `%c${t.map((i) => i.text || "").join("%c")}`,
-    ...t.map((i) => `color: ${l(i.type)};`)
-  );
-};
-s.default = function(t) {
-  s.colorful([{ text: t }]);
-};
-s.primary = function(t) {
-  s.colorful([{ text: t, type: "primary" }]);
-};
-s.success = function(t) {
-  s.colorful([{ text: t, type: "success" }]);
-};
-s.warning = function(t) {
-  s.colorful([{ text: t, type: "warning" }]);
-};
-s.danger = function(t) {
-  s.colorful([{ text: t, type: "danger" }]);
-};
-const c = {
+import { createLogger as l } from "@web-utils/core";
+const a = {
   AliOSS: {
     url: "https://cdn.staticfile.org/ali-oss/6.17.1/aliyun-oss-sdk.min.js",
     title: "阿里云云图片上传，需引入OSS的sdk",
@@ -100,13 +48,9 @@ const c = {
     github: "https://github.com/Colingo/mock"
   }
 }, o = (() => ({
-  logs: function(t) {
-    const i = c[t];
-    s.capsule(
-      t,
-      i.title,
-      "warning"
-    ), s.warning("CDN:" + (i.url || "-")), s.warning("GITHUB:" + (i.github || "-"));
+  logs: function(s) {
+    const t = a[s], i = l(s);
+    i.warning(t.title), i.warning("CDN:" + (t.url || "-")), i.warning("GITHUB:" + (t.github || "-"));
   }
 }))();
 export {