@web-utils/component 3.8.3 → 4.0.1

package/pageable-table/index.mjs

@@ -1,51 +1,128 @@
-var _ = Object.defineProperty, $ = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var g = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, u = (t, e) => {
-  for (var a in e || (e = {}))
-    f.call(e, a) && g(t, a, e[a]);
-  if (p)
-    for (var a of p(e))
-      b.call(e, a) && g(t, a, e[a]);
-  return t;
-}, m = (t, e) => $(t, w(e));
-var y = (t, e) => {
-  var a = {};
-  for (var s in t)
-    f.call(t, s) && e.indexOf(s) < 0 && (a[s] = t[s]);
-  if (t != null && p)
-    for (var s of p(t))
-      e.indexOf(s) < 0 && b.call(t, s) && (a[s] = t[s]);
-  return a;
-};
-var h = (t, e, a) => new Promise((s, l) => {
-  var c = (r) => {
-    try {
-      i(a.next(r));
-    } catch (d) {
-      l(d);
+import { copy as T, hasOwn as w } from "@web-utils/core";
+import y from "element-ui/lib/message";
+import { merge as m } from "@web-utils/integrations/lodash";
+import { f as S, g as $, h as _ } from "../chunks/index.d3MV3Wq2.mjs";
+import { t as C, a as x } from "../chunks/core.DJEgjQW6.mjs";
+import { g } from "../chunks/configComponents.BDhlZU8F.mjs";
+import k from "../table-column-filterable/index.mjs";
+import E from "../table-column-filter/index.mjs";
+import { isEqual as R } from "lodash-es";
+import { n as P } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+function B(t) {
+  T(
+    t,
+    () => y.success({ duration: 1e3, message: "复制成功！", type: "success" }),
+    () => y.error({ duration: 1e3, message: "复制失败！", type: "error" })
+  );
+}
+const u = {}, b = {}, h = {}, K = (t, e = !0, { options: s, treeDict: a, idAsValue: l, labelAsValue: i } = {}) => {
+  let o = t;
+  a && (o = `${t}-${l}-${i}${s ? "-options" : ""}`);
+  const n = u[o];
+  return e && n ? n : a ? D(t, e, { idAsValue: l, labelAsValue: i }) : L(t, e);
+}, L = (t, e = !0) => {
+  if (h[t])
+    return h[t];
+  const s = new Promise((a, l) => {
+    var i, o;
+    e && u[t] ? a(u[t]) : ((o = (i = g) == null ? void 0 : i.dict) != null && o.remote && a([]), g.dict.remote(t).then((n) => {
+      let r = n.data.data;
+      if (e) {
+        const p = {};
+        r.forEach(({ label: c, value: d }) => {
+          p[d] = Object.freeze({ label: c, value: d });
+        }), b[t] = p, r = Object.freeze(r), u[t] = r;
+      }
+      h[t] = null, a(r);
+    }).catch((n) => {
+      h[t] = null, l(n);
+    }));
+  });
+  return h[t] = s, s;
+}, D = (t, e = !0, { idAsValue: s, labelAsValue: a } = {}) => {
+  const l = `${t}-${s}-${a}`;
+  if (h[l])
+    return h[l];
+  const i = new Promise((o, n) => {
+    var r, p;
+    e && u[l] ? o(u[l]) : ((p = (r = g) == null ? void 0 : r.dict) != null && p.getDictTreeByType && o([]), g.dict.getDictTreeByType(t, { idAsValue: s, labelAsValue: a }).then((c) => {
+      const d = c.data.data;
+      e && (u[l] = d, u[`${l}-options`] = C(d), b[l] = x(d)), h[l] = null, o(d);
+    }).catch((c) => {
+      h[l] = null, n(c);
+    }));
+  });
+  return h[l] = i, i;
+}, O = async (t, e, s = !0, { treeDict: a, idAsValue: l, labelAsValue: i } = {}) => {
+  let o = t;
+  a && (o = `${t}-${l}-${i}`);
+  const n = b[o];
+  let r;
+  if (s && n)
+    r = n[e];
+  else {
+    let p = await K(t, s, { treeDict: a, idAsValue: l, labelAsValue: i });
+    if (s)
+      r = b[o][e];
+    else {
+      a && (p = C(p));
+      for (let c = 0; c < p.length; c++) {
+        const d = p[c];
+        if (d.value === e) {
+          r = d;
+          break;
+        }
+      }
     }
-  }, n = (r) => {
-    try {
-      i(a.throw(r));
-    } catch (d) {
-      l(d);
+  }
+  return r;
+}, z = async (t, e, s = !0, { treeDict: a, idAsValue: l, labelAsValue: i } = {}) => {
+  var o;
+  return ((o = await O(t, e, s, { treeDict: a, idAsValue: l, labelAsValue: i })) == null ? void 0 : o.label) || e || "";
+}, W = {
+  props: {
+    useVisibilityChange: Boolean
+  },
+  created() {
+    this.useVisibilityChange && document.addEventListener("visibilitychange", this.onPageVisibleChange);
+  },
+  beforeDestroy() {
+    this.useVisibilityChange && document.removeEventListener("visibilitychange", this.onPageVisibleChange);
+  },
+  methods: {
+    onPageVisibleChange() {
+      var t, e;
+      document.hidden ? (t = this.onPageHidden) == null || t.call(this) : (e = this.onPageVisible) == null || e.call(this);
     }
-  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(c, n);
-  i((a = a.apply(t, e)).next());
-});
-import { hasOwn as v } from "@web-utils/core";
-import { cloneDeep as S, merge as C } from "@web-utils/integrations/lodash";
-import { f as T, h as k, i as B } from "../chunks/index.MAFc4eFi.mjs";
-import { n as P } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const o = {
+  }
+};
+function A(t, e) {
+  const s = t.map((l) => {
+    const { hide: i, filterable: o, allowSort: n, sortable: r, fixed: p, ...c } = l;
+    return c;
+  }), a = e.map((l) => {
+    const { hide: i, filterable: o, allowSort: n, sortable: r, fixed: p, ...c } = l;
+    return c;
+  });
+  return R(s, a);
+}
+function F(t) {
+  let e = "";
+  for (const s in t)
+    e += `<TableColumn prop="${s}" label="${s}"/>
+`;
+  return e;
+}
+const f = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, E = {
+}, M = {
   name: "PageableTable",
+  components: { TableColumnFilter: E, TableColumnFilterable: k },
+  mixins: [W],
+  emits: ["page-loaded", "row-dblclick"],
   bus: {
     reloadTableView(t) {
       t === this.viewId && this.getPage();
@@ -53,37 +130,22 @@ const o = {
   },
   inheritAttrs: !1,
   props: {
-    viewId: {
-      type: String
-    },
-    url: {
-      type: String
+    selectionWidth: {
+      type: String,
+      default: "45"
     },
-    httpGet: Boolean,
+    viewId: String,
+    url: String,
     hideOnSinglePage: Boolean,
-    api: {
-      type: Function
-    },
-    filters: {
-      type: Object
-    },
-    filter: {
-      type: Object
-    },
-    rules: {
+    api: Function,
+    model: Object,
+    ascs: {
       type: Array,
       default: () => []
     },
-    model: {
-      type: Object
-    },
-    ascs: {
-      type: String,
-      default: ""
-    },
     descs: {
-      type: String,
-      default: ""
+      type: Array,
+      default: () => []
     },
     headerBold: Boolean,
     autoHeight: Boolean,
@@ -111,34 +173,41 @@ const o = {
       type: Boolean,
       default: !1
     },
-    columns: {
-      type: Array
-    },
+    columns: Array,
     pageSize: {
       type: Number,
       default: 25
-    }
+    },
+    dicOptions: {
+      type: Array,
+      default: () => []
+    },
+    paging: {
+      type: Boolean,
+      default: !0
+    },
+    clickRowSelect: Boolean,
+    payloadStyle: String,
+    rowKey: {
+      type: String,
+      default: "id"
+    },
+    disabledRowKeys: Array,
+    selectExport: Boolean
   },
   data() {
-    let t = { rules: [] };
-    this.rules && this.rules.length > 0 && (t.rules = this.rules), this.filters && (t = this.filters), this.filter && (t = Object.assign({}, t, this.filter));
-    let e = {};
-    this.model && (e = S(this.model));
-    const a = this.pageSize;
+    const t = this.pageSize;
     return {
-      TABLE_STATUS: Object.freeze(o),
-      tableStatus: o.empty,
+      TABLE_STATUS: Object.freeze(f),
+      tableStatus: f.empty,
       records: [],
       currentRow: null,
-      page: {
-        total: 0,
-        page: 1,
-        limit: a,
-        ascs: this.ascs,
-        descs: this.descs,
-        model: e,
-        filters: t
-      }
+      showSettings: !1,
+      selectedRows: [],
+      page: { total: 0, page: 1, limit: t, ascs: this.ascs, descs: this.descs },
+      tableColumns: [],
+      expandColumn: null,
+      renderKey: 1
     };
   },
   computed: {
@@ -147,203 +216,262 @@ const o = {
         asc: this.page.ascs,
         desc: this.page.descs,
         page: this.page.page,
-        model: this.page.model,
-        filters: this.page.filters
-      } : {
-        asc: this.page.ascs,
-        desc: this.page.descs,
-        page: this.page.page,
-        filters: this.page.filters
-      };
-    },
-    method() {
-      return this.httpGet ? this.httpGet : this.httpPost;
+        limit: this.page.limit,
+        model: this.model
+      } : { asc: this.page.ascs, desc: this.page.descs, page: this.page.page, limit: this.page.limit };
     },
     indexWidth() {
-      const t = `${(this.page.page - 1) * this.page.limit + this.records.length}`;
-      return t.length > 3 ? 50 + (t.length - 3) * 10 : 50;
+      var e;
+      const t = `${(this.page.page - 1) * this.page.limit + (((e = this.records) == null ? void 0 : e.length) ?? 0)}`;
+      return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
     },
     mergeAttrs() {
-      return C({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return m({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var t;
-      return ((t = this.columns) == null ? void 0 : t.map(T)) || [];
+      return ((t = this.columns) == null ? void 0 : t.map(S)) || [];
     }
   },
   watch: {
     url: { handler: "reload" },
     api: { handler: "reload" },
-    "$attrs.data"() {
-      this.getPage();
-    },
-    model: {
-      deep: !0,
-      handler(t) {
-        this.setModel(t);
-      }
-    }
+    "$attrs.data": "getPage"
   },
   created() {
-    this.$watch(() => this.guard, this.getPage, {
-      deep: !0,
-      immediate: this.immediate
-    });
+    this.$watch(() => this.guard, this.getPage, { deep: !0, immediate: this.immediate }), this.$watch(
+      () => ({ columns: this.columns, renderKey: this.renderKey }),
+      (t) => {
+        const e = [];
+        let s = null;
+        if (t) {
+          const a = this.$slots.default, { columns: l } = t;
+          a ? a.forEach((i) => {
+            if (!i.isComment && i.data) {
+              const { attrs: o, props: n, scopedSlots: r } = i.data;
+              i.data.props = i.data.props || {}, i.data.props.type === "expand" ? s = {
+                ...o,
+                ...n,
+                scopedSlots: r,
+                hide: !1,
+                filterable: !1,
+                allowSort: i.data.props.sortable !== !1,
+                sortable: !1,
+                fixed: i.data.props.fixed
+              } : e.push({
+                ...o,
+                ...n,
+                scopedSlots: r,
+                hide: !1,
+                isVNode: !0,
+                filterable: !1,
+                allowSort: i.data.props.sortable !== !1,
+                sortable: !1,
+                fixed: i.data.props.fixed
+              });
+            }
+          }) : l && l.forEach((i) => {
+            i.type === "expand" ? s = {
+              ...i,
+              props: i,
+              hide: !1,
+              filterable: !1,
+              allowSort: i.sortable !== !1,
+              sortable: !1,
+              fixed: i.fixed
+            } : e.push({
+              ...i,
+              props: i,
+              hide: !1,
+              filterable: !1,
+              allowSort: i.sortable !== !1,
+              sortable: !1,
+              fixed: i.fixed
+            });
+          }), this.updateExpandColumn(s), this.updateColumns(e);
+        }
+      },
+      { immediate: !0 }
+    );
   },
   mounted() {
     this.$refs.table.bodyWrapper.addEventListener("scroll", this.onTableScroll);
   },
+  beforeUpdate() {
+    this.renderKey++;
+  },
   beforeDestroy() {
     this.$refs.table.bodyWrapper.removeEventListener("scroll", this.onTableScroll);
   },
   methods: {
     rowDbClick(...t) {
-      var a;
-      const e = this.$refs.table.$children.find((s) => {
-        var l;
-        return ((l = s.$options) == null ? void 0 : l.name) === "ElTableBody";
+      this.hideTooltip(), this.$emit("row-dblclick", ...t);
+    },
+    rowClick(t, e, s) {
+      if (this.clickRowSelect && this.selectable(t)) {
+        const a = this.$refs.table;
+        if (this.selectedRows.find((i) => i[this.rowKey] === t[this.rowKey])) {
+          a.toggleRowSelection(t, !1);
+          return;
+        }
+        a.toggleRowSelection(t);
+      }
+    },
+    hideTooltip() {
+      var e;
+      const t = this.$refs.table.$children.find((s) => {
+        var a;
+        return ((a = s.$options) == null ? void 0 : a.name) === "ElTableBody";
       });
-      e && ((a = e.$refs.tooltip) == null || a.hide()), this.$emit("row-dblclick", ...t);
+      (e = t == null ? void 0 : t.$refs.tooltip) == null || e.hide();
     },
     updateTableScrollPosition() {
-      return h(this, null, function* () {
-        this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
-      });
+      this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
     },
-    filterTableProperties: B,
-    filterTableEvents: k,
-    filterTableColumnProperties: T,
+    filterTableProperties: _,
+    filterTableEvents: $,
+    filterTableColumnProperties: S,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
+    copy: (t) => B(F(t)),
     onSortChange({ prop: t, order: e }) {
-      this.page.ascs = e === "ascending" ? t : "", this.page.descs = e === "descending" ? t : "";
+      this.payloadStyle !== "body" ? (this.page.ascs = e === "ascending" ? t : "", this.page.descs = e === "descending" ? t : "") : (this.page.ascs = e === "ascending" ? [t] : this.ascs, this.page.descs = e === "descending" ? [t] : this.descs);
     },
     onCurrentChange(t) {
-      this.currentRow = t;
-    },
-    /**
-     *
-     * @param {FilterRule} rule
-     */
-    addRule(t) {
-      this.removeRule(t.field), this.page.filters.rules.push(t);
-    },
-    addRules(t) {
-      t.forEach((e) => this.addRule(e));
-    },
-    setModelField(t, e) {
-      this.$set(this.page.model, t, e);
-    },
-    setModel(t) {
-      this.page.page = 1, this.page.model = S(t);
-    },
-    deleteModelField(t) {
-      delete this.page.model[t];
-    },
-    removeRule(t) {
-      const e = this.page.filters.rules, a = e.findIndex((s) => s.field === t);
-      a > -1 && e.splice(a, 1);
-    },
-    addFilter({ field: t, op: e, value: a }) {
-      this.page.filters = Object.assign({}, this.page.filters, {
-        rules: [
-          {
-            field: t,
-            op: e,
-            value: a
-          }
-        ],
-        op: "and"
-      });
+      this.selectable(t) && (this.currentRow = t);
     },
-    clearFilters() {
-      this.page.filters = {};
+    handleSelectionChange(t) {
+      this.selectedRows = t;
     },
     clearSelection() {
       this.$refs.table.clearSelection();
     },
-    search() {
-      this.setModel(this.model), this.getPage();
+    getPageQuery() {
+      let t;
+      return this.payloadStyle !== "body" ? t = { ...this.page, current: this.page.page, size: this.page.limit, ...this.model || {} } : t = { page: { ...this.page, current: this.page.page, size: this.page.limit }, example: this.model || {} }, this.selectExport && (this.rowKey ? t.exportKeys = this.selectedRows.map((e) => e[this.rowKey]) : t.exportKeys = this.selectedRows.map((e) => this.records.indexOf(e))), t;
     },
-    getPage() {
-      return h(this, null, function* () {
-        var r;
-        if (v(this.$attrs, "data")) {
-          this.records = this.$attrs.data, this.page.page = 1, this.page.total = this.records.length, this.page.limit = this.page.total;
-          return;
-        }
-        this.records = [];
-        let t;
-        const i = this.page, { filters: e } = i, a = y(i, ["filters"]), s = u({}, a);
-        if ((r = e == null ? void 0 : e.rules) != null && r.length && (s.filters = { rules: e.rules }), this.api || this.url) {
-          this.tableStatus = o.loading;
-          try {
-            this.api && (t = yield this.api(s)), this.url && (t = yield this.method(this.url, s));
-          } catch (d) {
-            this.tableStatus = o.error, console.error(d);
-            return;
-          }
-        } else {
-          this.$notify.warning({
-            title: "开发提示！",
-            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
-          });
+    async getPage(t) {
+      var o;
+      if (w(this.$attrs, "data") && this.$attrs.data !== !1) {
+        this.records = this.$attrs.data, this.page.page = 1, this.page.total = (o = this.records) == null ? void 0 : o.length, this.page.limit = this.page.total;
+        return;
+      }
+      t !== !1 && (this.records = []);
+      let e;
+      const s = this.getPageQuery();
+      if (this.api || this.url) {
+        t !== !1 && (this.tableStatus = f.loading);
+        try {
+          this.api && (e = await this.api(s));
+        } catch {
+          this.tableStatus = f.error;
           return;
         }
-        const { data: l } = t || {}, { total: c, records: n } = l || {};
-        this.page.total = Number(c), this.records = n, !n || !n.length ? this.tableStatus = o.empty : this.tableStatus = o.success, this.$refs.table.doLayout(), this.$emit("page-loaded", l);
-      });
+      } else {
+        this.$notify.warning({
+          title: "开发提示！",
+          message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
+        });
+        return;
+      }
+      const {
+        data: { data: a }
+      } = e || {}, { total: l, records: i } = a || {};
+      this.page.total = Number(l), this.records = await this.mapRow(i), !i || !i.length ? this.tableStatus = f.empty : this.tableStatus = f.success, this.doLayout(), this.$emit("page-loaded", a);
     },
-    refresh() {
-      return h(this, null, function* () {
-        yield this.getPage();
-      });
+    doLayout() {
+      var t;
+      (t = this.$refs.table) == null || t.doLayout();
+    },
+    async refresh(t) {
+      await this.getPage(t);
     },
     reload() {
-      return h(this, null, function* () {
-        this.page = m(u({}, this.$options.data.call(this).page), {
-          total: this.page.total
-        });
-      });
+      this.page = { ...this.$options.data.call(this).page, limit: this.page.limit };
     },
     scrollTo(t, e) {
       t && (this.$refs.table.bodyWrapper.scrollTop = t), e && (this.$refs.table.bodyWrapper.scrollLeft = e);
+    },
+    toggleRowSelection(t, e) {
+      this.$refs.table.toggleRowSelection(t, e);
+    },
+    mapRow(t) {
+      return t.map((e) => (this.dicOptions.forEach(async (s) => {
+        var a;
+        e[`$${s.prop}`] = e[s.prop], s.dicData ? e[s.prop] = ((a = s.dicData.find((l) => l.value === e[s.prop])) == null ? void 0 : a.label) || e[s.prop] : e[s.prop] = await z(s.dicType, e[s.prop]);
+      }), e));
+    },
+    toggleSettings() {
+      this.showSettings = !this.showSettings;
+    },
+    selectable(t) {
+      var e;
+      return !(t != null && t.disabled) && !((e = this.disabledRowKeys) != null && e.includes(t == null ? void 0 : t[this.rowKey]));
+    },
+    updateExpandColumn(t) {
+      t && this.expandColumn ? m(this.expandColumn, t) : this.expandColumn = t;
+    },
+    updateColumns(t) {
+      if (!A(this.tableColumns, t)) {
+        const e = {};
+        this.tableColumns.forEach((s) => {
+          e[s.prop] = s;
+        }), t.map((s) => {
+          const a = e[s.prop];
+          if (a) {
+            const { hide: l, filterable: i, allowSort: o, sortable: n, fixed: r } = a;
+            return m(a, s), a.hide = l, a.filterable = i, a.allowSort = o, a.sortable = n, a.fixed = r, a;
+          }
+          return s;
+        }), this.tableColumns = t;
+      }
+    },
+    onPageVisible() {
+      this.refresh(!1);
     }
   }
 };
-var x = function() {
-  var e = this, a = e._self._c;
-  return a("div", { class: ["pageable-table", { "auto-height": e.autoHeight }] }, [a("div", { staticClass: "pageable-table-wrapper" }, [e._t("toolbar"), a("ElTable", e._g(e._b({ ref: "table", class: ["flex-item", { "header-bold": e.headerBold }], attrs: { data: e.records, border: e.border }, on: { "hook:updated": e.updateTableScrollPosition, "sort-change": e.onSortChange, "row-dblclick": e.rowDbClick, "current-change": e.onCurrentChange }, scopedSlots: e._u([{ key: "empty", fn: function() {
+var j = function() {
+  var e = this, s = e._self._c;
+  return s("div", { class: ["pageable-table", { "auto-height": e.autoHeight }] }, [s("div", { staticClass: "pageable-table-wrapper" }, [e._t("toolbar", null, { selectedRows: e.selectedRows }), s("ElTable", e._g(e._b({ ref: "table", class: ["flex-item", { "header-bold": e.headerBold }], attrs: { data: e.records, border: e.border, stripe: "", size: "medium" }, on: { "hook:updated": e.updateTableScrollPosition, "sort-change": e.onSortChange, "row-dblclick": e.rowDbClick, "row-click": e.rowClick, "cell-click": e.hideTooltip, "current-change": e.onCurrentChange, "selection-change": e.handleSelectionChange }, scopedSlots: e._u([{ key: "empty", fn: function() {
     return [e._t("empty", function() {
-      return [e.tableStatus === e.TABLE_STATUS.loading ? [a("span", { staticClass: "pageable-table-loading" }, [a("i", { staticClass: "table-status-icon el-icon-loading" }), e._v(" 加载中...")])] : e.tableStatus === e.TABLE_STATUS.error ? [a("ElButton", { staticClass: "pageable-table-error", attrs: { icon: "table-status-icon fa fa-frown-o" }, on: { click: e.refresh } }, [e._v(" 加载失败，点击重试！ ")])] : [e._v(" 暂无数据 ")]];
+      return [e.tableStatus === e.TABLE_STATUS.loading ? [s("span", { staticClass: "pageable-table-loading" }, [s("i", { staticClass: "table-status-icon el-icon-loading" }), e._v(" 加载中... ")])] : e.tableStatus === e.TABLE_STATUS.error ? [s("ElButton", { staticClass: "pageable-table-error", attrs: { icon: "table-status-icon el-icon-error" }, on: { click: e.refresh } }, [e._v("加载失败，点击重试！")])] : s("ElEmpty")];
     })];
   }, proxy: !0 }, { key: "append", fn: function() {
     return [e._t("append")];
-  }, proxy: !0 }], null, !0) }, "ElTable", e.filterTableProperties(e.mergeAttrs), !1), e.filterTableEvents(e.$listeners)), [e.multiple && e.selection ? a("TableColumn", { key: "multiple", attrs: { type: "selection", width: "45", align: "center" } }) : e._e(), !e.multiple && e.selection ? a("TableColumn", { key: "single", attrs: { type: "single-selection", "class-name": "single-select-column", width: "45", align: "center" }, scopedSlots: e._u([{ key: "header", fn: function() {
-    return [a("ElRadio", { attrs: { value: !!e.currentRow, label: !0 } }, [a("span")])];
-  }, proxy: !0 }, { key: "default", fn: function({ row: s }) {
-    return [a("ElRadio", { attrs: { label: !0, value: e.currentRow && e.currentRow[e.$attrs["row-key"] || "id"] === s[e.$attrs["row-key"] || "id"] } }, [a("span")])];
-  } }], null, !1, 307797321) }) : e._e(), e.index ? a("TableColumn", { key: "order", attrs: { type: "index", label: "序号", width: e.indexWidth, align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ $index: s }) {
-    return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + s + 1 || s + 1) + " ")];
-  } }], null, !1, 4238275121) }) : e._e(), e._t("default", function() {
-    return [e.columns && e.columns.length ? e._l(e.headers, function(s, l) {
-      return a("TableColumn", e._b({ key: `${s.prop}-${l}` }, "TableColumn", s, !1));
-    }) : a("TableColumn", { attrs: { label: "点击表格行复制模板" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
-      return [a("pre", { staticClass: "pointer" }, [e._v(e._s(JSON.stringify(s, null, "	")))])];
-    } }]) })];
-  })], 2), a("ElPagination", { staticClass: "flex-not-shrink", attrs: { "current-page": e.page.page, "hide-on-single-page": e.hideOnSinglePage, "page-size": e.page.limit, total: e.page.total, background: "", layout: "total, prev, pager, next, jumper" }, on: { "current-change": (s) => {
-    e.page.page = s;
-  } } })], 2)]);
-}, A = [], R = /* @__PURE__ */ P(
-  E,
-  x,
-  A,
+  }, proxy: !0 }], null, !0) }, "ElTable", e.filterTableProperties(e.mergeAttrs), !1), e.filterTableEvents(e.$listeners)), [e.expandColumn ? s("TableColumnFilterable", e._b({}, "TableColumnFilterable", e.expandColumn, !1)) : e._e(), e.multiple && e.selection ? s("TableColumn", { key: "multiple", attrs: { type: "selection", selectable: e.selectable, width: e.selectionWidth, align: "center" } }) : e._e(), !e.multiple && e.selection ? s("TableColumn", { key: "single", attrs: { sortable: !1, type: "single-selection", "class-name": "single-select-column", width: e.selectionWidth, align: "center" }, scopedSlots: e._u([{ key: "header", fn: function() {
+    return [s("ElRadio", { attrs: { value: !!e.currentRow, label: !0 } }, [s("span")])];
+  }, proxy: !0 }, { key: "default", fn: function({ row: a }) {
+    return [s("ElRadio", { attrs: { label: !0, disabled: !e.selectable(a), value: e.currentRow && e.currentRow[e.$attrs["row-key"] || e.rowKey || "id"] === a[e.$attrs["row-key"] || e.rowKey || "id"] } }, [s("span")])];
+  } }], null, !1, 1270221895) }) : e._e(), e.index ? s("TableColumn", { key: "order", attrs: { type: "index", label: "序号", width: e.indexWidth, align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ $index: a }) {
+    return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + a + 1 || a + 1) + " ")];
+  } }], null, !1, 4238275121) }) : e._e(), e.tableColumns ? e._l(e.tableColumns.filter((a) => !a.hide), function(a, l) {
+    var i, o;
+    return s("TableColumnFilterable", e._b({ key: `${((i = a.props) == null ? void 0 : i.prop) || a.prop}-${l}`, scopedSlots: e._u([e.$scopedSlots[((o = a.props) == null ? void 0 : o.prop) || a.prop] ? { key: "default", fn: function({ row: n }) {
+      var r;
+      return [e._t(((r = a.props) == null ? void 0 : r.prop) || a.prop, null, { row: n })];
+    } } : null], null, !0) }, "TableColumnFilterable", a, !1));
+  }) : [s("TableColumn", { attrs: { label: "点击表格行复制模板" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
+    return [s("pre", { staticClass: "pointer", on: { click: function(l) {
+      return e.copy(a);
+    } } }, [e._v(e._s(JSON.stringify(a, null, "	")))])];
+  } }]) })]], 2), e.paging ? s("ElPagination", { staticClass: "flex-not-shrink", attrs: { "current-page": e.page.page, "hide-on-single-page": e.hideOnSinglePage, "page-size": e.page.limit, total: e.page.total, "page-sizes": [10, 25, 50, 100, 500, 1e3, 2e3], background: "", layout: "total, sizes, prev, pager, next, jumper" }, on: { "size-change": (a) => {
+    e.page.limit = a;
+  }, "current-change": (a) => {
+    e.page.page = a;
+  } } }) : e._e(), s("TableColumnFilter", { attrs: { visible: e.showSettings, columns: e.tableColumns }, on: { "update:visible": function(a) {
+    e.showSettings = a;
+  } } })], 2), s("ResizeObserver", { on: { notify: e.doLayout } })], 1);
+}, v = [], U = /* @__PURE__ */ P(
+  M,
+  j,
+  v,
   !1,
   null,
   null
 );
-const M = R.exports;
+const Z = U.exports;
 export {
-  M as default
+  Z as default
 };