@web-utils/component 2.7.35 → 2.7.37

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

@@ -0,0 +1,211 @@
+import { d as u } from "../../chunks/detail.81ecaefa.mjs";
+import { d as a } from "../../chunks/util.eca708b6.mjs";
+import { n as p } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var d = function() {
+  var t = this, r = t.$createElement, e = t._self._c || r;
+  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(s) {
+        t.box = s;
+      }
+    },
+    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(s) {
+              t.box = !1;
+            }
+          }
+        }, [t._v("取消")])], 1)];
+      },
+      proxy: !0
+    }], null, !1, 2375905330)
+  }, [e("FyForm", {
+    attrs: {
+      option: t.option
+    },
+    model: {
+      value: t.form,
+      callback: function(s) {
+        t.form = s;
+      },
+      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, r = this.crud.propOption, e = this.form.type ? this.crud.list : this.crud.tableSelect, s = [];
+      return this.form.params.includes("data") && e.forEach((o) => {
+        const i = a(o);
+        r.forEach((n) => {
+          const c = n.parentProp ? (this.crud.cascaderDIC[row.$index] || {})[n.prop] : this.crud.DIC[n.prop];
+          i[n.prop] = u(i, n, t, c);
+        }), s.push(i);
+      }), this.form.params.includes("sum") && t.showSummary && s.push(this.crud.sumsList), s;
+    },
+    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((() => {
+              const 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((() => {
+              const 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() {
+      const t = a(this.crud.columnOption), r = [], e = (s = []) => {
+        s.forEach((o, i) => {
+          const n = o.children;
+          n && !Array.isArray(n) ? delete o.children : o.showColumn === !1 ? s.splice(i, 1) : (r.push(o.prop), o.children && e(n));
+        });
+      };
+      e(t), this.columnOption = t, this.form.prop = r;
+    },
+    getColumn() {
+      const t = a(this.columnOption), r = this.$refs.form.getPropRef("prop").$refs.temp.getHalfList();
+      if (!this.form.params)
+        return [];
+      if (this.form.params.includes("headers")) {
+        const e = (s = []) => {
+          s.forEach((o, i) => {
+            r.includes(o.prop) ? o.children && e(o.children) : s.splice(i, 1);
+          });
+        };
+        return e(t), t;
+      } else {
+        const e = [], s = (o = []) => {
+          o.forEach((i) => {
+            i.children ? s(i.children) : r.includes(i.prop) && e.push(i);
+          });
+        };
+        return s(t), e;
+      }
+    }
+  }
+}, l = {};
+var f = /* @__PURE__ */ p(
+  m,
+  d,
+  h,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let r in l)
+    this[r] = l[r];
+}
+const x = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  x as default
+};

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

@@ -0,0 +1,246 @@
+import { d as u } from "../../chunks/util.eca708b6.mjs";
+import { n as o } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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": "",
+      "append-to-body": "",
+      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, a) {
+    return t("ElCol", {
+      key: a,
+      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(s) {
+          return e.handleChange(a);
+        }
+      },
+      model: {
+        value: i.text,
+        callback: function(s) {
+          e.$set(i, "text", s);
+        },
+        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(s) {
+          e.$set(i, "symbol", s);
+        },
+        expression: "column.symbol"
+      }
+    }), t("FyInput", {
+      staticClass: "avue-crud__filter-value",
+      attrs: {
+        size: e.crud.isMediumSize
+      },
+      model: {
+        value: i.value,
+        callback: function(s) {
+          e.$set(i, "value", s);
+        },
+        expression: "column.value"
+      }
+    }), t("ElButton", {
+      staticClass: "avue-crud__filter-icon",
+      attrs: {
+        type: "danger",
+        size: "mini",
+        circle: "",
+        icon: "el-icon-minus"
+      },
+      on: {
+        click: function(s) {
+          return e.handleDelete(a);
+        }
+      }
+    })], 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() {
+      const e = [];
+      u(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) => e.value = "");
+    },
+    handleSubmit() {
+      const 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
+      });
+    }
+  }
+}, n = {};
+var m = /* @__PURE__ */ o(
+  d,
+  r,
+  c,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let l in n)
+    this[l] = n[l];
+}
+const _ = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  _ as default
+};

package/dist/components/dialog-form/index.mjs

@@ -0,0 +1,143 @@
+import { isEmpty as a } from "@web-utils/core";
+import { d as l } from "../../chunks/util.eca708b6.mjs";
+import { n } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var r = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o(e.dialogType, e._b({
+    tag: "Component",
+    staticClass: "dialog-form",
+    attrs: {
+      visible: e.visible,
+      "destroy-on-close": "",
+      "before-close": e.beforeClose
+    },
+    on: {
+      "update:visible": function(i) {
+        e.visible = i;
+      }
+    }
+  }, "Component", e.dialog, !1), [o("FyForm", {
+    ref: "form",
+    attrs: {
+      option: Object.assign({}, e.deepClone(e.option), {
+        menuBtn: !1
+      }),
+      status: e.disabled
+    },
+    on: {
+      "update:status": function(i) {
+        e.disabled = i;
+      },
+      submit: e.handleSubmit,
+      "reset-change": e.close
+    },
+    model: {
+      value: e.data,
+      callback: function(i) {
+        e.data = i;
+      },
+      expression: "data"
+    }
+  }), e.isEmpty(e.option.menuBtn, !0) ? o("span", {
+    staticClass: "avue-dialog__footer",
+    class: `avue-dialog__footer--${e.menuPosition}`
+  }, [e.isEmpty(e.option.submitBtn, !0) ? o("ElButton", {
+    attrs: {
+      size: e.$AVUE.size,
+      icon: e.option.submitIcon,
+      loading: e.disabled,
+      type: "primary"
+    },
+    on: {
+      click: e.submit
+    }
+  }, [e._v(e._s(e.option.submitText))]) : e._e(), e.isEmpty(e.option.emptyBtn, !0) ? o("ElButton", {
+    attrs: {
+      disabled: e.disabled,
+      size: e.$AVUE.size,
+      icon: e.option.emptyIcon
+    },
+    on: {
+      click: e.reset
+    }
+  }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
+}, c = [];
+const d = {
+  name: "DialogForm",
+  // showForm,
+  data() {
+    return {
+      opt: {},
+      disabled: !1,
+      callback: null,
+      visible: !1,
+      dialog: {
+        closeOnClickModal: !1
+      },
+      isDrawer: !1,
+      option: {
+        submitText: "提交",
+        emptyText: "关闭",
+        submitIcon: "el-icon-check",
+        emptyIcon: "el-icon-close",
+        column: []
+      },
+      data: {}
+    };
+  },
+  computed: {
+    dialogType() {
+      return this.isDrawer ? "ElDrawer" : "ElementDialog";
+    },
+    menuPosition() {
+      return this.opt.menuPosition || "center";
+    }
+  },
+  methods: {
+    isEmpty: a,
+    deepClone: l,
+    submit() {
+      this.$refs.form.submit();
+    },
+    reset() {
+      this.$refs.form.resetForm();
+    },
+    beforeClose(e) {
+      e(), this.close();
+    },
+    show(e) {
+      this.opt = e, this.callback = e.callback;
+      const t = this.deepClone(e);
+      ["callback", "option", "data"].forEach((o) => delete t[o]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+    },
+    close() {
+      const e = () => {
+        this.visible = !1, this.$destroy(), this.$el.remove();
+      };
+      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+    },
+    handleSubmit(e, t) {
+      this.callback && this.callback({ data: e, close: this.close, done: t });
+    }
+  }
+}, s = {};
+var m = /* @__PURE__ */ n(
+  d,
+  r,
+  c,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const h = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  h as default
+};

package/dist/components/dialog-form/style.css

@@ -1,10 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body, .dialog-form .el-drawer__body {
-  position: static;
-  margin-bottom: 53px;
-}
+.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{position:static;margin-bottom:53px}