@web-utils/component 2.0.13 → 2.7.0

package/dist/components/dialog-excel/index.js

@@ -0,0 +1,214 @@
+import { d as p } from "../../chunks/detail.a3249549.js";
+import { k as a } from "../../chunks/util.5053d54e.js";
+import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var d = function() {
+  var t = this, s = t.$createElement, e = t._self._c || s;
+  return t.box ? e("div", [e("ElementDialog", {
+    staticClass: "avue-dialog",
+    attrs: {
+      title: "导出",
+      "lock-scroll": "",
+      visible: t.box,
+      width: t.crud.isMobile ? "100%" : "30%"
+    },
+    on: {
+      "update:visible": function(r) {
+        t.box = r;
+      }
+    },
+    scopedSlots: t._u([{
+      key: "footer",
+      fn: function() {
+        return [e("span", {
+          staticClass: "dialog-footer"
+        }, [e("ElButton", {
+          attrs: {
+            type: "primary",
+            size: t.crud.isMediumSize
+          },
+          on: {
+            click: t.handleSubmit
+          }
+        }, [t._v("确定")]), e("ElButton", {
+          attrs: {
+            size: t.crud.isMediumSize
+          },
+          on: {
+            click: function(r) {
+              t.box = !1;
+            }
+          }
+        }, [t._v("取消")])], 1)];
+      },
+      proxy: !0
+    }], null, !1, 2375905330)
+  }, [e("FyForm", {
+    attrs: {
+      option: t.option
+    },
+    model: {
+      value: t.form,
+      callback: function(r) {
+        t.form = r;
+      },
+      expression: "form"
+    }
+  })], 1)], 1) : t._e();
+}, h = [];
+const m = {
+  name: "DialogExcel",
+  inject: ["crud"],
+  data() {
+    return {
+      option: {},
+      columnOption: {},
+      box: !1,
+      form: {
+        name: this.crud.tableOption.title
+      }
+    };
+  },
+  methods: {
+    handleShow() {
+      this.getColumnOption(), this.getOption(), this.box = !0;
+    },
+    handleSubmit() {
+      this.$Export.excel({
+        title: this.form.name,
+        columns: this.getColumn(),
+        data: this.handleSum()
+      }), this.box = !1;
+    },
+    //计算统计
+    handleSum() {
+      const t = this.crud.tableOption, s = this.crud.propOption;
+      let e = this.form.type ? this.crud.list : this.crud.tableSelect, r = [];
+      return this.form.params.includes("data") && e.forEach((i) => {
+        let o = a(i);
+        s.forEach((l) => {
+          let u = l.parentProp ? (this.crud.cascaderDIC[row.$index] || {})[l.prop] : this.crud.DIC[l.prop];
+          o[l.prop] = p(o, l, t, u);
+        }), r.push(o);
+      }), this.form.params.includes("sum") && t.showSummary && r.push(this.crud.sumsList), r;
+    },
+    getOption() {
+      this.option = {
+        submitBtn: !1,
+        emptyBtn: !1,
+        column: [
+          {
+            label: "文件名",
+            prop: "name",
+            span: 24
+          },
+          {
+            label: "选择数据",
+            prop: "type",
+            span: 24,
+            type: "select",
+            dicData: [{
+              label: "当前数据(当前页全部的数据)",
+              value: !0
+            }, {
+              label: "选中的数据(当前页选中的数据)",
+              disabled: this.crud.tableOption.selection != !0,
+              value: !1
+            }]
+          },
+          {
+            label: "选择字段",
+            prop: "prop",
+            type: "tree",
+            multiple: !0,
+            checkStrictly: !0,
+            span: 24,
+            props: {
+              value: "prop"
+            },
+            dicData: this.columnOption
+          },
+          {
+            label: "参数设置",
+            prop: "params",
+            type: "checkbox",
+            span: 24,
+            value: ["header", "data"].concat((() => {
+              let t = [];
+              return this.crud.isHeader && t.push("headers"), this.crud.isShowSummary && t.push("sum"), t;
+            })()),
+            dicData: [{
+              label: "表头",
+              disabled: !0,
+              value: "header"
+            }, {
+              label: "数据源",
+              value: "data"
+            }].concat((() => {
+              let t = [];
+              return t.push({
+                label: "复杂表头",
+                value: "headers",
+                disabled: !this.crud.isHeader
+              }), t.push({
+                label: "合计统计",
+                value: "sum",
+                disabled: !this.crud.isShowSummary
+              }), t;
+            })())
+          }
+        ]
+      }, this.form.type = this.crud.selectLen == 0;
+    },
+    getColumnOption() {
+      let t = a(this.crud.columnOption), s = [];
+      const e = (r = []) => {
+        r.forEach((i, o) => {
+          let l = i.children;
+          l && !Array.isArray(l) ? delete i.children : i.showColumn === !1 ? r.splice(o, 1) : (s.push(i.prop), i.children && e(l));
+        });
+      };
+      e(t), this.columnOption = t, this.form.prop = s;
+    },
+    getColumn() {
+      let t = a(this.columnOption), s = this.$refs.form.getPropRef("prop").$refs.temp.getHalfList();
+      if (!this.form.params)
+        return [];
+      if (this.form.params.includes("headers")) {
+        const e = (r = []) => {
+          r.forEach((i, o) => {
+            s.includes(i.prop) ? i.children && e(i.children) : r.splice(o, 1);
+          });
+        };
+        return e(t), t;
+      } else {
+        let e = [];
+        const r = (i = []) => {
+          i.forEach((o, l) => {
+            o.children ? r(o.children) : s.includes(o.prop) && e.push(o);
+          });
+        };
+        return r(t), e;
+      }
+    }
+  }
+}, n = {};
+var f = /* @__PURE__ */ c(
+  m,
+  d,
+  h,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let s in n)
+    this[s] = n[s];
+}
+const y = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  y as default
+};

package/dist/components/dialog-filter/index.js

@@ -0,0 +1,245 @@
+import { k as n } from "../../chunks/util.5053d54e.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var r = function() {
+  var e = this, l = e.$createElement, t = e._self._c || l;
+  return e.box ? t("div", [t("ElDrawer", {
+    staticClass: "avue-dialog",
+    class: ["avue-crud__dialog", "avue-crud__filter"],
+    attrs: {
+      "lock-scroll": "",
+      title: "过滤条件",
+      size: e.crud.isMobile ? "100%" : "60%",
+      visible: e.box
+    },
+    on: {
+      "update:visible": function(i) {
+        e.box = i;
+      }
+    }
+  }, [t("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, [t("div", {
+    staticClass: "avue-crud__filter-menu"
+  }, [t("ElButtonGroup", [t("ElButton", {
+    attrs: {
+      type: "primary",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.handleAdd
+    }
+  }, [e._v(" 新增条件 ")]), t("ElButton", {
+    attrs: {
+      type: "primary",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.handleClear
+    }
+  }, [e._v(" 清空条件 ")]), t("ElButton", {
+    attrs: {
+      type: "primary",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.handleValueClear
+    }
+  }, [e._v(" 清空数据 ")])], 1)], 1), e._l(e.list, function(i, s) {
+    return t("ElCol", {
+      key: s,
+      staticClass: "avue-crud__filter-item",
+      attrs: {
+        md: 12,
+        xs: 24,
+        sm: 12
+      }
+    }, [t("FySelect", {
+      staticClass: "avue-crud__filter-label",
+      attrs: {
+        dic: e.columnOption,
+        clearable: !1,
+        size: e.crud.isMediumSize
+      },
+      on: {
+        change: function(a) {
+          return e.handleChange(s);
+        }
+      },
+      model: {
+        value: i.text,
+        callback: function(a) {
+          e.$set(i, "text", a);
+        },
+        expression: "column.text"
+      }
+    }), t("FySelect", {
+      staticClass: "avue-crud__filter-symbol",
+      attrs: {
+        dic: e.symbolDic,
+        clearable: !1,
+        size: e.crud.isMediumSize
+      },
+      model: {
+        value: i.symbol,
+        callback: function(a) {
+          e.$set(i, "symbol", a);
+        },
+        expression: "column.symbol"
+      }
+    }), t("FyInput", {
+      staticClass: "avue-crud__filter-value",
+      attrs: {
+        size: e.crud.isMediumSize
+      },
+      model: {
+        value: i.value,
+        callback: function(a) {
+          e.$set(i, "value", a);
+        },
+        expression: "column.value"
+      }
+    }), t("ElButton", {
+      staticClass: "avue-crud__filter-icon",
+      attrs: {
+        type: "danger",
+        size: "mini",
+        circle: "",
+        icon: "el-icon-minus"
+      },
+      on: {
+        click: function(a) {
+          return e.handleDelete(s);
+        }
+      }
+    })], 1);
+  }), t("ElCol", {
+    staticClass: "avue-form__menu avue-form__menu--right",
+    attrs: {
+      span: 24
+    }
+  }, [t("ElButton", {
+    attrs: {
+      type: "primary",
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: e.handleSubmit
+    }
+  }, [e._v(" 确 定 ")]), t("ElButton", {
+    attrs: {
+      size: e.crud.isMediumSize
+    },
+    on: {
+      click: function(i) {
+        e.box = !1;
+      }
+    }
+  }, [e._v(" 取 消 ")])], 1)], 2)], 1)], 1) : e._e();
+}, c = [];
+const d = {
+  name: "DialogFilter",
+  inject: ["crud"],
+  data() {
+    return {
+      box: !1,
+      columnObj: {},
+      symbolDic: [
+        {
+          label: "=",
+          value: "="
+        },
+        {
+          label: "≠",
+          value: "≠"
+        },
+        {
+          label: "like",
+          value: "like"
+        },
+        {
+          label: ">",
+          value: ">"
+        },
+        {
+          label: "≥",
+          value: "≥"
+        },
+        {
+          label: "<",
+          value: "<"
+        },
+        {
+          label: "≤",
+          value: "≤"
+        },
+        {
+          label: "∈",
+          value: "∈"
+        }
+      ],
+      list: [],
+      columnOption: {}
+    };
+  },
+  methods: {
+    handleShow() {
+      this.getColumnOption(), this.box = !0;
+    },
+    getColumnOption() {
+      let e = [];
+      n(this.crud.propOption).forEach((t) => {
+        t.showColumn !== !1 && e.push(Object.assign(t, {
+          value: t.prop
+        }));
+      }), this.columnOption = e, this.columnObj = this.columnOption[0];
+    },
+    handleDelete(e) {
+      this.list.splice(e, 1);
+    },
+    handleClear() {
+      this.list = [];
+    },
+    handleValueClear() {
+      this.list.forEach((e, l) => e.value = "");
+    },
+    handleSubmit() {
+      let e = [];
+      this.list.forEach((l) => {
+        e.push([l.text, l.symbol, l.value]);
+      }), this.crud.$emit("filter", e), this.box = !1;
+    },
+    handleChange(e) {
+      this.list[e].value = "";
+    },
+    handleAdd() {
+      const e = this.columnObj.prop;
+      this.list.push({
+        text: e,
+        value: "",
+        symbol: this.symbolDic[0].value
+      });
+    }
+  }
+}, u = {};
+var m = /* @__PURE__ */ o(
+  d,
+  r,
+  c,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let l in u)
+    this[l] = u[l];
+}
+const _ = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  _ as default
+};