@web-utils/component 2.0.14 → 2.2.0

package/fy-dynamic/index.mjs

@@ -0,0 +1,337 @@
+import { p as u, e as c } from "../chunks/event.NHA7rYFE.mjs";
+import { o as l, d as o } from "../chunks/util.C2Bhx22L.mjs";
+import { n as h } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+function f(e) {
+  if (e == null)
+    throw new TypeError("Cannot destructure undefined");
+}
+var m = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("div", {
+    key: e.reload,
+    staticClass: "avue-dynamic"
+  }, [e.isForm ? [n("div", {
+    staticClass: "avue-dynamic__header"
+  }, [!e.readonly && !e.disabled && !e.addBtn ? n("ElButton", {
+    attrs: {
+      size: "mini",
+      circle: "",
+      disabled: e.disabled,
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: e.addRow
+    }
+  }) : e._e()], 1), n("div", e._l(e.text, function(i, r) {
+    return n("div", {
+      key: r,
+      staticClass: "avue-dynamic__row",
+      on: {
+        mouseenter: function(s) {
+          return e.cellMouseenter({
+            $index: r
+          });
+        },
+        mouseleave: function(s) {
+          return e.cellMouseLeave({
+            $index: r
+          });
+        }
+      }
+    }, [!e.readonly && !e.disabled && !e.delBtn && e.hoverList[r] ? n("ElButton", {
+      staticClass: "avue-dynamic__menu",
+      attrs: {
+        type: "danger",
+        size: "mini",
+        disabled: e.disabled,
+        icon: "el-icon-delete",
+        circle: ""
+      },
+      on: {
+        click: function(s) {
+          return e.delRow(i.$index);
+        }
+      }
+    }) : e._e(), n("FyForm", {
+      key: r,
+      ref: "main",
+      refInFor: !0,
+      attrs: {
+        option: e.deepClone(e.option)
+      },
+      scopedSlots: e._u([{
+        key: "_index",
+        fn: function(s) {
+          return f(s), [n("div", [n("span", [e._v(e._s(i.$index + 1))])])];
+        }
+      }, e._l(e.columnSlot, function(s) {
+        return {
+          key: s,
+          fn: function(d) {
+            return [e._t(s, null, null, Object.assign(d, {
+              row: e.text[r]
+            }))];
+          }
+        };
+      })], null, !0),
+      model: {
+        value: e.text[r],
+        callback: function(s) {
+          e.$set(e.text, r, s);
+        },
+        expression: "text[index]"
+      }
+    })], 1);
+  }), 0)] : e.isCrud ? n("FyCurd", {
+    ref: "main",
+    attrs: {
+      option: e.option,
+      disabled: e.disabled,
+      data: e.text
+    },
+    on: {
+      "cell-mouse-enter": e.cellMouseenter,
+      "cell-mouse-leave": e.cellMouseLeave,
+      "selection-change": e.handleSelectionChange,
+      "sortable-change": e.handleSortableChange
+    },
+    scopedSlots: e._u([{
+      key: "_indexHeader",
+      fn: function() {
+        return [!(e.addBtn || e.readonly) && e.maxFlag ? n("ElButton", {
+          attrs: {
+            type: "primary",
+            size: "mini",
+            disabled: e.disabled,
+            icon: "el-icon-plus",
+            circle: ""
+          },
+          on: {
+            click: function(i) {
+              return e.addRow();
+            }
+          }
+        }) : e._e()];
+      },
+      proxy: !0
+    }, {
+      key: "_index",
+      fn: function(i) {
+        return [!e.readonly && !e.disabled && !e.delBtn && e.hoverList[i.row.$index] ? n("ElButton", {
+          attrs: {
+            type: "danger",
+            size: "mini",
+            disabled: e.disabled,
+            icon: "el-icon-delete",
+            circle: ""
+          },
+          on: {
+            click: function(r) {
+              return e.delRow(i.row.$index);
+            }
+          }
+        }) : n("div", [e._v(" " + e._s(i.row.$index + 1) + " ")])];
+      }
+    }, e._l(e.columnSlot, function(i) {
+      return {
+        key: e.getSlotName({
+          prop: i
+        }, "F"),
+        fn: function(r) {
+          return [e._t(i, null, null, r)];
+        }
+      };
+    })], null, !0)
+  }) : e._e()], 2);
+}, p = [];
+const v = {
+  name: "FyDynamic",
+  mixins: [u, c],
+  props: {
+    max: Number,
+    columnSlot: {
+      type: Array,
+      default: () => []
+    },
+    children: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      reload: Math.random(),
+      hoverList: []
+    };
+  },
+  computed: {
+    textLen() {
+      return this.text.length;
+    },
+    maxFlag() {
+      return this.max ? this.text.length !== this.max : !0;
+    },
+    showIndex() {
+      return l(this.children.index, !0);
+    },
+    showType() {
+      return this.children.type || "crud";
+    },
+    isForm() {
+      return this.showType === "form";
+    },
+    isCrud() {
+      return this.showType === "crud";
+    },
+    selectionChange() {
+      return this.children.selectionChange;
+    },
+    sortableChange() {
+      return this.children.sortableChange;
+    },
+    rowAdd() {
+      return this.children.rowAdd;
+    },
+    rowDel() {
+      return this.children.rowDel;
+    },
+    viewBtn() {
+      return this.children.viewBtn === !1;
+    },
+    addBtn() {
+      return this.children.addBtn === !1;
+    },
+    delBtn() {
+      return this.children.delBtn === !1;
+    },
+    valueOption() {
+      const e = {};
+      return this.columnOption.forEach((t) => {
+        t.value && (e[t.prop] = t.value);
+      }), e;
+    },
+    rulesOption() {
+      const e = {};
+      return this.columnOption.forEach((t) => {
+        t.rules && (e[t.prop] = t.rules);
+      }), e;
+    },
+    columnOption() {
+      return this.children.column || [];
+    },
+    option() {
+      return Object.assign({
+        border: !0,
+        header: !1,
+        menu: !1,
+        size: this.size,
+        disabled: this.disabled,
+        readonly: this.readonly,
+        emptyBtn: !1,
+        submitBtn: !1
+      }, (() => {
+        const e = o(this.children);
+        return delete e.column, e;
+      })(), (() => {
+        const e = [{
+          label: this.children.indexLabel || "#",
+          prop: "_index",
+          display: this.showIndex,
+          hide: !this.showIndex,
+          fixed: !0,
+          align: "center",
+          headerAlign: "center",
+          span: 24,
+          width: 50
+        }];
+        return this.columnOption.forEach((t) => {
+          e.push(Object.assign(t, {
+            cell: l(t.cell, this.isCrud)
+          }));
+        }), {
+          column: e
+        };
+      })());
+    }
+  },
+  watch: {
+    text() {
+      this.initData();
+    }
+  },
+  mounted() {
+    this.initData();
+  },
+  methods: {
+    deepClone: o,
+    handleSelectionChange(e) {
+      this.selectionChange && this.selectionChange(e);
+    },
+    handleSortableChange(e, t, n, i) {
+      this.sortableChange && this.sortableChange(e, t, n, i);
+    },
+    cellMouseenter(e) {
+      const t = e.$index;
+      this.mouseoverRow(t);
+    },
+    cellMouseLeave(e) {
+      const t = e.$index;
+      this.mouseoutRow(t);
+    },
+    initData() {
+      this.text.forEach((e, t) => {
+        e = Object.assign(e, {
+          $cellEdit: !0,
+          $index: t
+        });
+      });
+    },
+    mouseoverRow(e) {
+      this.delBtn || (this.flagList(), this.$set(this.hoverList, e, !0));
+    },
+    mouseoutRow(e) {
+      this.delBtn || (this.flagList(), this.$set(this.hoverList, e, !1));
+    },
+    flagList() {
+      this.hoverList.forEach((e, t) => {
+        this.hoverList[t] = !1;
+      });
+    },
+    delRow(e) {
+      const t = () => {
+        const n = o(this.text);
+        n.splice(e, 1), this.text = n, this.reload = Math.random();
+      };
+      typeof this.rowDel == "function" ? this.rowDel(this.text[e], t) : t();
+    },
+    addRow() {
+      const e = (t = {}) => {
+        t = Object.assign(this.valueOption, t, {
+          $index: this.textLen
+        }), this.isCrud ? this.$refs.main.rowCellAdd(t) : this.isForm && this.text.push(t);
+      };
+      typeof this.rowAdd == "function" ? this.rowAdd(e) : e();
+    }
+  }
+}, a = {};
+var y = /* @__PURE__ */ h(
+  v,
+  m,
+  p,
+  !1,
+  x,
+  null,
+  null,
+  null
+);
+function x(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const g = /* @__PURE__ */ function() {
+  return y.exports;
+}();
+export {
+  g as default
+};

package/fy-dynamic/style.css

@@ -0,0 +1 @@
+.avue-dynamic__item{align-items:center;width:100%;margin-bottom:10px;display:flex}.avue-dynamic__header{padding-left:40px}.avue-dynamic__row{border-top:1px dashed #eee;padding-top:13px;position:relative}.avue-dynamic__row:first-child{border-top:0}.avue-dynamic__menu{z-index:1024;position:absolute;right:0}.avue-dynamic__input{width:100%;margin-right:8px}.avue-dynamic__button{margin-bottom:0!important}.el-form-item.is-error .avue-dynamic{border:1px solid #f56c6c;border-radius:3px}

package/fy-empty/index.mjs

@@ -0,0 +1,59 @@
+import { s as N } from "../chunks/util.C2Bhx22L.mjs";
+import { n as j } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var i = function() {
+  var M = this, I = M.$createElement, g = M._self._c || I;
+  return g("div", {
+    staticClass: "avue-empty"
+  }, [g("div", {
+    staticClass: "avue-empty__image",
+    style: {
+      height: M.setPx(M.size)
+    }
+  }, [g("img", {
+    attrs: {
+      src: M.image,
+      alt: ""
+    }
+  })]), g("p", {
+    staticClass: "avue-empty__desc"
+  }, [M._v(" " + M._s(M.desc) + " ")]), M._t("default")], 2);
+}, T = [];
+const L = {
+  name: "FyEmpty",
+  props: {
+    size: {
+      type: String
+    },
+    image: {
+      type: String,
+      default: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQgMzEuNjcpIj4KICAgICAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOCIgZmlsbD0iI0Y1RjVGNyIgY3g9IjY3Ljc5NyIgY3k9IjEwNi44OSIgcng9IjY3Ljc5NyIgcnk9IjEyLjY2OCIvPgogICAgICA8cGF0aCBkPSJNMTIyLjAzNCA2OS42NzRMOTguMTA5IDQwLjIyOWMtMS4xNDgtMS4zODYtMi44MjYtMi4yMjUtNC41OTMtMi4yMjVoLTUxLjQ0Yy0xLjc2NiAwLTMuNDQ0LjgzOS00LjU5MiAyLjIyNUwxMy41NiA2OS42NzR2MTUuMzgzaDEwOC40NzVWNjkuNjc0eiIgZmlsbD0iI0FFQjhDMiIvPgogICAgICA8cGF0aCBkPSJNMTAxLjUzNyA4Ni4yMTRMODAuNjMgNjEuMTAyYy0xLjAwMS0xLjIwNy0yLjUwNy0xLjg2Ny00LjA0OC0xLjg2N0gzMS43MjRjLTEuNTQgMC0zLjA0Ny42Ni00LjA0OCAxLjg2N0w2Ljc2OSA4Ni4yMTR2MTMuNzkyaDk0Ljc2OFY4Ni4yMTR6IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy41NikiLz4KICAgICAgPHBhdGggZD0iTTMzLjgzIDBoNjcuOTMzYTQgNCAwIDAgMSA0IDR2OTMuMzQ0YTQgNCAwIDAgMS00IDRIMzMuODNhNCA0IDAgMCAxLTQtNFY0YTQgNCAwIDAgMSA0LTR6IiBmaWxsPSIjRjVGNUY3Ii8+CiAgICAgIDxwYXRoIGQ9Ik00Mi42NzggOS45NTNoNTAuMjM3YTIgMiAwIDAgMSAyIDJWMzYuOTFhMiAyIDAgMCAxLTIgMkg0Mi42NzhhMiAyIDAgMCAxLTItMlYxMS45NTNhMiAyIDAgMCAxIDItMnpNNDIuOTQgNDkuNzY3aDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI0SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjR6TTQyLjk0IDYxLjUzaDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI1SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjV6TTEyMS44MTMgMTA1LjAzMmMtLjc3NSAzLjA3MS0zLjQ5NyA1LjM2LTYuNzM1IDUuMzZIMjAuNTE1Yy0zLjIzOCAwLTUuOTYtMi4yOS02LjczNC01LjM2YTcuMzA5IDcuMzA5IDAgMCAxLS4yMjItMS43OVY2OS42NzVoMjYuMzE4YzIuOTA3IDAgNS4yNSAyLjQ0OCA1LjI1IDUuNDJ2LjA0YzAgMi45NzEgMi4zNyA1LjM3IDUuMjc3IDUuMzdoMzQuNzg1YzIuOTA3IDAgNS4yNzctMi40MjEgNS4yNzctNS4zOTNWNzUuMWMwLTIuOTcyIDIuMzQzLTUuNDI2IDUuMjUtNS40MjZoMjYuMzE4djMzLjU2OWMwIC42MTctLjA3NyAxLjIxNi0uMjIxIDEuNzg5eiIgZmlsbD0iI0RDRTBFNiIvPgogICAgPC9nPgogICAgPHBhdGggZD0iTTE0OS4xMjEgMzMuMjkybC02LjgzIDIuNjVhMSAxIDAgMCAxLTEuMzE3LTEuMjNsMS45MzctNi4yMDdjLTIuNTg5LTIuOTQ0LTQuMTA5LTYuNTM0LTQuMTA5LTEwLjQwOEMxMzguODAyIDguMTAyIDE0OC45MiAwIDE2MS40MDIgMCAxNzMuODgxIDAgMTg0IDguMTAyIDE4NCAxOC4wOTdjMCA5Ljk5NS0xMC4xMTggMTguMDk3LTIyLjU5OSAxOC4wOTctNC41MjggMC04Ljc0NC0xLjA2Ni0xMi4yOC0yLjkwMnoiIGZpbGw9IiNEQ0UwRTYiLz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0OS42NSAxNS4zODMpIiBmaWxsPSIjRkZGIj4KICAgICAgPGVsbGlwc2UgY3g9IjIwLjY1NCIgY3k9IjMuMTY3IiByeD0iMi44NDkiIHJ5PSIyLjgxNSIvPgogICAgICA8cGF0aCBkPSJNNS42OTggNS42M0gwTDIuODk4LjcwNHpNOS4yNTkuNzA0aDQuOTg1VjUuNjNIOS4yNTl6Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
+    },
+    desc: {
+      type: String,
+      default: "暂无数据"
+    }
+  },
+  methods: {
+    setPx: N
+  }
+}, A = {};
+var u = /* @__PURE__ */ j(
+  L,
+  i,
+  T,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(M) {
+  for (let I in A)
+    this[I] = A[I];
+}
+const C = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  C as default
+};

package/fy-empty/style.css

@@ -0,0 +1 @@
+.avue-empty{text-align:center;margin:0 8px;font-size:14px;line-height:22px}.avue-empty__image{height:100px;margin-bottom:8px}.avue-empty__image img{vertical-align:middle;border-style:none;height:100%}.avue-empty__desc{color:rgba(0,0,0,.65)}