ep-craft 0.1.32 → 0.1.33

package/dist/components/table/src/filter-panel.vue.js

@@ -0,0 +1,130 @@
+import V from "./filter-panel2.vue.js";
+import { resolveComponent as a, openBlock as n, createBlock as u, withCtx as r, createElementVNode as s, normalizeClass as t, createVNode as m, renderSlot as C, createElementBlock as d, Fragment as b, renderList as c, createTextVNode as $, toDisplayString as p } from "vue";
+import S from "../../../_virtual/_plugin-vue_export-helper.js";
+const F = ["disabled"], R = ["tabindex", "aria-checked"], A = ["tabindex", "aria-checked", "onClick"], N = ["aria-label"];
+function T(e, o, B, H, K, P) {
+  const f = a("ep-checkbox"), k = a("ep-checkbox-group"), h = a("el-scrollbar"), w = a("arrow-up"), v = a("arrow-down"), g = a("el-icon"), y = a("el-tooltip");
+  return n(), u(y, {
+    ref: "tooltipRef",
+    offset: 0,
+    placement: e.placement,
+    "show-arrow": !1,
+    trigger: "click",
+    role: "dialog",
+    teleported: "",
+    effect: "light",
+    pure: "",
+    loop: "",
+    "popper-class": e.filterClassName,
+    persistent: "",
+    "append-to": e.appendTo,
+    onShow: e.handleShowTooltip,
+    onHide: e.handleHideTooltip
+  }, {
+    content: r(() => [
+      e.multiple ? (n(), d("div", {
+        key: 0,
+        ref: "rootRef",
+        tabindex: "-1",
+        class: t(e.ns.e("multiple"))
+      }, [
+        s("div", {
+          class: t(e.ns.e("content"))
+        }, [
+          m(h, {
+            "wrap-class": e.ns.e("wrap")
+          }, {
+            default: r(() => [
+              m(k, {
+                modelValue: e.filteredValue,
+                "onUpdate:modelValue": o[0] || (o[0] = (l) => e.filteredValue = l),
+                class: t(e.ns.e("checkbox-group"))
+              }, {
+                default: r(() => [
+                  (n(!0), d(b, null, c(e.filters, (l) => (n(), u(f, {
+                    key: l.value,
+                    value: l.value
+                  }, {
+                    default: r(() => [
+                      $(p(l.text), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "class"])
+            ]),
+            _: 1
+          }, 8, ["wrap-class"])
+        ], 2),
+        s("div", {
+          class: t(e.ns.e("bottom"))
+        }, [
+          s("button", {
+            class: t(e.ns.is("disabled", e.filteredValue.length === 0)),
+            disabled: e.filteredValue.length === 0,
+            type: "button",
+            onClick: o[1] || (o[1] = (...l) => e.handleConfirm && e.handleConfirm(...l))
+          }, p(e.t("el.table.confirmFilter")), 11, F),
+          s("button", {
+            type: "button",
+            onClick: o[2] || (o[2] = (...l) => e.handleReset && e.handleReset(...l))
+          }, p(e.t("el.table.resetFilter")), 1)
+        ], 2)
+      ], 2)) : (n(), d("ul", {
+        key: 1,
+        ref: "rootRef",
+        tabindex: "-1",
+        role: "radiogroup",
+        class: t(e.ns.e("list")),
+        onKeydown: o[4] || (o[4] = (...l) => e.handleKeydown && e.handleKeydown(...l))
+      }, [
+        s("li", {
+          role: "radio",
+          class: t([
+            e.ns.e("list-item"),
+            e.ns.is("active", e.isPropAbsent(e.filterValue))
+          ]),
+          tabindex: e.checkedIndex === 0 ? 0 : -1,
+          "aria-checked": e.isPropAbsent(e.filterValue),
+          onClick: o[3] || (o[3] = (l) => e.handleSelect(null, 0))
+        }, p(e.t("el.table.clearFilter")), 11, R),
+        (n(!0), d(b, null, c(e.filters, (l, i) => (n(), d("li", {
+          key: l.value,
+          role: "radio",
+          class: t([e.ns.e("list-item"), e.ns.is("active", e.isActive(l))]),
+          tabindex: e.checkedIndex === i + 1 ? 0 : -1,
+          "aria-checked": e.isActive(l),
+          onClick: (E) => e.handleSelect(l.value, i + 1)
+        }, p(l.text), 11, A))), 128))
+      ], 34))
+    ]),
+    default: r(() => {
+      var l;
+      return [
+        s("button", {
+          type: "button",
+          class: t(`${e.ns.namespace.value}-table__column-filter-trigger`),
+          "aria-label": e.t("el.table.filterLabel", { column: ((l = e.column) == null ? void 0 : l.label) || "" })
+        }, [
+          m(g, null, {
+            default: r(() => [
+              C(e.$slots, "filter-icon", {}, () => {
+                var i;
+                return [
+                  (i = e.column) != null && i.filterOpened ? (n(), u(w, { key: 0 })) : (n(), u(v, { key: 1 }))
+                ];
+              })
+            ]),
+            _: 3
+          })
+        ], 10, N)
+      ];
+    }),
+    _: 3
+  }, 8, ["placement", "popper-class", "append-to", "onShow", "onHide"]);
+}
+const D = /* @__PURE__ */ S(V, [["render", T]]);
+export {
+  D as default
+};

package/dist/components/table/src/filter-panel2.vue.js

@@ -0,0 +1,155 @@
+import { defineComponent as F, getCurrentInstance as R, ref as k, computed as m } from "vue";
+import { EpCheckbox as j } from "../../checkbox/index.js";
+import { EpCheckboxGroup as p } from "../../checkbox-group/index.js";
+import { ElIcon as K } from "../../icon/index.js";
+import { ArrowUp as _, ArrowDown as q } from "@element-plus/icons-vue";
+import { EVENT_CODE as a } from "../../../constants/aria.js";
+import { useNamespace as G } from "../../../hooks/use-namespace/index.js";
+import { isPropAbsent as h } from "../../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import "@vue/shared";
+import { getEventCode as H } from "../../../utils/dom/event.js";
+import { useLocale as L } from "../../../hooks/use-locale/index.js";
+import "../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "../../../hooks/use-delayed-toggle/index.js";
+import "../../../hooks/use-aria/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "../../../hooks/use-empty-values/index.js";
+import { ElTooltip as M } from "../../tooltip/index.js";
+import { EpScrollbar as U } from "../../scrollbar/index.js";
+import { useTooltipContentProps as z } from "../../tooltip/src/content.js";
+const Ce = F({
+  name: "ElTableFilterPanel",
+  components: {
+    EpCheckbox: j,
+    EpCheckboxGroup: p,
+    ElScrollbar: U,
+    ElTooltip: M,
+    ElIcon: K,
+    ArrowDown: q,
+    ArrowUp: _
+  },
+  props: {
+    placement: {
+      type: String,
+      default: "bottom-start"
+    },
+    store: {
+      type: Object
+    },
+    column: {
+      type: Object
+    },
+    upDataColumn: {
+      type: Function
+    },
+    appendTo: z.appendTo
+  },
+  setup(t) {
+    const f = R(), { t: S } = L(), s = G("table-filter"), g = f == null ? void 0 : f.parent;
+    t.column && !g.filterPanels.value[t.column.id] && (g.filterPanels.value[t.column.id] = f);
+    const w = k(null), b = k(null), u = k(0), c = m(() => t.column && t.column.filters), P = m(() => t.column && t.column.filterClassName ? `${s.b()} ${t.column.filterClassName}` : s.b()), r = m({
+      get: () => {
+        var e;
+        return (((e = t.column) == null ? void 0 : e.filteredValue) || [])[0];
+      },
+      set: (e) => {
+        o.value && (h(e) ? o.value.splice(0, 1) : o.value.splice(0, 1, e));
+      }
+    }), o = m({
+      get() {
+        return t.column ? t.column.filteredValue || [] : [];
+      },
+      set(e) {
+        var l;
+        t.column && ((l = t.upDataColumn) == null || l.call(t, "filteredValue", e));
+      }
+    }), x = m(() => t.column ? t.column.filterMultiple : !0), A = (e) => e.value === r.value, d = () => {
+      var e;
+      (e = w.value) == null || e.onClose();
+    }, I = () => {
+      v(o.value), d();
+    }, N = () => {
+      o.value = [], v(o.value), d();
+    }, C = (e, l) => {
+      r.value = e, u.value = l, h(e) ? v([]) : v(o.value), d();
+    }, v = (e) => {
+      var l, i;
+      (l = t.store) == null || l.commit("filterChange", {
+        column: t.column,
+        values: e
+      }), (i = t.store) == null || i.updateAllSelected();
+    }, O = () => {
+      var e, l;
+      (e = b.value) == null || e.focus(), !x.value && $(), t.column && ((l = t.upDataColumn) == null || l.call(t, "filterOpened", !0));
+    }, V = () => {
+      var e;
+      t.column && ((e = t.upDataColumn) == null || e.call(t, "filterOpened", !1));
+    }, $ = () => {
+      if (h(r)) {
+        u.value = 0;
+        return;
+      }
+      const e = (c.value || []).findIndex((l) => l.value === r.value);
+      u.value = e >= 0 ? e + 1 : 0;
+    };
+    return {
+      multiple: x,
+      filterClassName: P,
+      filteredValue: o,
+      filterValue: r,
+      filters: c,
+      handleConfirm: I,
+      handleReset: N,
+      handleSelect: C,
+      isPropAbsent: h,
+      isActive: A,
+      t: S,
+      ns: s,
+      tooltipRef: w,
+      rootRef: b,
+      checkedIndex: u,
+      handleShowTooltip: O,
+      handleHideTooltip: V,
+      handleKeydown: (e) => {
+        var D, T;
+        const l = H(e), i = (c.value ? c.value.length : 0) + 1;
+        let n = u.value, E = !0;
+        switch (l) {
+          case a.down:
+          case a.right:
+            n = (n + 1) % i;
+            break;
+          case a.up:
+          case a.left:
+            n = (n - 1 + i) % i;
+            break;
+          case a.tab:
+            d(), E = !1;
+            break;
+          case a.enter:
+          case a.space:
+            if (n === 0)
+              C(null, 0);
+            else {
+              const y = (c.value || [])[n - 1];
+              y.value && C(y.value, n);
+            }
+            break;
+          default:
+            E = !1;
+            break;
+        }
+        E && e.preventDefault(), u.value = n, (T = (D = b.value) == null ? void 0 : D.querySelector(
+          `.${s.e("list-item")}:nth-child(${n + 1})`
+        )) == null || T.focus();
+      }
+    };
+  }
+});
+export {
+  Ce as default
+};

package/dist/components/table/src/h-helper.d.ts

@@ -0,0 +1,13 @@
+import type { TableColumnCtx } from './table-column/defaults';
+import type { DefaultRow } from './table/defaults';
+type Props = {
+    tableLayout: 'fixed' | 'auto';
+    columns?: TableColumnCtx<DefaultRow>[];
+};
+export declare function hColgroup(props: Props): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export declare namespace hColgroup {
+    var props: string[];
+}
+export {};

package/dist/components/table/src/h-helper.js

@@ -0,0 +1,30 @@
+import { h as a } from "vue";
+import { isUndefined as n } from "../../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import "@vue/shared";
+import "@element-plus/icons-vue";
+function p(o) {
+  const r = o.tableLayout === "auto";
+  let e = o.columns || [];
+  r && e.every(({ width: t }) => n(t)) && (e = []);
+  const m = (t) => {
+    const i = {
+      key: `${o.tableLayout}_${t.id}`,
+      style: {},
+      name: void 0
+    };
+    return r ? i.style = {
+      width: `${t.width}px`
+    } : i.name = t.id, i;
+  };
+  return a(
+    "colgroup",
+    {},
+    e.map((t) => a("col", m(t)))
+  );
+}
+p.props = ["columns", "tableLayout"];
+export {
+  p as hColgroup
+};

package/dist/components/table/src/layout-observer.d.ts

@@ -0,0 +1,8 @@
+import type TableLayout from './table-layout';
+import type { DefaultRow, Table } from './table/defaults';
+declare function useLayoutObserver<T extends DefaultRow>(root: Table<T>): {
+    tableLayout: TableLayout<T>;
+    onColumnsChange: (layout: TableLayout<T>) => void;
+    onScrollableChange: (layout: TableLayout<T>) => void;
+};
+export default useLayoutObserver;

package/dist/components/table/src/layout-observer.js

@@ -0,0 +1,49 @@
+import { getCurrentInstance as f, onBeforeMount as m, onMounted as b, onUpdated as p, onUnmounted as y, computed as C } from "vue";
+function A(s) {
+  const v = f();
+  m(() => {
+    l.value.addObserver(v);
+  }), b(() => {
+    i(l.value), d(l.value);
+  }), p(() => {
+    i(l.value), d(l.value);
+  }), y(() => {
+    l.value.removeObserver(v);
+  });
+  const l = C(() => {
+    const t = s.layout;
+    if (!t)
+      throw new Error("Can not find table layout.");
+    return t;
+  }), i = (t) => {
+    var u;
+    const o = ((u = s.vnode.el) == null ? void 0 : u.querySelectorAll("colgroup > col")) || [];
+    if (!o.length) return;
+    const a = t.getFlattenColumns(), r = {};
+    a.forEach((e) => {
+      r[e.id] = e;
+    });
+    for (let e = 0, c = o.length; e < c; e++) {
+      const n = o[e], g = n.getAttribute("name"), h = r[g];
+      h && n.setAttribute("width", h.realWidth || h.width);
+    }
+  }, d = (t) => {
+    var r, u;
+    const o = ((r = s.vnode.el) == null ? void 0 : r.querySelectorAll("colgroup > col[name=gutter]")) || [];
+    for (let e = 0, c = o.length; e < c; e++)
+      o[e].setAttribute("width", t.scrollY.value ? t.gutterWidth : "0");
+    const a = ((u = s.vnode.el) == null ? void 0 : u.querySelectorAll("th.gutter")) || [];
+    for (let e = 0, c = a.length; e < c; e++) {
+      const n = a[e];
+      n.style.width = t.scrollY.value ? `${t.gutterWidth}px` : "0", n.style.display = t.scrollY.value ? "" : "none";
+    }
+  };
+  return {
+    tableLayout: l.value,
+    onColumnsChange: i,
+    onScrollableChange: d
+  };
+}
+export {
+  A as default
+};

package/dist/components/table/src/store/current.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'vue';
+import type { DefaultRow } from '../table/defaults';
+import type { WatcherPropsData } from '.';
+declare function useCurrent<T extends DefaultRow>(watcherData: WatcherPropsData<T>): {
+    setCurrentRowKey: (key: string) => void;
+    restoreCurrentRowKey: () => void;
+    setCurrentRowByKey: (key: string) => void;
+    updateCurrentRow: (_currentRow: T) => void;
+    updateCurrentRowData: () => void;
+    states: {
+        _currentRowKey: Ref<string | null, string | null>;
+        currentRow: Ref<T | null, T | null>;
+    };
+};
+export default useCurrent;

package/dist/components/table/src/store/current.js

@@ -0,0 +1,45 @@
+import { getCurrentInstance as R, ref as v, unref as C } from "vue";
+import { getRowIdentity as d } from "../util.js";
+function g(a) {
+  const r = R(), l = v(null), t = v(null), w = (e) => {
+    r.store.assertRowKey(), l.value = e, o(e);
+  }, c = () => {
+    l.value = null;
+  }, o = (e) => {
+    const { data: n, rowKey: u } = a, s = t.value;
+    let i = null;
+    u.value && (i = (C(n) || []).find(
+      (f) => d(f, u.value) === e
+    ) ?? null), t.value = i ?? null, r.emit("current-change", t.value, s);
+  };
+  return {
+    setCurrentRowKey: w,
+    restoreCurrentRowKey: c,
+    setCurrentRowByKey: o,
+    updateCurrentRow: (e) => {
+      const n = t.value;
+      if (e && e !== n) {
+        t.value = e, r.emit("current-change", t.value, n);
+        return;
+      }
+      !e && n && (t.value = null, r.emit("current-change", null, n));
+    },
+    updateCurrentRowData: () => {
+      const e = a.rowKey.value, n = a.data.value || [], u = t.value;
+      if (u && !n.includes(u))
+        if (e) {
+          const s = d(u, e);
+          o(s);
+        } else
+          t.value = null, r.emit("current-change", null, u);
+      else l.value && (o(l.value), c());
+    },
+    states: {
+      _currentRowKey: l,
+      currentRow: t
+    }
+  };
+}
+export {
+  g as default
+};

package/dist/components/table/src/store/expand.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'vue';
+import type { WatcherPropsData } from '.';
+import type { DefaultRow } from '../table/defaults';
+declare function useExpand<T extends DefaultRow>(watcherData: WatcherPropsData<T>): {
+    updateExpandRows: () => void;
+    toggleRowExpansion: (row: T, expanded?: boolean) => void;
+    setExpandRowKeys: (rowKeys: (string | number)[]) => void;
+    isRowExpanded: (row: T) => boolean;
+    states: {
+        expandRows: Ref<T[], T[]>;
+        defaultExpandAll: Ref<boolean, boolean>;
+    };
+};
+export default useExpand;

package/dist/components/table/src/store/expand.js

@@ -0,0 +1,55 @@
+import { getCurrentInstance as f, ref as v } from "vue";
+import { getKeysMap as i, getRowIdentity as x, toggleRowStatus as w } from "../util.js";
+function M(s) {
+  const u = f(), p = v(!1), o = v([]), l = (e, n) => {
+    const t = u.store.states.rowExpandable.value;
+    return (t == null ? void 0 : t(e, n)) ?? !0;
+  };
+  return {
+    updateExpandRows: () => {
+      const e = s.data.value || [], n = s.rowKey.value;
+      if (p.value)
+        o.value = u.store.states.rowExpandable.value ? e.filter(l) : e.slice();
+      else if (n) {
+        const t = i(o.value, n);
+        o.value = e.filter((a, d) => {
+          const c = x(a, n);
+          return !!t[c] && l(a, d);
+        });
+      } else
+        o.value = [];
+    },
+    toggleRowExpansion: (e, n) => {
+      const a = (s.data.value || []).indexOf(e);
+      if (a > -1 && !l(e, a)) return;
+      w(
+        o.value,
+        e,
+        n,
+        void 0,
+        void 0,
+        void 0,
+        s.rowKey.value
+      ) && u.emit("expand-change", e, o.value.slice());
+    },
+    setExpandRowKeys: (e) => {
+      u.store.assertRowKey();
+      const n = s.data.value || [], t = s.rowKey.value, a = i(n, t);
+      o.value = e.reduce((d, c) => {
+        const r = a[c];
+        return r && l(r.row, r.index) && d.push(r.row), d;
+      }, []);
+    },
+    isRowExpanded: (e) => {
+      const n = s.rowKey.value;
+      return n ? !!i(o.value, n)[x(e, n)] : o.value.includes(e);
+    },
+    states: {
+      expandRows: o,
+      defaultExpandAll: p
+    }
+  };
+}
+export {
+  M as default
+};