@web-utils/component 3.0.2 → 3.0.3

package/chunks/FyCurd.8acd2983.mjs

@@ -1,548 +0,0 @@
-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 _
-};