fec-dev-designer 1.0.0

package/es/node_modules/element-plus/es/components/table/src/table-footer/index.js

@@ -0,0 +1,99 @@
+import { defineComponent as h, inject as y, h as l } from "vue";
+import C from "../layout-observer.js";
+import { TABLE_INJECTION_KEY as g } from "../tokens.js";
+import S from "./style-helper.js";
+import { useNamespace as E } from "../../../../hooks/use-namespace/index.js";
+var j = h({
+  name: "ElTableFooter",
+  props: {
+    fixed: {
+      type: String,
+      default: ""
+    },
+    store: {
+      required: !0,
+      type: Object
+    },
+    summaryMethod: Function,
+    sumText: String,
+    border: Boolean,
+    defaultSort: {
+      type: Object,
+      default: () => ({
+        prop: "",
+        order: ""
+      })
+    }
+  },
+  setup(o) {
+    const m = y(g), p = E("table"), { getCellClasses: n, getCellStyles: i, columns: u } = S(
+      o
+    ), { onScrollableChange: s, onColumnsChange: t } = C(m);
+    return {
+      ns: p,
+      onScrollableChange: s,
+      onColumnsChange: t,
+      getCellClasses: n,
+      getCellStyles: i,
+      columns: u
+    };
+  },
+  render() {
+    const { columns: o, getCellStyles: m, getCellClasses: p, summaryMethod: n, sumText: i } = this, u = this.store.states.data.value;
+    let s = [];
+    return n ? s = n({
+      columns: o,
+      data: u
+    }) : o.forEach((t, e) => {
+      if (e === 0) {
+        s[e] = i;
+        return;
+      }
+      const c = u.map((r) => Number(r[t.property])), f = [];
+      let b = !0;
+      c.forEach((r) => {
+        if (!Number.isNaN(+r)) {
+          b = !1;
+          const a = `${r}`.split(".")[1];
+          f.push(a ? a.length : 0);
+        }
+      });
+      const N = Math.max.apply(null, f);
+      b ? s[e] = "" : s[e] = c.reduce((r, a) => {
+        const d = Number(a);
+        return Number.isNaN(+d) ? r : Number.parseFloat(
+          (r + a).toFixed(Math.min(N, 20))
+        );
+      }, 0);
+    }), l(
+      l("tfoot", [
+        l("tr", {}, [
+          ...o.map(
+            (t, e) => l(
+              "td",
+              {
+                key: e,
+                colspan: t.colSpan,
+                rowspan: t.rowSpan,
+                class: p(o, e),
+                style: m(t, e)
+              },
+              [
+                l(
+                  "div",
+                  {
+                    class: ["cell", t.labelClassName]
+                  },
+                  [s[e]]
+                )
+              ]
+            )
+          )
+        ])
+      ])
+    );
+  }
+});
+export {
+  j as default
+};

package/es/node_modules/element-plus/es/components/table/src/table-footer/mapState-helper.js

@@ -0,0 +1,34 @@
+import { inject as i, computed as n } from "vue";
+import { TABLE_INJECTION_KEY as v } from "../tokens.js";
+function m() {
+  const e = i(v), l = e == null ? void 0 : e.store, u = n(() => {
+    var t;
+    return (t = l == null ? void 0 : l.states.fixedLeafColumnsLength.value) != null ? t : 0;
+  }), o = n(() => {
+    var t;
+    return (t = l == null ? void 0 : l.states.rightFixedColumns.value.length) != null ? t : 0;
+  }), a = n(() => {
+    var t;
+    return (t = l == null ? void 0 : l.states.columns.value.length) != null ? t : 0;
+  }), r = n(() => {
+    var t;
+    return (t = l == null ? void 0 : l.states.fixedColumns.value.length) != null ? t : 0;
+  }), s = n(() => {
+    var t;
+    return (t = l == null ? void 0 : l.states.rightFixedColumns.value.length) != null ? t : 0;
+  });
+  return {
+    leftFixedLeafCount: u,
+    rightFixedLeafCount: o,
+    columnsCount: a,
+    leftFixedCount: r,
+    rightFixedCount: s,
+    columns: n(() => {
+      var t;
+      return (t = l == null ? void 0 : l.states.columns.value) != null ? t : [];
+    })
+  };
+}
+export {
+  m as default
+};

package/es/node_modules/element-plus/es/components/table/src/table-footer/style-helper.js

@@ -0,0 +1,30 @@
+import { getFixedColumnsClass as r, getFixedColumnOffset as c, ensurePosition as n } from "../util.js";
+import u from "./mapState-helper.js";
+import { useNamespace as f } from "../../../../hooks/use-namespace/index.js";
+function x(a) {
+  const { columns: i } = u(), t = f("table");
+  return {
+    getCellClasses: (l, s) => {
+      const e = l[s], o = [
+        t.e("cell"),
+        e.id,
+        e.align,
+        e.labelClassName,
+        ...r(t.b(), s, e.fixed, a.store)
+      ];
+      return e.className && o.push(e.className), e.children || o.push(t.is("leaf")), o;
+    },
+    getCellStyles: (l, s) => {
+      const e = c(
+        s,
+        l.fixed,
+        a.store
+      );
+      return n(e, "left"), n(e, "right"), e;
+    },
+    columns: i
+  };
+}
+export {
+  x as default
+};

package/es/node_modules/element-plus/es/components/table/src/table-header/event-helper.js

@@ -0,0 +1,114 @@
+import { getCurrentInstance as q, inject as A, ref as p } from "vue";
+import { TABLE_INJECTION_KEY as D } from "../tokens.js";
+import { addClass as H, hasClass as y, removeClass as P } from "../../../../utils/dom/style.js";
+import { isElement as O } from "../../../../utils/types.js";
+import X from "../../../../../../lodash-es/isNull.js";
+import { isClient as z } from "../../../../../../@vueuse/shared/index.js";
+function U(h, E) {
+  const x = q(), f = A(D), M = (t) => {
+    t.stopPropagation();
+  }, S = (t, e) => {
+    !e.filters && e.sortable ? k(t, e, !1) : e.filterable && !e.sortable && M(t), f == null || f.emit("header-click", e, t);
+  }, T = (t, e) => {
+    f == null || f.emit("header-contextmenu", e, t);
+  }, m = p(null), v = p(!1), g = p(), _ = (t, e) => {
+    var o, i;
+    if (z && !(e.children && e.children.length > 0) && m.value && h.border && m.value.id === e.id) {
+      v.value = !0;
+      const r = f;
+      E("set-drag-visible", !0);
+      const s = r == null ? void 0 : r.vnode.el, a = s == null ? void 0 : s.getBoundingClientRect().left, l = (i = (o = x == null ? void 0 : x.vnode) == null ? void 0 : o.el) == null ? void 0 : i.querySelector(`th.${e.id}`), u = l.getBoundingClientRect(), c = u.left - a + 30;
+      H(l, "noclick"), g.value = {
+        startMouseLeft: t.clientX,
+        startLeft: u.right - a,
+        startColumnLeft: u.left - a,
+        tableLeft: a
+      };
+      const n = r == null ? void 0 : r.refs.resizeProxy;
+      n.style.left = `${g.value.startLeft}px`, document.onselectstart = function() {
+        return !1;
+      }, document.ondragstart = function() {
+        return !1;
+      };
+      const d = (L) => {
+        const b = L.clientX - g.value.startMouseLeft, w = g.value.startLeft + b;
+        n.style.left = `${Math.max(c, w)}px`;
+      }, C = () => {
+        if (v.value) {
+          const { startColumnLeft: L, startLeft: b } = g.value, I = Number.parseInt(n.style.left, 10) - L;
+          e.width = e.realWidth = I, r == null || r.emit(
+            "header-dragend",
+            e.width,
+            b - L,
+            e,
+            t
+          ), requestAnimationFrame(() => {
+            h.store.scheduleLayout(!1, !0);
+          }), document.body.style.cursor = "", v.value = !1, m.value = null, g.value = void 0, E("set-drag-visible", !1);
+        }
+        document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", C), document.onselectstart = null, document.ondragstart = null, setTimeout(() => {
+          P(l, "noclick");
+        }, 0);
+      };
+      document.addEventListener("mousemove", d), document.addEventListener("mouseup", C);
+    }
+  }, N = (t, e) => {
+    var o;
+    if (!h.border || e.children && e.children.length > 0)
+      return;
+    const i = t.target, r = O(i) ? i.closest("th") : null;
+    if (!r)
+      return;
+    const s = y(r, "is-sortable");
+    if (s) {
+      const d = v.value ? "col-resize" : "";
+      r.style.cursor = d;
+      const C = r.querySelector(".caret-wrapper");
+      C && (C.style.cursor = d);
+    }
+    if (!e.resizable || v.value) {
+      m.value = null;
+      return;
+    }
+    const a = r.getBoundingClientRect(), l = ((o = r.parentNode) == null ? void 0 : o.lastElementChild) === r, u = h.allowDragLastColumn || !l, c = a.width > 12 && a.right - t.clientX < 8 && u, n = c ? "col-resize" : "";
+    document.body.style.cursor = n, m.value = c ? e : null, s && (r.style.cursor = n);
+  }, R = () => {
+    !z || v.value || (document.body.style.cursor = "");
+  }, B = ({ order: t, sortOrders: e }) => {
+    if (t === "")
+      return e[0];
+    const o = e.indexOf(t || null);
+    return e[o > e.length - 2 ? 0 : o + 1];
+  }, k = (t, e, o) => {
+    var i;
+    t.stopPropagation();
+    const r = e.order === o ? null : o || B(e), s = (i = t.target) == null ? void 0 : i.closest("th");
+    if (s && y(s, "noclick")) {
+      P(s, "noclick");
+      return;
+    }
+    if (!e.sortable)
+      return;
+    const a = t.currentTarget;
+    if (["ascending", "descending"].some(
+      (d) => y(a, d) && !e.sortOrders.includes(d)
+    ))
+      return;
+    const l = h.store.states;
+    let u = l.sortProp.value, c;
+    const n = l.sortingColumn.value;
+    (n !== e || n === e && X(n.order)) && (n && (n.order = null), l.sortingColumn.value = e, u = e.property), r ? c = e.order = r : c = e.order = null, l.sortProp.value = u, l.sortOrder.value = c, f == null || f.store.commit("changeSortCondition");
+  };
+  return {
+    handleHeaderClick: S,
+    handleHeaderContextMenu: T,
+    handleMouseDown: _,
+    handleMouseMove: N,
+    handleMouseOut: R,
+    handleSortClick: k,
+    handleFilterClick: M
+  };
+}
+export {
+  U as default
+};

package/es/node_modules/element-plus/es/components/table/src/table-header/index.js

@@ -0,0 +1,244 @@
+import { defineComponent as _, getCurrentInstance as A, inject as D, ref as E, reactive as j, watch as N, onBeforeUnmount as $, onMounted as q, nextTick as F, h as a } from "vue";
+import { ElCheckbox as G } from "../../../checkbox/index.js";
+import { useLocale as I } from "../../../../hooks/use-locale/index.js";
+import U from "../filter-panel.js";
+import V from "../layout-observer.js";
+import { TABLE_INJECTION_KEY as z } from "../tokens.js";
+import J from "./event-helper.js";
+import K from "./style.helper.js";
+import Y from "./utils-helper.js";
+import { useNamespace as Q } from "../../../../hooks/use-namespace/index.js";
+var se = _({
+  name: "ElTableHeader",
+  components: {
+    ElCheckbox: G
+  },
+  props: {
+    fixed: {
+      type: String,
+      default: ""
+    },
+    store: {
+      required: !0,
+      type: Object
+    },
+    border: Boolean,
+    defaultSort: {
+      type: Object,
+      default: () => ({
+        prop: "",
+        order: ""
+      })
+    },
+    appendFilterPanelTo: {
+      type: String
+    },
+    allowDragLastColumn: {
+      type: Boolean
+    }
+  },
+  setup(s, { emit: H }) {
+    const u = A(), r = D(z), M = Q("table"), h = E({}), { onColumnsChange: g, onScrollableChange: C } = V(r), k = (r == null ? void 0 : r.props.tableLayout) === "auto", o = j(/* @__PURE__ */ new Map()), S = E();
+    let i;
+    const l = () => {
+      i = setTimeout(() => {
+        o.size > 0 && (o.forEach((v, O) => {
+          const m = S.value.querySelector(
+            `.${O.replace(/\s/g, ".")}`
+          );
+          if (m) {
+            const B = m.getBoundingClientRect().width;
+            v.width = B || v.width;
+          }
+        }), o.clear());
+      });
+    };
+    N(o, l), $(() => {
+      i && (clearTimeout(i), i = void 0);
+    }), q(async () => {
+      await F(), await F();
+      const { prop: v, order: O } = s.defaultSort;
+      r == null || r.store.commit("sort", { prop: v, order: O, init: !0 }), l();
+    });
+    const {
+      handleHeaderClick: T,
+      handleHeaderContextMenu: y,
+      handleMouseDown: p,
+      handleMouseMove: L,
+      handleMouseOut: R,
+      handleSortClick: b,
+      handleFilterClick: c
+    } = J(s, H), {
+      getHeaderRowStyle: n,
+      getHeaderRowClass: e,
+      getHeaderCellStyle: f,
+      getHeaderCellClass: w
+    } = K(s), { isGroup: t, toggleAllSelection: d, columnRows: x } = Y(
+      s
+    ), { t: P } = I();
+    return u.state = {
+      onColumnsChange: g,
+      onScrollableChange: C
+    }, u.filterPanels = h, {
+      ns: M,
+      t: P,
+      filterPanels: h,
+      onColumnsChange: g,
+      onScrollableChange: C,
+      columnRows: x,
+      getHeaderRowClass: e,
+      getHeaderRowStyle: n,
+      getHeaderCellClass: w,
+      getHeaderCellStyle: f,
+      handleHeaderClick: T,
+      handleHeaderContextMenu: y,
+      handleMouseDown: p,
+      handleMouseMove: L,
+      handleMouseOut: R,
+      handleSortClick: b,
+      handleFilterClick: c,
+      isGroup: t,
+      toggleAllSelection: d,
+      saveIndexSelection: o,
+      isTableLayoutAuto: k,
+      theadRef: S,
+      updateFixedColumnStyle: l
+    };
+  },
+  render() {
+    const {
+      ns: s,
+      t: H,
+      isGroup: u,
+      columnRows: r,
+      getHeaderCellStyle: M,
+      getHeaderCellClass: h,
+      getHeaderRowClass: g,
+      getHeaderRowStyle: C,
+      handleHeaderClick: k,
+      handleHeaderContextMenu: o,
+      handleMouseDown: S,
+      handleMouseMove: i,
+      handleSortClick: l,
+      handleMouseOut: T,
+      store: y,
+      $parent: p,
+      saveIndexSelection: L,
+      isTableLayoutAuto: R
+    } = this;
+    let b = 1;
+    return a(
+      "thead",
+      {
+        ref: "theadRef",
+        class: s.is("group", u)
+      },
+      r.map(
+        (c, n) => a(
+          "tr",
+          {
+            class: g(n),
+            key: n,
+            style: C(n)
+          },
+          c.map((e, f) => {
+            e.rowSpan > b && (b = e.rowSpan);
+            const w = h(
+              n,
+              f,
+              c,
+              e
+            );
+            return R && e.fixed && L.set(w, e), a(
+              "th",
+              {
+                class: w,
+                colspan: e.colSpan,
+                key: `${e.id}-thead`,
+                rowspan: e.rowSpan,
+                scope: e.colSpan > 1 ? "colgroup" : "col",
+                ariaSort: e.sortable ? e.order : void 0,
+                style: M(
+                  n,
+                  f,
+                  c,
+                  e
+                ),
+                onClick: (t) => {
+                  var d;
+                  (d = t.currentTarget) != null && d.classList.contains(
+                    "noclick"
+                  ) || k(t, e);
+                },
+                onContextmenu: (t) => o(t, e),
+                onMousedown: (t) => S(t, e),
+                onMousemove: (t) => i(t, e),
+                onMouseout: T
+              },
+              [
+                a(
+                  "div",
+                  {
+                    class: [
+                      "cell",
+                      e.filteredValue && e.filteredValue.length > 0 ? "highlight" : ""
+                    ]
+                  },
+                  [
+                    e.renderHeader ? e.renderHeader({
+                      column: e,
+                      $index: f,
+                      store: y,
+                      _self: p
+                    }) : e.label,
+                    e.sortable && a(
+                      "button",
+                      {
+                        type: "button",
+                        class: "caret-wrapper",
+                        "aria-label": H("el.table.sortLabel", {
+                          column: e.label || ""
+                        }),
+                        onClick: (t) => l(t, e)
+                      },
+                      [
+                        a("i", {
+                          onClick: (t) => l(t, e, "ascending"),
+                          class: "sort-caret ascending"
+                        }),
+                        a("i", {
+                          onClick: (t) => l(t, e, "descending"),
+                          class: "sort-caret descending"
+                        })
+                      ]
+                    ),
+                    e.filterable && a(
+                      U,
+                      {
+                        store: y,
+                        placement: e.filterPlacement || "bottom-start",
+                        appendTo: p == null ? void 0 : p.appendFilterPanelTo,
+                        column: e,
+                        upDataColumn: (t, d) => {
+                          e[t] = d;
+                        }
+                      },
+                      {
+                        "filter-icon": () => e.renderFilterIcon ? e.renderFilterIcon({
+                          filterOpened: e.filterOpened
+                        }) : null
+                      }
+                    )
+                  ]
+                )
+              ]
+            );
+          })
+        )
+      )
+    );
+  }
+});
+export {
+  se as default
+};

package/es/node_modules/element-plus/es/components/table/src/table-header/style.helper.js

@@ -0,0 +1,64 @@
+import { inject as h } from "vue";
+import { getFixedColumnOffset as c, ensurePosition as C, getFixedColumnsClass as g } from "../util.js";
+import { TABLE_INJECTION_KEY as S } from "../tokens.js";
+import { useNamespace as y } from "../../../../hooks/use-namespace/index.js";
+import { isFunction as n, isString as p } from "../../../../../../@vue/shared/dist/shared.esm-bundler.js";
+function E(d) {
+  const a = h(S), f = y("table");
+  return {
+    getHeaderRowStyle: (i) => {
+      const e = a == null ? void 0 : a.props.headerRowStyle;
+      return n(e) ? e.call(null, { rowIndex: i }) : e;
+    },
+    getHeaderRowClass: (i) => {
+      const e = [], t = a == null ? void 0 : a.props.headerRowClassName;
+      return p(t) ? e.push(t) : n(t) && e.push(t.call(null, { rowIndex: i })), e.join(" ");
+    },
+    getHeaderCellStyle: (i, e, t, s) => {
+      var o;
+      let l = (o = a == null ? void 0 : a.props.headerCellStyle) != null ? o : {};
+      n(l) && (l = l.call(null, {
+        rowIndex: i,
+        columnIndex: e,
+        row: t,
+        column: s
+      }));
+      const r = c(
+        e,
+        s.fixed,
+        d.store,
+        t
+      );
+      return C(r, "left"), C(r, "right"), Object.assign({}, l, r);
+    },
+    getHeaderCellClass: (i, e, t, s) => {
+      const o = g(
+        f.b(),
+        e,
+        s.fixed,
+        d.store,
+        t
+      ), l = [
+        s.id,
+        s.order,
+        s.headerAlign,
+        s.className,
+        s.labelClassName,
+        ...o
+      ];
+      s.children || l.push("is-leaf"), s.sortable && l.push("is-sortable");
+      const r = a == null ? void 0 : a.props.headerCellClassName;
+      return p(r) ? l.push(r) : n(r) && l.push(
+        r.call(null, {
+          rowIndex: i,
+          columnIndex: e,
+          row: t,
+          column: s
+        })
+      ), l.push(f.e("cell")), l.filter((u) => !!u).join(" ");
+    }
+  };
+}
+export {
+  E as default
+};

package/es/node_modules/element-plus/es/components/table/src/table-header/utils-helper.js

@@ -0,0 +1,45 @@
+import { inject as h, computed as n } from "vue";
+import { TABLE_INJECTION_KEY as f } from "../tokens.js";
+const p = (r) => {
+  const t = [];
+  return r.forEach((l) => {
+    l.children ? (t.push(l), t.push.apply(t, p(l.children))) : t.push(l);
+  }), t;
+}, v = (r) => {
+  let t = 1;
+  const l = (e, o) => {
+    if (o && (e.level = o.level + 1, t < e.level && (t = e.level)), e.children) {
+      let i = 0;
+      e.children.forEach((a) => {
+        l(a, e), i += a.colSpan;
+      }), e.colSpan = i;
+    } else
+      e.colSpan = 1;
+  };
+  r.forEach((e) => {
+    e.level = 1, l(e, void 0);
+  });
+  const s = [];
+  for (let e = 0; e < t; e++)
+    s.push([]);
+  return p(r).forEach((e) => {
+    e.children ? (e.rowSpan = 1, e.children.forEach((o) => o.isSubColumn = !0)) : e.rowSpan = t - e.level + 1, s[e.level - 1].push(e);
+  }), s;
+};
+function S(r) {
+  const t = h(f), l = n(() => v(r.store.states.originColumns.value));
+  return {
+    isGroup: n(() => {
+      const e = l.value.length > 1;
+      return e && t && (t.state.isGroup.value = !0), e;
+    }),
+    toggleAllSelection: (e) => {
+      e.stopPropagation(), t == null || t.store.commit("toggleAllSelection");
+    },
+    columnRows: l
+  };
+}
+export {
+  v as convertToRows,
+  S as default
+};