tm-table 1.2.7 → 1.2.10

package/dist/vue3/tm-table.es.js

@@ -19,7 +19,7 @@ var ue = (e, i) => {
       i.indexOf(a) < 0 && re.call(e, a) && (t[a] = e[a]);
   return t;
 };
-import { ref as Ie, createElementBlock as y, openBlock as r, normalizeStyle as B, createElementVNode as v, h as ve, resolveComponent as u, createBlock as m, mergeProps as _, withCtx as p, toDisplayString as T, normalizeClass as Z, createCommentVNode as C, defineComponent as Ee, useAttrs as We, useSlots as Ne, computed as de, resolveDynamicComponent as Pe, Fragment as L, renderList as A, createVNode as g, renderSlot as S, toHandlers as M, createTextVNode as z, withKeys as Be, createSlots as Ce, resolveDirective as Ue, withDirectives as je, normalizeProps as Je, guardReactiveProps as Ke } from "vue";
+import { ref as Ie, createElementBlock as y, openBlock as r, normalizeStyle as B, createElementVNode as v, h as ve, resolveComponent as u, createBlock as m, mergeProps as _, withCtx as p, toDisplayString as T, normalizeClass as Z, createCommentVNode as C, defineComponent as Ee, useAttrs as We, useSlots as Ne, computed as de, resolveDynamicComponent as Pe, Fragment as k, renderList as A, createVNode as g, renderSlot as S, toHandlers as M, createTextVNode as z, withKeys as Be, createSlots as Ce, resolveDirective as Ue, withDirectives as je, normalizeProps as Je, guardReactiveProps as Ke } from "vue";
 import { CircleClose as Qe } from "@element-plus/icons-vue";
 import R from "sortablejs";
 const he = {
@@ -27,7 +27,7 @@ const he = {
   small: "small",
   default: "default",
   large: "large"
-}, Q = (e) => he[e] || he.default, k = () => "default", qe = {
+}, Q = (e) => he[e] || he.default, L = () => "default", qe = {
   today: "今天",
   yesterday: "昨天",
   last7days: "最近7天",
@@ -239,7 +239,11 @@ const ot = D.more, rt = D["fixed-left"], ut = D["fixed-right"], dt = D.upload, h
       isVue3: pt,
       isOverflow: !1,
       currentLines: 1,
-      resizeObserver: null
+      resizeObserver: null,
+      checkingOverflow: !1,
+      // 防止并发检查
+      checkRetryCount: 0
+      // 防止无限递归
     };
   },
   computed: {
@@ -271,16 +275,16 @@ const ot = D.more, rt = D["fixed-left"], ut = D["fixed-right"], dt = D.upload, h
   },
   watch: {
     text() {
-      this.$nextTick(this.checkOverflow);
+      this.checkRetryCount = 0, this.$nextTick(this.checkOverflow);
     }
   },
   methods: {
     checkOverflow() {
-      this.$refs.textEl && this.$nextTick(() => {
+      !this.$refs.textEl || this.checkingOverflow || (this.checkingOverflow = !0, this.$nextTick(() => {
         this.$nextTick(() => {
-          this.performOverflowCheck();
+          this.performOverflowCheck(), this.checkingOverflow = !1;
         });
-      });
+      }));
     },
     performOverflowCheck() {
       var f;
@@ -288,11 +292,12 @@ const ot = D.more, rt = D["fixed-left"], ut = D["fixed-right"], dt = D.upload, h
       if (!e) return;
       const i = getComputedStyle(e);
       if (!i.width || i.width === "0px") {
-        this.$nextTick(() => {
+        this.checkRetryCount < 5 ? (this.checkRetryCount++, this.$nextTick(() => {
           this.performOverflowCheck();
-        });
+        })) : (this.isOverflow = !1, this.currentLines = 1, this.checkRetryCount = 0);
         return;
       }
+      this.checkRetryCount = 0;
       const t = e.scrollHeight, a = e.scrollWidth, l = e.clientHeight, n = e.clientWidth, o = 1, d = t > l + o, c = a > n + o;
       if (d || c) {
         this.isOverflow = !0;
@@ -383,7 +388,7 @@ function bt(e, i, t, a, l, n) {
     _: 1
   }, 16, ["disabled", "content"]);
 }
-const ee = /* @__PURE__ */ w(mt, [["render", bt], ["__scopeId", "data-v-70ba8157"]]);
+const ee = /* @__PURE__ */ w(mt, [["render", bt], ["__scopeId", "data-v-a18ee09f"]]);
 var yt = Object.defineProperty, vt = Object.defineProperties, Ct = Object.getOwnPropertyDescriptors, ce = Object.getOwnPropertySymbols, _t = Object.prototype.hasOwnProperty, St = Object.prototype.propertyIsEnumerable, fe = (e, i, t) => i in e ? yt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, pe = (e, i) => {
   for (var t in i || (i = {}))
     _t.call(i, t) && fe(e, t, i[t]);
@@ -464,7 +469,7 @@ const xt = {
       t: H().t,
       isVue2: wt,
       isVue3: Vt,
-      getDefaultSize: k
+      getDefaultSize: L
     };
   },
   computed: {
@@ -526,11 +531,11 @@ const xt = {
 }, zt = {
   key: 0,
   class: "label-text"
-}, Lt = {
+}, kt = {
   key: 1,
   class: "label-render"
 };
-function kt(e, i, t, a, l, n) {
+function Lt(e, i, t, a, l, n) {
   const o = u("el-option"), d = u("el-select"), c = u("EllipsisText"), f = u("RenderComponent");
   return r(), y("div", {
     class: Z(["form-item-layout", {
@@ -554,14 +559,14 @@ function kt(e, i, t, a, l, n) {
         onChange: n.handleFieldChange
       }, {
         default: p(() => [
-          (r(!0), y(L, null, A(t.labelOptions, (b) => (r(), m(o, {
+          (r(!0), y(k, null, A(t.labelOptions, (b) => (r(), m(o, {
             key: b.value,
             label: b.label,
             value: b.value
           }, null, 8, ["label", "value"]))), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "placeholder", "size", "onChange"])) : t.label ? (r(), y(L, { key: 1 }, [
+      }, 8, ["modelValue", "placeholder", "size", "onChange"])) : t.label ? (r(), y(k, { key: 1 }, [
         typeof t.label == "string" ? (r(), y("div", zt, [
           g(c, {
             text: t.label,
@@ -569,7 +574,7 @@ function kt(e, i, t, a, l, n) {
             width: t.labelWidth - 4,
             "text-align": t.labelAlign
           }, null, 8, ["text", "width", "text-align"])
-        ])) : typeof t.label == "function" ? (r(), y("div", Lt, [
+        ])) : typeof t.label == "function" ? (r(), y("div", kt, [
           g(f, { "render-fn": t.label }, null, 8, ["render-fn"])
         ])) : C("", !0)
       ], 64)) : C("", !0)
@@ -582,7 +587,7 @@ function kt(e, i, t, a, l, n) {
     ], 4)
   ], 6);
 }
-const E = /* @__PURE__ */ w(Ft, [["render", kt], ["__scopeId", "data-v-57462da5"]]), Ot = !1, At = !0, Y = "modelValue", Dt = "update:modelValue", Mt = {
+const E = /* @__PURE__ */ w(Ft, [["render", Lt], ["__scopeId", "data-v-f423d1ed"]]), Ot = !1, At = !0, Y = "modelValue", Dt = "update:modelValue", Mt = {
   name: "TmSelectFilter",
   components: {
     FormItemLayout: E
@@ -668,7 +673,7 @@ const E = /* @__PURE__ */ w(Ft, [["render", kt], ["__scopeId", "data-v-57462da5"
       t: H().t,
       isVue2: Ot,
       isVue3: At,
-      getDefaultSize: k,
+      getDefaultSize: L,
       optionsList: [],
       loading: !1,
       indeterminate: !1,
@@ -800,7 +805,7 @@ function Rt(e, i, t, a, l, n) {
               _: 1
             }, 8, ["modelValue", "indeterminate", "size", "onChange"])
           ])) : C("", !0),
-          (r(!0), y(L, null, A(l.optionsList, (b) => (r(), m(d, {
+          (r(!0), y(k, null, A(l.optionsList, (b) => (r(), m(d, {
             key: b[n.propMap.value],
             label: b[n.propMap.label],
             value: b[n.propMap.value],
@@ -874,7 +879,7 @@ const Se = /* @__PURE__ */ w(Mt, [["render", Rt], ["__scopeId", "data-v-ef8f7987
   data() {
     return {
       t: H().t,
-      getDefaultSize: k,
+      getDefaultSize: L,
       getCompatSize: Q,
       exactValue: "",
       inputValue: "",
@@ -1328,7 +1333,7 @@ const xe = /* @__PURE__ */ w(It, [["render", Pt], ["__scopeId", "data-v-90ce9bc0
       t: F,
       isVue2: Bt,
       isVue3: Ut,
-      getDefaultSize: k,
+      getDefaultSize: L,
       valueField: jt
     };
   },
@@ -1464,7 +1469,7 @@ const Te = /* @__PURE__ */ w(Jt, [["render", Kt], ["__scopeId", "data-v-cd8a2978
   data() {
     return {
       isVue2: Qt,
-      getDefaultSize: k,
+      getDefaultSize: L,
       selectedValue: this.value,
       optionsList: [],
       loading: !1
@@ -1616,7 +1621,7 @@ const we = /* @__PURE__ */ w(qt, [["render", Gt], ["__scopeId", "data-v-7c915d17
     return {
       isVue2: Xt,
       isVue3: Zt,
-      getDefaultSize: k,
+      getDefaultSize: L,
       selectedValue: this.value,
       optionsList: [],
       loading: !1
@@ -1681,7 +1686,7 @@ function ei(e, i, t, a, l, n) {
         size: l.getDefaultSize()
       }), { class: "radio-group" }, M(l.isVue2 ? e.$listeners : {})), {
         default: p(() => [
-          e.$slots.default ? S(e.$slots, "default", { key: 0 }, void 0, !0) : (r(!0), y(L, { key: 1 }, A(l.optionsList, (f) => (r(), m(o, _({ ref_for: !0 }, {
+          e.$slots.default ? S(e.$slots, "default", { key: 0 }, void 0, !0) : (r(!0), y(k, { key: 1 }, A(l.optionsList, (f) => (r(), m(o, _({ ref_for: !0 }, {
             [l.isVue3 ? "value" : "label"]: f[n.propMap.value],
             disabled: f.disabled
           }, {
@@ -1755,7 +1760,7 @@ const Ve = /* @__PURE__ */ w($t, [["render", ei], ["__scopeId", "data-v-210a44fd
     return {
       isVue2: ti,
       isVue3: ii,
-      getDefaultSize: k,
+      getDefaultSize: L,
       selectedValue: this.value || [],
       optionsList: [],
       loading: !1
@@ -1821,7 +1826,7 @@ function ai(e, i, t, a, l, n) {
           size: l.getDefaultSize()
         }), M(l.isVue2 ? e.$listeners : {})), {
           default: p(() => [
-            e.$slots.default ? S(e.$slots, "default", { key: 0 }, void 0, !0) : (r(!0), y(L, { key: 1 }, A(l.optionsList, (f) => (r(), m(o, _({
+            e.$slots.default ? S(e.$slots, "default", { key: 0 }, void 0, !0) : (r(!0), y(k, { key: 1 }, A(l.optionsList, (f) => (r(), m(o, _({
               key: f[n.propMap.value]
             }, { ref_for: !0 }, {
               [l.isVue3 ? "value" : "label"]: f[n.propMap.value],
@@ -1879,7 +1884,7 @@ const Fe = /* @__PURE__ */ w(li, [["render", ai], ["__scopeId", "data-v-39ef0641
   data() {
     return {
       isVue2: si,
-      getDefaultSize: k,
+      getDefaultSize: L,
       switchValue: this.value
     };
   },
@@ -2014,7 +2019,7 @@ const ze = /* @__PURE__ */ w(oi, [["render", ui], ["__scopeId", "data-v-7455db21
     return {
       isVue2: di,
       isVue3: hi,
-      getDefaultSize: k,
+      getDefaultSize: L,
       inputValue: this.value
     };
   },
@@ -2118,7 +2123,7 @@ function pi(e, i, t, a, l, n) {
     _: 1
   }, 8, ["label", "label-options", "field", "onFieldChange", "label-width", "input-width", "direction", "label-align"]);
 }
-const Le = /* @__PURE__ */ w(ci, [["render", pi], ["__scopeId", "data-v-9b0ae8e6"]]), mi = {
+const ke = /* @__PURE__ */ w(ci, [["render", pi], ["__scopeId", "data-v-9b0ae8e6"]]), mi = {
   name: "DynamicSlot",
   props: {
     name: {
@@ -2174,7 +2179,7 @@ const Le = /* @__PURE__ */ w(ci, [["render", pi], ["__scopeId", "data-v-9b0ae8e6
     TmRadio: Ve,
     TmCheckbox: Fe,
     TmSwitch: ze,
-    TmTextarea: Le,
+    TmTextarea: ke,
     DynamicSlot: mi
   },
   props: {
@@ -2216,7 +2221,7 @@ const Le = /* @__PURE__ */ w(ci, [["render", pi], ["__scopeId", "data-v-9b0ae8e6
       isVue2: bi,
       isVue3: yi,
       getCompatSize: Q,
-      getDefaultSize: k,
+      getDefaultSize: L,
       DATE_TYPES: vi,
       // 用于存储初始默认值，重置时恢复
       defaultValues: {}
@@ -2363,7 +2368,7 @@ function xi(e, i, t, a, l, n) {
     class: Z(["table-search", `table-search--${l.isVue2 ? "v2" : "v3"}`])
   }, [
     v("div", _i, [
-      n.hasDefaultSlot() ? S(e.$slots, "default", { key: 0 }, void 0, !0) : t.searchColumns && t.searchColumns.length ? (r(!0), y(L, { key: 1 }, A(t.searchColumns, (s, N) => (r(), y(L, null, [
+      n.hasDefaultSlot() ? S(e.$slots, "default", { key: 0 }, void 0, !0) : t.searchColumns && t.searchColumns.length ? (r(!0), y(k, { key: 1 }, A(t.searchColumns, (s, N) => (r(), y(k, null, [
         typeof s == "string" ? (r(), y("div", {
           key: `str-${s}-${N}`,
           class: "search-item"
@@ -2377,7 +2382,7 @@ function xi(e, i, t, a, l, n) {
           key: `obj-${N}`,
           class: "search-item"
         }, [
-          s.fields ? (r(), y(L, { key: 0 }, [
+          s.fields ? (r(), y(k, { key: 0 }, [
             n.hasSearchSlot(`search-${n.getFieldValue(s, "value")}`) ? (r(), m(o, {
               name: `search-${n.getFieldValue(s, "value")}`,
               "slot-props": { searchForm: t.searchForm, col: s },
@@ -2528,7 +2533,7 @@ function xi(e, i, t, a, l, n) {
     ])
   ], 2);
 }
-const ke = /* @__PURE__ */ w(Ci, [["render", xi], ["__scopeId", "data-v-be7a7198"]]), Ti = !1, wi = {
+const Le = /* @__PURE__ */ w(Ci, [["render", xi], ["__scopeId", "data-v-8cd0172a"]]), Ti = !1, wi = {
   name: "TablePagination",
   props: {
     current: {
@@ -2584,7 +2589,7 @@ function Fi(e, i, t, a, l, n) {
     }), null, 16, ["current-page", "page-size", "total", "size", "onSizeChange", "onCurrentChange"])
   ]);
 }
-const zi = /* @__PURE__ */ w(wi, [["render", Fi], ["__scopeId", "data-v-ee768f31"]]), Li = {
+const zi = /* @__PURE__ */ w(wi, [["render", Fi], ["__scopeId", "data-v-ee768f31"]]), ki = {
   name: "TmTableMenu",
   props: {
     size: {
@@ -2592,13 +2597,13 @@ const zi = /* @__PURE__ */ w(wi, [["render", Fi], ["__scopeId", "data-v-ee768f31
       default: "mini"
     }
   }
-}, ki = {
+}, Li = {
   size: "small",
   class: "tm-table-menu",
   inline: ""
 }, Oi = { class: "left" }, Ai = { class: "right" };
 function Di(e, i, t, a, l, n) {
-  return r(), y("div", ki, [
+  return r(), y("div", Li, [
     v("div", Oi, [
       S(e.$slots, "left", {}, void 0, !0)
     ]),
@@ -2607,7 +2612,7 @@ function Di(e, i, t, a, l, n) {
     ])
   ]);
 }
-const Mi = /* @__PURE__ */ w(Li, [["render", Di], ["__scopeId", "data-v-579dd2c3"]]), G = (e) => e ? e.props || {} : {}, le = (e, i) => {
+const Mi = /* @__PURE__ */ w(ki, [["render", Di], ["__scopeId", "data-v-579dd2c3"]]), G = (e) => e ? e.props || {} : {}, le = (e, i) => {
   e && (e.props || (e.props = {}), typeof i == "object" && Object.assign(e.props, i));
 }, X = {
   // 默认实现：使用localStorage获取配置
@@ -2691,7 +2696,7 @@ const Mi = /* @__PURE__ */ w(Li, [["render", Di], ["__scopeId", "data-v-579dd2c3
       t: Ei,
       isVue2: Wi,
       isVue3: Ni,
-      getDefaultSize: k,
+      getDefaultSize: L,
       getCompatSize: Q,
       buttonType: { link: !0, type: "primary" },
       afterOpenDelay: { "show-after": 300 },
@@ -3136,7 +3141,7 @@ function ol(e, i, t, a, l, n) {
             ]),
             v("div", Qi, [
               v("div", qi, [
-                (r(!0), y(L, null, A(l.tableColumns, (h, P) => (r(), y(L, null, [
+                (r(!0), y(k, null, A(l.tableColumns, (h, P) => (r(), y(k, null, [
                   h.prop ? (r(), y("div", {
                     style: { width: "110px", display: "inline-block" },
                     key: P + h.prop
@@ -3175,7 +3180,7 @@ function ol(e, i, t, a, l, n) {
             ]),
             n.showFixedLimitTips ? (r(), y("div", Xi)) : C("", !0),
             v("div", Zi, [
-              (r(!0), y(L, null, A(n.filteredSortedTableColumns, (h, P) => (r(), y("div", {
+              (r(!0), y(k, null, A(n.filteredSortedTableColumns, (h, P) => (r(), y("div", {
                 class: Z(["sort-item-wrapper", [
                   h.fixed === "left" ? "frozen" : "",
                   h.fixed === "right" ? "frozenRight" : "",
@@ -3340,7 +3345,7 @@ function K(e) {
 const ul = {
   name: "TmTable",
   components: {
-    TableSearch: ke,
+    TableSearch: Le,
     TablePagination: zi,
     TableMenu: Mi,
     ColumnConfig: rl,
@@ -3453,7 +3458,7 @@ const ul = {
   },
   data() {
     return {
-      getDefaultSize: k,
+      getDefaultSize: L,
       getCompatSize: Q,
       isVue3: ye,
       isVue2: be,
@@ -3663,6 +3668,10 @@ const ul = {
     // 重新加载表格
     reloadTable() {
       this.tableReload++;
+    },
+    // 获取 el-table 实例，用于调用 el-table 的所有方法
+    getTableRef() {
+      return this.$refs.table;
     }
   }
 }, dl = {
@@ -3737,7 +3746,7 @@ function hl(e, i, t, a, l, n) {
       key: l.tableReload
     }), {
       default: p(() => [
-        (r(!0), y(L, null, A(l.displayColumns, (s) => (r(), m(O, {
+        (r(!0), y(k, null, A(l.displayColumns, (s) => (r(), m(O, {
           vnode: s,
           key: `${l.isVue3 ? s.id : s.data.attrs.prop}-${l.slotsUpdateTrigger}`
         }, null, 8, ["vnode"]))), 128))
@@ -3765,7 +3774,7 @@ function hl(e, i, t, a, l, n) {
     S(e.$slots, "after-pagination", {}, void 0, !0)
   ], 512);
 }
-const Oe = /* @__PURE__ */ w(ul, [["render", hl], ["__scopeId", "data-v-732947c2"]]), cl = !1, fl = !0, pl = {
+const Oe = /* @__PURE__ */ w(ul, [["render", hl], ["__scopeId", "data-v-70e1ea9a"]]), cl = !1, fl = !0, pl = {
   name: "TmTableColumn",
   inheritAttrs: !1,
   computed: {
@@ -4116,7 +4125,7 @@ function zl(e, i, t, a, l, n) {
     }, { placement: "top" }), {
       default: p(() => [
         v("div", bl, [
-          (r(!0), y(L, null, A(l.frontLines, (c, f) => (r(), y("div", {
+          (r(!0), y(k, null, A(l.frontLines, (c, f) => (r(), y("div", {
             key: "front-" + f,
             class: "tm-ellipsis-line",
             innerHTML: c
@@ -4139,7 +4148,7 @@ function zl(e, i, t, a, l, n) {
       ]),
       _: 3
     }, 16, ["content", "disabled"])) : (r(), y("div", Sl, [
-      (r(!0), y(L, null, A(l.frontLines, (c, f) => (r(), y("div", {
+      (r(!0), y(k, null, A(l.frontLines, (c, f) => (r(), y("div", {
         key: "front-" + f,
         class: "tm-ellipsis-line",
         innerHTML: c
@@ -4162,15 +4171,15 @@ function zl(e, i, t, a, l, n) {
     v("div", Fl, null, 512)
   ], 36);
 }
-const De = /* @__PURE__ */ w(gl, [["render", zl], ["__scopeId", "data-v-14f27c2e"]]), Ll = {
+const De = /* @__PURE__ */ w(gl, [["render", zl], ["__scopeId", "data-v-14f27c2e"]]), kl = {
   install(e, i = {}) {
     [Oe, Ae, ee, De].forEach((t) => e.component(t.name, t)), i.tableConfigProvider && Ii(i.tableConfigProvider), i.lang && ae(i.lang || "zh-CN");
   }
-}, kl = {
-  install: Ll.install,
+}, Ll = {
+  install: kl.install,
   Table: Oe,
   Column: Ae,
-  Search: ke,
+  Search: Le,
   Select: Se,
   Input: xe,
   Date: Te,
@@ -4178,13 +4187,13 @@ const De = /* @__PURE__ */ w(gl, [["render", zl], ["__scopeId", "data-v-14f27c2e
   Radio: Ve,
   Checkbox: Fe,
   Switch: ze,
-  Textarea: Le,
+  Textarea: ke,
   EllipsisText: ee,
   AdvancedEllipsisText: De,
   setLang: ae,
   useLocale: H
 };
-typeof window != "undefined" && window.Vue && kl.install(window.Vue);
+typeof window != "undefined" && window.Vue && Ll.install(window.Vue);
 export {
   De as AdvancedEllipsisText,
   we as Cascader,
@@ -4194,12 +4203,12 @@ export {
   ee as EllipsisText,
   xe as Input,
   Ve as Radio,
-  ke as Search,
+  Le as Search,
   Se as Select,
   ze as Switch,
   Oe as Table,
-  Le as Textarea,
-  kl as default,
+  ke as Textarea,
+  Ll as default,
   ae as setLang,
   H as useLocale
 };