@web-utils/component 2.70.0 → 3.0.1

package/chunks/FyCurd.8acd2983.mjs

@@ -0,0 +1,548 @@
+import { p as C } from "./packages.1fc9ccba.mjs";
+import { p as w } from "./permission.ce5d2121.mjs";
+import { i as y } from "./init.f0a03127.mjs";
+import { s as S, r as L, D as O, a as D, b as E, F as v, T as I, C as H, c as P, d as _, H as R, e as k, f as u } from "./FyCurd.vue_vue_type_style_index_0_lang.4fbd4b30.mjs";
+import { a as A, t as M, f as T } from "./dataformat.816df805.mjs";
+import { D as f, s as K, o as $, d as n } from "./util.7844e2c2.mjs";
+import { isBlank as b } from "@web-utils/core";
+import { n as N } from "./vueComponentNormalizer.446f5dc4.mjs";
+const j = {
+  name: "FyCurd",
+  components: {
+    DialogFilter: O,
+    DialogExcel: D,
+    DialogColumn: E,
+    FyDialogForm: v,
+    TablePage: I,
+    ColumnMenu: H,
+    ColumnDefault: P,
+    Column: _,
+    HeaderMenu: R,
+    HeaderSearch: k
+  },
+  directives: {
+    permission: w
+  },
+  mixins: [y],
+  provide() {
+    return {
+      crud: this
+    };
+  },
+  props: {
+    spanMethod: Function,
+    summaryMethod: Function,
+    rowStyle: Function,
+    cellStyle: Function,
+    beforeClose: Function,
+    beforeOpen: Function,
+    rowClassName: Function,
+    cellClassName: Function,
+    headerCellClassName: Function,
+    uploadBefore: Function,
+    uploadAfter: Function,
+    uploadDelete: Function,
+    uploadPreview: Function,
+    uploadError: Function,
+    uploadExceed: Function,
+    permission: {
+      type: [Function, Object],
+      default: () => ({})
+    },
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    search: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    page: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    tableLoading: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      reload: Math.random(),
+      cellForm: {
+        list: []
+      },
+      config: u,
+      list: [],
+      listError: {},
+      tableForm: {},
+      tableHeight: void 0,
+      tableIndex: -1,
+      tableSelect: [],
+      sumsList: {},
+      cascaderIndexList: [],
+      cascaderDicList: {},
+      cascaderFormList: {},
+      btnDisabledList: {},
+      btnDisabled: !1,
+      default: {}
+    };
+  },
+  computed: {
+    isHeightAuto() {
+      return this.tableOption.height === "auto";
+    },
+    isSortable() {
+      return this.tableOption.sortable;
+    },
+    isRowSort() {
+      return this.tableOption.rowSort;
+    },
+    isColumnSort() {
+      return this.tableOption.columnSort;
+    },
+    rowParentKey() {
+      return this.option.rowParentKey || f.rowParentKey;
+    },
+    childrenKey() {
+      return this.treeProps.children || f.children;
+    },
+    hasChildrenKey() {
+      return this.treeProps.hasChildren || f.hasChildren;
+    },
+    treeProps() {
+      return this.tableOption.treeProps || {};
+    },
+    isAutoHeight() {
+      return this.tableOption.height === "auto";
+    },
+    formSlot() {
+      return this.getSlotList(["Error", "Label", "Type", "Form"], this.$scopedSlots, this.propOption);
+    },
+    searchSlot() {
+      return this.getSlotList(["Search"], this.$scopedSlots, this.propOption);
+    },
+    mainSlot() {
+      const t = [];
+      return this.propOption.forEach((e) => {
+        this.$scopedSlots[e.prop] && t.push(e.prop);
+      }), this.getSlotList(["Header", "Form"], this.$scopedSlots, this.propOption).concat(t);
+    },
+    calcHeight() {
+      return (this.tableOption.calcHeight || 0) + this.$AVUE.calcHeight;
+    },
+    propOption() {
+      let t = [];
+      function e(s = []) {
+        Array.isArray(s) && s.forEach((i) => {
+          Array.isArray(i.children) ? e(i.children) : t.push(i);
+        });
+      }
+      return e(this.columnOption), t = A(t), t;
+    },
+    isShowSummary() {
+      return this.option.showSummary;
+    },
+    isHeader() {
+      let t = !1;
+      return this.columnOption.forEach((e) => {
+        e.children && (t = !0);
+      }), t;
+    },
+    isTree() {
+      let t = !1;
+      return this.data.forEach((e) => {
+        e.children && (t = !0);
+      }), t;
+    },
+    isCard() {
+      return this.option.card ? "always" : "never";
+    },
+    expandLevel() {
+      return this.parentOption.expandLevel || 0;
+    },
+    expandAll() {
+      return this.parentOption.expandAll || !1;
+    },
+    parentOption() {
+      return this.tableOption || {};
+    },
+    columnOption() {
+      return this.tableOption.column || [];
+    },
+    sumColumnList() {
+      return this.tableOption.sumColumnList || [];
+    },
+    selectLen() {
+      return this.tableSelect ? this.tableSelect.length : 0;
+    }
+  },
+  watch: {
+    value: {
+      handler() {
+        this.tableForm = this.value;
+      },
+      immediate: !0,
+      deep: !0
+    },
+    list: {
+      handler() {
+        this.cellForm.list = this.list;
+      },
+      deep: !0
+    },
+    data: {
+      handler() {
+        this.dataInit();
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    this.dataInit(), this.getTableHeight(), this.refreshTable();
+  },
+  methods: {
+    setPx: K,
+    optVal: $,
+    handleValidate(t, e, s) {
+      this.listError[t] || this.$set(this.listError, t, { valid: !1, msg: "" }), this.listError[t].valid = !e, this.listError[t].msg = s;
+    },
+    getPermission(t, e, s) {
+      return typeof this.permission == "function" ? this.permission(t, e, s) : b(this.permission[t]) ? !0 : this.permission[t];
+    },
+    getTableHeight() {
+      this.isAutoHeight ? this.$nextTick(() => {
+        const t = this.$refs.table, e = this.$refs.tablePage;
+        if (!t)
+          return;
+        const s = t.$el, i = e.$el.offsetHeight || 20;
+        this.tableHeight = document.documentElement.clientHeight - s.offsetTop - i - this.calcHeight;
+      }) : this.tableHeight = this.tableOption.height;
+    },
+    doLayout() {
+      this.$refs.table.doLayout();
+    },
+    refreshTable(t) {
+      this.reload = Math.random(), this.$nextTick(() => {
+        t && t();
+      });
+    },
+    // 树懒加载
+    treeLoad(t, e, s) {
+      this.$emit("tree-load", t, e, (i) => {
+        t.children = i, s(i);
+      });
+    },
+    menuIcon(t) {
+      return $(this.tableOption[`${t}Text`], M(`crud.${t}`));
+    },
+    getBtnIcon(t) {
+      const e = `${t}Icon`;
+      return this.tableOption[e] || u[e];
+    },
+    // 对部分表单字段进行校验的方法
+    validateField(t) {
+      return this.$refs.dialogForm.$refs.tableForm.validateField(t);
+    },
+    selectClear() {
+      this.$emit("selection-clear", n(this.tableSelect)), this.$refs.table.clearSelection();
+    },
+    toggleRowSelection(t, e) {
+      this.$refs.table.toggleRowSelection(t, e);
+    },
+    toggleRowExpansion(t, e) {
+      this.$refs.table.toggleRowExpansion(t, e);
+    },
+    setCurrentRow(t) {
+      this.$refs.table.setCurrentRow(t);
+    },
+    dataInit() {
+      this.list = this.data, this.list.forEach((t, e) => {
+        t.$cellEdit && !this.cascaderFormList[e] && (this.cascaderFormList[e] = n(t)), this.$set(t, "$cellEdit", t.$cellEdit || !1), this.$set(t, "$index", e);
+      });
+    },
+    // 拖动表头事件
+    headerDragend(t, e, s, i) {
+      this.objectOption[s.property] && this.$set(this.objectOption[s.property], "width", t), this.$emit("header-dragend", t, e, s, i);
+    },
+    headerSort(t, e) {
+      const s = this.columnOption, i = s.splice(t, 1)[0];
+      s.splice(e, 0, i), this.refreshTable();
+    },
+    // 清除过滤器执行函数
+    clearFilter(t) {
+      this.$refs.table.clearFilter(t);
+    },
+    // 展开或则关闭
+    expandChange(t, e) {
+      this.$emit("expand-change", t, e);
+    },
+    // 设置单选
+    currentRowChange(t, e) {
+      this.$emit("current-row-change", t, e);
+    },
+    // 刷新事件
+    refreshChange() {
+      this.$emit("refresh-change");
+    },
+    // 选中实例
+    toggleSelection(t) {
+      t ? t.forEach((e) => {
+        this.$refs.table.toggleRowSelection(e);
+      }) : this.$refs.table.clearSelection();
+    },
+    // 选择回调
+    selectionChange(t) {
+      this.tableSelect = t, this.$emit("selection-change", this.tableSelect);
+    },
+    // 单个选择回调
+    select(t, e) {
+      this.$emit("select", t, e);
+    },
+    // 点击勾选全选 Checkbox
+    selectAll(t) {
+      this.$emit("select-all", t);
+    },
+    // 筛选回调用
+    filterChange(t) {
+      this.$emit("filter-change", t);
+    },
+    // 排序回调
+    sortChange(t) {
+      this.$emit("sort-change", t);
+    },
+    // 行双击
+    rowDblclick(t, e) {
+      this.$emit("row-dblclick", t, e);
+    },
+    // 行单机
+    rowClick(t, e, s) {
+      this.$emit("row-click", t, e, s);
+    },
+    // 清空排序
+    clearSort() {
+      this.$refs.table.clearSort();
+    },
+    // 当单元格 hover 进入时会触发该事件
+    cellMouseEnter(t, e, s, i) {
+      this.$emit("cell-mouse-enter", t, e, s, i);
+    },
+    // 当单元格 hover 退出时会触发该事件
+    cellMouseLeave(t, e, s, i) {
+      this.$emit("cell-mouse-leave", t, e, s, i);
+    },
+    // 当某个单元格被点击时会触发该事件
+    cellClick(t, e, s, i) {
+      this.$emit("cell-click", t, e, s, i);
+    },
+    // 当某一列的表头被点击时会触发该事件
+    headerClick(t, e) {
+      this.$emit("header-click", t, e);
+    },
+    // 当某一行被鼠标右键点击时会触发该事件
+    rowContextmenu(t, e, s) {
+      this.$emit("row-contextmenu", t, e, s);
+    },
+    // 当某一列的表头被鼠标右键点击时触发该事件
+    headerContextmenu(t, e) {
+      this.$emit("header-contextmenu", t, e);
+    },
+    // 当某个单元格被双击击时会触发该事件
+    cellDblclick(t, e, s, i) {
+      this.$emit("cell-dblclick", t, e, s, i);
+    },
+    // 单元格新增
+    rowCellAdd(t = {}) {
+      const e = this.list.length, s = T(this.propOption).tableForm;
+      t = n(
+        Object.assign(
+          {
+            $cellEdit: !0,
+            $index: e
+          },
+          s,
+          t
+        )
+      ), this.list.push(t);
+    },
+    // 行取消
+    rowCancel(t, e) {
+      b(t[this.rowKey]) ? (this.list.splice(e, 1), delete this.cascaderDIC[e]) : (this.cascaderFormList[e].$cellEdit = !1, this.$set(this.cascaderDIC, e, this.cascaderDicList[e]), this.$set(this.list, e, this.cascaderFormList[e])), delete this.cascaderDicList[e], delete this.cascaderFormList[e], this.cascaderIndexList.splice(this.cascaderIndexList.indexOf(e), 1);
+    },
+    // 行编辑点击
+    rowCell(t, e) {
+      t.$cellEdit ? this.rowCellUpdate(t, e) : this.rowCellEdit(t, e);
+    },
+    rowCellUpdate(t, e) {
+      t = n(t);
+      const s = this.validateCellField(e), i = () => {
+        this.btnDisabledList[e] = !1, this.btnDisabled = !1, this.list[e].$cellEdit = !1, this.cascaderIndexList.splice(this.cascaderIndexList.indexOf(e), 1), delete this.cascaderFormList[e];
+      }, r = () => {
+        this.btnDisabledList[e] = !1, this.btnDisabled = !1;
+      };
+      s && (this.btnDisabledList[e] = !0, this.btnDisabled = !0, b(t[this.rowKey]) ? this.$emit("row-save", t, i, r) : this.$emit("row-update", t, e, i, r));
+    },
+    // 单元格编辑
+    rowCellEdit(t, e) {
+      t.$cellEdit = !0, this.cascaderFormList[e] = n(t), this.cascaderDicList[e] = n(this.cascaderDIC[e]);
+    },
+    // 对部分表单字段进行校验
+    validateCellForm() {
+      return new Promise((t) => {
+        this.$refs.cellForm.validate((e, s) => {
+          t(s);
+        });
+      });
+    },
+    validateCellField(t) {
+      let e = !0;
+      for (const s of this.$refs.cellForm.fields)
+        if (s.prop.split(".")[1] === `${t}` && this.$refs.cellForm.validateField(s.prop, (i) => {
+          i && (e = !1);
+        }), !e)
+          break;
+      return e;
+    },
+    rowAdd() {
+      this.$refs.dialogForm.show("add");
+    },
+    rowSave() {
+      return this.$refs.dialogForm.$refs.tableForm.submit();
+    },
+    rowUpdate() {
+      return this.$refs.dialogForm.$refs.tableForm.submit();
+    },
+    closeDialog() {
+      return this.$refs.dialogForm.closeDialog();
+    },
+    getPropRef(t) {
+      return this.$refs.dialogForm.$refs.tableForm.getPropRef(t);
+    },
+    setVal() {
+      this.$emit("input", this.tableForm), this.$emit("change", this.tableForm);
+    },
+    // 编辑
+    rowEdit(t, e) {
+      this.tableForm = n(t), this.tableIndex = e, this.setVal(), this.$refs.dialogForm.show("edit");
+    },
+    // 复制
+    rowCopy(t) {
+      this.tableForm = n(t), delete this.tableForm[this.rowKey], this.tableIndex = -1, this.setVal(), this.$refs.dialogForm.show("add");
+    },
+    // 查看
+    rowView(t, e) {
+      this.tableForm = n(t), this.tableIndex = e, this.setVal(), this.$refs.dialogForm.show("view");
+    },
+    // 删除
+    rowDel(t, e) {
+      this.$emit("row-del", t, e, () => {
+        const { parentList: s, index: i } = this.findData(t[this.rowKey]);
+        s && s.splice(i, 1);
+      });
+    },
+    // 合并行
+    tableSpanMethod(t) {
+      if (typeof this.spanMethod == "function")
+        return this.spanMethod(t);
+    },
+    // 合集统计逻辑
+    tableSummaryMethod(t) {
+      const e = {};
+      if (typeof this.summaryMethod == "function")
+        return this.summaryMethod(t);
+      const { columns: s, data: i } = t, r = [];
+      return s.length > 0 && s.forEach((a, l) => {
+        const c = this.sumColumnList.find((d) => d.name === a.property);
+        if (c) {
+          const d = c.decimals || 2, m = c.label || "";
+          let g = 1;
+          switch (c.type) {
+            case "count":
+              r[l] = m + i.length;
+              break;
+            case "avg":
+              r[l] = i.map((o) => Number(o[a.property])).reduce((o, h) => {
+                const p = Number(h);
+                return isNaN(p) ? o : (o * (g - 1) + h) / g++;
+              }, 0), r[l] = m + r[l].toFixed(d);
+              break;
+            case "sum":
+              r[l] = i.map((o) => Number(o[a.property])).reduce((o, h) => {
+                const p = Number(h);
+                return isNaN(p) ? o : o + h;
+              }, 0), r[l] = m + r[l].toFixed(d);
+              break;
+          }
+          e[a.property] = r[l];
+        } else
+          r[l] = "";
+      }), this.sumsList = e, r;
+    },
+    tableDrop(t, e, s) {
+      if (this.isSortable !== !0) {
+        if (t === "row" && !this.isRowSort)
+          return;
+        if (t === "column" && !this.isColumnSort)
+          return;
+      }
+      if (!window.Sortable) {
+        C.logs("Sortable");
+        return;
+      }
+      window.Sortable.create(e, {
+        ghostClass: u.ghostClass,
+        chosenClass: u.ghostClass,
+        animation: 500,
+        delay: 0,
+        onEnd: (i) => s(i)
+      });
+    },
+    findData(t) {
+      let e = {};
+      const s = (i, r) => {
+        i.forEach((a, l) => {
+          a[this.rowKey] === t && (e = {
+            item: a,
+            index: l,
+            parentList: i,
+            parent: r
+          }), a[this.childrenKey] && s(a[this.childrenKey], a);
+        });
+      };
+      return s(this.list), e;
+    }
+  }
+}, F = {};
+var x = /* @__PURE__ */ N(
+  j,
+  L,
+  S,
+  !1,
+  V,
+  null,
+  null,
+  null
+);
+function V(t) {
+  for (let e in F)
+    this[e] = F[e];
+}
+const Y = /* @__PURE__ */ function() {
+  return x.exports;
+}();
+export {
+  Y as _
+};