ep-craft 0.1.39 → 0.1.41

package/dist/components/table/src/table-header/index.js

@@ -1,25 +1,17 @@
-import { defineComponent as A, h as a, getCurrentInstance as D, inject as _, ref as O, reactive as j, watch as N, onBeforeUnmount as q, onMounted as G, nextTick as x } from "vue";
+import { defineComponent as A, h as r, getCurrentInstance as D, inject as _, ref as O, reactive as j, watch as N, onBeforeUnmount as q, onMounted as G, nextTick as x } from "vue";
 import { EpCheckbox as I } from "../../../checkbox/index.js";
 import { useNamespace as U } from "../../../../hooks/use-namespace/index.js";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
 import { useLocale as V } from "../../../../hooks/use-locale/index.js";
+import "@vueuse/core";
 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 z from "../filter-panel.vue.js";
 import J from "../layout-observer.js";
 import { TABLE_INJECTION_KEY as K } from "../tokens.js";
 import Y from "./event-helper.js";
 import $ from "./style.helper.js";
 import Q from "./utils-helper.js";
-const ye = A({
+const pe = A({
   name: "ElTableHeader",
   components: {
     ElCheckbox: I
@@ -48,119 +40,119 @@ const ye = A({
       type: Boolean
     }
   },
-  setup(l, { emit: H }) {
-    const h = D(), r = _(K), k = U("table"), u = O({}), { onColumnsChange: C, onScrollableChange: g } = J(r), M = (r == null ? void 0 : r.props.tableLayout) === "auto", o = j(/* @__PURE__ */ new Map()), S = O();
-    let n;
+  setup(n, { emit: k }) {
+    const h = D(), a = _(K), M = U("table"), u = O({}), { onColumnsChange: C, onScrollableChange: g } = J(a), T = (a == null ? void 0 : a.props.tableLayout) === "auto", o = j(/* @__PURE__ */ new Map()), S = O();
+    let i;
     const s = () => {
-      n = setTimeout(() => {
-        o.size > 0 && (o.forEach((m, R) => {
+      i = setTimeout(() => {
+        o.size > 0 && (o.forEach((H, R) => {
           const E = S.value.querySelector(
             `.${R.replace(/\s/g, ".")}`
           );
           if (E) {
             const B = E.getBoundingClientRect().width;
-            m.width = B || m.width;
+            H.width = B || H.width;
           }
         }), o.clear());
       });
     };
     N(o, s), q(() => {
-      n && (clearTimeout(n), n = void 0);
+      i && (clearTimeout(i), i = void 0);
     }), G(async () => {
       await x(), await x();
-      const { prop: m, order: R } = l.defaultSort;
-      r == null || r.store.commit("sort", { prop: m, order: R, init: !0 }), s();
+      const { prop: H, order: R } = n.defaultSort;
+      a == null || a.store.commit("sort", { prop: H, order: R, init: !0 }), s();
     });
     const {
-      handleHeaderClick: T,
+      handleHeaderClick: v,
       handleHeaderContextMenu: y,
       handleMouseDown: d,
-      handleMouseMove: v,
+      handleMouseMove: m,
       handleMouseOut: L,
       handleSortClick: b,
       handleFilterClick: c
-    } = Y(l, H), {
-      getHeaderRowStyle: i,
+    } = Y(n, k), {
+      getHeaderRowStyle: l,
       getHeaderRowClass: e,
       getHeaderCellStyle: f,
       getHeaderCellClass: w
-    } = $(l), { isGroup: t, toggleAllSelection: p, columnRows: F } = Q(
-      l
+    } = $(n), { isGroup: t, toggleAllSelection: p, columnRows: F } = Q(
+      n
     ), { t: P } = V();
     return h.state = {
       onColumnsChange: C,
       onScrollableChange: g
     }, h.filterPanels = u, {
-      ns: k,
+      ns: M,
       t: P,
       filterPanels: u,
       onColumnsChange: C,
       onScrollableChange: g,
       columnRows: F,
       getHeaderRowClass: e,
-      getHeaderRowStyle: i,
+      getHeaderRowStyle: l,
       getHeaderCellClass: w,
       getHeaderCellStyle: f,
-      handleHeaderClick: T,
+      handleHeaderClick: v,
       handleHeaderContextMenu: y,
       handleMouseDown: d,
-      handleMouseMove: v,
+      handleMouseMove: m,
       handleMouseOut: L,
       handleSortClick: b,
       handleFilterClick: c,
       isGroup: t,
       toggleAllSelection: p,
       saveIndexSelection: o,
-      isTableLayoutAuto: M,
+      isTableLayoutAuto: T,
       theadRef: S,
       updateFixedColumnStyle: s
     };
   },
   render() {
     const {
-      ns: l,
-      t: H,
+      ns: n,
+      t: k,
       isGroup: h,
-      columnRows: r,
-      getHeaderCellStyle: k,
+      columnRows: a,
+      getHeaderCellStyle: M,
       getHeaderCellClass: u,
       getHeaderRowClass: C,
       getHeaderRowStyle: g,
-      handleHeaderClick: M,
+      handleHeaderClick: T,
       handleHeaderContextMenu: o,
       handleMouseDown: S,
-      handleMouseMove: n,
+      handleMouseMove: i,
       handleSortClick: s,
-      handleMouseOut: T,
+      handleMouseOut: v,
       store: y,
       $parent: d,
-      saveIndexSelection: v,
+      saveIndexSelection: m,
       isTableLayoutAuto: L
     } = this;
     let b = 1;
-    return a(
+    return r(
       "thead",
       {
         ref: "theadRef",
-        class: l.is("group", h)
+        class: n.is("group", h)
       },
-      r.map(
-        (c, i) => a(
+      a.map(
+        (c, l) => r(
           "tr",
           {
-            class: C(i),
-            key: i,
-            style: g(i)
+            class: C(l),
+            key: l,
+            style: g(l)
           },
           c.map((e, f) => {
             e.rowSpan > b && (b = e.rowSpan);
             const w = u(
-              i,
+              l,
               f,
               c,
               e
             );
-            return L && e.fixed && v.set(w, e), a(
+            return L && e.fixed && m.set(w, e), r(
               "th",
               {
                 class: w,
@@ -169,8 +161,8 @@ const ye = A({
                 rowspan: e.rowSpan,
                 scope: e.colSpan > 1 ? "colgroup" : "col",
                 ariaSort: e.sortable ? e.order : void 0,
-                style: k(
-                  i,
+                style: M(
+                  l,
                   f,
                   c,
                   e
@@ -179,15 +171,15 @@ const ye = A({
                   var p;
                   (p = t.currentTarget) != null && p.classList.contains(
                     "noclick"
-                  ) || M(t, e);
+                  ) || T(t, e);
                 },
                 onContextmenu: (t) => o(t, e),
                 onMousedown: (t) => S(t, e),
-                onMousemove: (t) => n(t, e),
-                onMouseout: T
+                onMousemove: (t) => i(t, e),
+                onMouseout: v
               },
               [
-                a(
+                r(
                   "div",
                   {
                     class: [
@@ -202,28 +194,28 @@ const ye = A({
                       store: y,
                       _self: d
                     }) : e.label,
-                    e.sortable && a(
+                    e.sortable && r(
                       "button",
                       {
                         type: "button",
                         class: "caret-wrapper",
-                        "aria-label": H("el.table.sortLabel", {
+                        "aria-label": k("el.table.sortLabel", {
                           column: e.label || ""
                         }),
                         onClick: (t) => s(t, e)
                       },
                       [
-                        a("i", {
+                        r("i", {
                           onClick: (t) => s(t, e, "ascending"),
                           class: "sort-caret ascending"
                         }),
-                        a("i", {
+                        r("i", {
                           onClick: (t) => s(t, e, "descending"),
                           class: "sort-caret descending"
                         })
                       ]
                     ),
-                    e.filterable && a(
+                    e.filterable && r(
                       z,
                       {
                         store: y,
@@ -251,5 +243,5 @@ const ye = A({
   }
 });
 export {
-  ye as default
+  pe as default
 };

package/dist/components/table/src/table-header/style.helper.d.ts

@@ -1,6 +1,6 @@
-import type { TableColumnCtx } from '../table-column/defaults';
-import type { DefaultRow } from '../table/defaults';
-import type { TableHeaderProps } from '.';
+import type { TableColumnCtx } from '../table-column/defaults.js';
+import type { DefaultRow } from '../table/defaults.js';
+import type { TableHeaderProps } from './index.js';
 declare function useStyle<T extends DefaultRow>(props: TableHeaderProps<T>): {
     getHeaderRowStyle: (rowIndex: number) => any;
     getHeaderRowClass: (rowIndex: number) => string;

package/dist/components/table/src/table-header/style.helper.js

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

package/dist/components/table/src/table-header/utils-helper.d.ts

@@ -1,6 +1,6 @@
-import type { DefaultRow } from '../table/defaults';
-import type { TableColumnCtx } from '../table-column/defaults';
-import type { TableHeaderProps } from '.';
+import type { DefaultRow } from '../table/defaults.js';
+import type { TableColumnCtx } from '../table-column/defaults.js';
+import type { TableHeaderProps } from './index.js';
 export declare const convertToRows: <T extends DefaultRow>(originColumns: TableColumnCtx<T>[]) => TableColumnCtx<T>[][];
 declare function useUtils<T extends DefaultRow>(props: TableHeaderProps<T>): {
     isGroup: import("vue").ComputedRef<boolean>;

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

@@ -1,8 +1,8 @@
 import type { Ref } from 'vue';
-import type { TableColumnCtx } from './table-column/defaults';
-import type { TableHeader } from './table-header';
-import type { DefaultRow, Table } from './table/defaults';
-import type { Store } from './store';
+import type { TableColumnCtx } from './table-column/defaults.js';
+import type { TableHeader } from './table-header/index.js';
+import type { DefaultRow, Table } from './table/defaults.js';
+import type { Store } from './store/index.js';
 declare class TableLayout<T extends DefaultRow> {
     observers: TableHeader[];
     table: Table<T>;

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

@@ -1,15 +1,14 @@
-import { ref as a, isRef as p, nextTick as v } from "vue";
-import { isNull as x } from "lodash-unified";
-import { isNumber as n } from "../../../utils/types.js";
+import { ref as a, isRef as v, nextTick as x } from "vue";
+import { isNull as p } from "lodash-unified";
 import { isClient as W } from "@vueuse/core";
-import { hasOwn as w, isString as y } from "@vue/shared";
-import "@element-plus/icons-vue";
-import { parseHeight as C } from "./util.js";
-class T {
+import { isNumber as n } from "../../../utils/types.js";
+import { parseHeight as w } from "./util.js";
+import { hasOwn as y, isString as C } from "@vue/shared";
+class Y {
   constructor(t) {
     this.observers = [], this.table = null, this.store = null, this.columns = [], this.fit = !0, this.showHeader = !0, this.heightMap = {}, this.height = a(null), this.scrollX = a(!1), this.scrollY = a(!1), this.bodyWidth = a(null), this.fixedWidth = a(null), this.rightFixedWidth = a(null), this.gutterWidth = 0;
     for (const e in t)
-      w(t, e) && (p(this[e]) ? this[e].value = t[e] : this[e] = t[e]);
+      y(t, e) && (v(this[e]) ? this[e].value = t[e] : this[e] = t[e]);
     if (!this.table)
       throw new Error("Table is required for Table Layout");
     if (!this.store)
@@ -17,7 +16,7 @@ class T {
   }
   updateScrollY() {
     const t = this.height.value;
-    if (x(t)) return !1;
+    if (p(t)) return !1;
     const e = this.table.refs.scrollBarRef;
     if (this.table.vnode.el && (e != null && e.wrapRef)) {
       let s = !0;
@@ -29,13 +28,13 @@ class T {
   setHeight(t, e = "height") {
     if (!W) return;
     const s = this.table.vnode.el;
-    if (t = C(t), this.height.value = Number(t), this.heightMap[e] = t, !s && (t || t === 0)) {
-      v(() => {
+    if (t = w(t), this.height.value = Number(t), this.heightMap[e] = t, !s && (t || t === 0)) {
+      x(() => {
         this.heightMap[e] === t && this.setHeight(t, e);
       });
       return;
     }
-    s && n(t) ? (s.style[e] = `${t}px`, this.updateElsHeight()) : s && y(t) && (s.style[e] = t, this.updateElsHeight());
+    s && n(t) ? (s.style[e] = `${t}px`, this.updateElsHeight()) : s && C(t) && (s.style[e] = t, this.updateElsHeight());
   }
   setMaxHeight(t) {
     this.setHeight(t, "max-height");
@@ -140,5 +139,5 @@ class T {
   }
 }
 export {
-  T as default
+  Y as default
 };