@web-utils/component 4.0.0 → 4.0.2

package/pageable-table/index.mjs

@@ -1,51 +1,163 @@
-var _ = Object.defineProperty, $ = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var f = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, o = (t, e) => {
-  for (var a in e || (e = {}))
-    b.call(e, a) && f(t, a, e[a]);
-  if (p)
-    for (var a of p(e))
-      m.call(e, a) && f(t, a, e[a]);
-  return t;
-}, c = (t, e) => $(t, w(e));
-var y = (t, e) => {
-  var a = {};
-  for (var s in t)
-    b.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 && m.call(t, s) && (a[s] = t[s]);
-  return a;
-};
-var g = (t, e, a) => new Promise((s, l) => {
-  var u = (r) => {
-    try {
-      i(a.next(r));
-    } catch (h) {
-      l(h);
+import { copy as R, hasOwn as v } from "@web-utils/core";
+import S from "element-ui/lib/message";
+import { merge as f } from "@web-utils/integrations/lodash";
+import { f as _, g as P, h as B } from "../chunks/index.d3MV3Wq2.mjs";
+import { g as A } from "../chunks/dictionary.DsN-2ukC.mjs";
+import { _ as C } from "../chunks/helper.BiMLcEEk.mjs";
+import "vue";
+import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import { isEqual as K } from "lodash-es";
+function L(t) {
+  R(
+    t,
+    () => S.success({ duration: 1e3, message: "复制成功！", type: "success" }),
+    () => S.error({ duration: 1e3, message: "复制失败！", type: "error" })
+  );
+}
+const F = {
+  name: "TableColumnFilterable",
+  functional: !0,
+  /**
+   *
+   * @param h
+   * @param context {FunctionalContext}
+   * @returns {JSX.Element}
+   */
+  render(t, e) {
+    const {
+      data: {
+        key: s
+      },
+      props: l,
+      parent: {
+        records: i
+      },
+      scopedSlots: a
+    } = e, {
+      hide: o,
+      isVNode: n,
+      filterable: r,
+      allowSort: g,
+      autoUpdate: d,
+      scopedSlots: T,
+      prop: m,
+      ...x
+    } = l, y = `${s}-${r}${d ? `-${Math.random()}`.replace("0.", "") : ""}`, u = {
+      props: {
+        prop: m,
+        ...x
+      }
+    };
+    if (r) {
+      const $ = [...new Set(i.map((c) => c[m]).filter((c) => c))].map((c) => ({
+        text: c,
+        value: c
+      }));
+      u.props.filterMethod = (c, w, k) => {
+        const E = k.property;
+        return w[E] === c;
+      }, u.props.filters = $;
     }
-  }, d = (r) => {
-    try {
-      i(a.throw(r));
-    } catch (h) {
-      l(h);
+    const h = T || a;
+    return h != null && h.default ? t("ElTableColumn", C([{}, u, {
+      scopedSlots: h,
+      key: y
+    }])) : t("TableColumn", C([{}, u, {
+      key: y
+    }]));
+  }
+}, z = null, O = null;
+var W = /* @__PURE__ */ b(
+  F,
+  z,
+  O,
+  !1,
+  null,
+  null
+);
+const V = W.exports, D = {
+  name: "TableColumnFilter",
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    visible: Boolean
+  }
+};
+var M = function() {
+  var e = this, s = e._self._c;
+  return s("ElDrawer", { staticClass: "table-column-filter", attrs: { visible: e.visible, title: "表格设置", "append-to-body": "" }, on: { "update:visible": (l) => e.$emit("update:visible", l) } }, [s("ElTable", { attrs: { data: e.columns, border: "" } }, [s("ElTableColumn", { attrs: { label: "列名" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
+    return [e._v(" " + e._s(l.label) + " ")];
+  } }]) }), s("ElTableColumn", { attrs: { label: "隐藏", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
+    return [s("ElCheckbox", { model: { value: l.hide, callback: function(i) {
+      e.$set(l, "hide", i);
+    }, expression: "row.hide" } })];
+  } }]) }), s("ElTableColumn", { attrs: { label: "冻结", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
+    return [s("ElCheckbox", { model: { value: l.fixed, callback: function(i) {
+      e.$set(l, "fixed", i);
+    }, expression: "row.fixed" } })];
+  } }]) }), s("ElTableColumn", { attrs: { label: "过滤", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
+    return [s("ElCheckbox", { model: { value: l.filterable, callback: function(i) {
+      e.$set(l, "filterable", i);
+    }, expression: "row.filterable" } })];
+  } }]) }), s("ElTableColumn", { attrs: { label: "排序", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
+    return [s("ElCheckbox", { attrs: { title: l.allowSort ? null : "该列不支持排序!", disabled: !l.allowSort }, model: { value: l.sortable, callback: function(i) {
+      e.$set(l, "sortable", i);
+    }, expression: "row.sortable" } })];
+  } }]) })], 1)], 1);
+}, U = [], N = /* @__PURE__ */ b(
+  D,
+  M,
+  U,
+  !1,
+  null,
+  null
+);
+const H = N.exports, j = {
+  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(u, d);
-  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 n = {
+  }
+};
+function Q(t, e) {
+  const s = t.map((i) => {
+    const { hide: a, filterable: o, allowSort: n, sortable: r, fixed: g, ...d } = i;
+    return d;
+  }), l = e.map((i) => {
+    const { hide: a, filterable: o, allowSort: n, sortable: r, fixed: g, ...d } = i;
+    return d;
+  });
+  return K(s, l);
+}
+function q(t) {
+  let e = "";
+  for (const s in t)
+    e += `<TableColumn prop="${s}" label="${s}"/>
+`;
+  return e;
+}
+const p = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, E = {
+}, I = {
   name: "PageableTable",
+  components: { TableColumnFilter: H, TableColumnFilterable: V },
+  mixins: [j],
+  emits: ["page-loaded", "row-dblclick"],
   bus: {
     reloadTableView(t) {
       t === this.viewId && this.getPage();
@@ -53,37 +165,22 @@ const n = {
   },
   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 +208,41 @@ const n = {
       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 = o(o({}, t), this.filter));
-    let e = {};
-    this.model && (e = S(this.model));
-    const a = this.pageSize;
+    const t = this.pageSize;
     return {
-      TABLE_STATUS: Object.freeze(n),
-      tableStatus: n.empty,
+      TABLE_STATUS: Object.freeze(p),
+      tableStatus: p.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,199 +251,262 @@ const n = {
         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 f({}, 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(_)) || [];
     }
   },
   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 l = this.$slots.default, { columns: i } = t;
+          l ? l.forEach((a) => {
+            if (!a.isComment && a.data) {
+              const { attrs: o, props: n, scopedSlots: r } = a.data;
+              a.data.props = a.data.props || {}, a.data.props.type === "expand" ? s = {
+                ...o,
+                ...n,
+                scopedSlots: r,
+                hide: !1,
+                filterable: !1,
+                allowSort: a.data.props.sortable !== !1,
+                sortable: !1,
+                fixed: a.data.props.fixed
+              } : e.push({
+                ...o,
+                ...n,
+                scopedSlots: r,
+                hide: !1,
+                isVNode: !0,
+                filterable: !1,
+                allowSort: a.data.props.sortable !== !1,
+                sortable: !1,
+                fixed: a.data.props.fixed
+              });
+            }
+          }) : i && i.forEach((a) => {
+            a.type === "expand" ? s = {
+              ...a,
+              props: a,
+              hide: !1,
+              filterable: !1,
+              allowSort: a.sortable !== !1,
+              sortable: !1,
+              fixed: a.fixed
+            } : e.push({
+              ...a,
+              props: a,
+              hide: !1,
+              filterable: !1,
+              allowSort: a.sortable !== !1,
+              sortable: !1,
+              fixed: a.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) => {
+      this.hideTooltip(), this.$emit("row-dblclick", ...t);
+    },
+    rowClick(t, e, s) {
+      if (this.clickRowSelect && this.selectable(t)) {
+        const l = this.$refs.table;
+        if (this.selectedRows.find((a) => a[this.rowKey] === t[this.rowKey])) {
+          l.toggleRowSelection(t, !1);
+          return;
+        }
+        l.toggleRowSelection(t);
+      }
+    },
+    hideTooltip() {
+      var e;
+      const t = this.$refs.table.$children.find((s) => {
         var l;
         return ((l = s.$options) == null ? void 0 : l.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() {
       this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
     },
     filterTableProperties: B,
-    filterTableEvents: k,
-    filterTableColumnProperties: T,
+    filterTableEvents: P,
+    filterTableColumnProperties: _,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
+    copy: (t) => L(q(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 = c(o({}, 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 g(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 = o({}, a);
-        if ((r = e == null ? void 0 : e.rules) != null && r.length && (s.filters = { rules: e.rules }), this.api || this.url) {
-          this.tableStatus = n.loading;
-          try {
-            this.api && (t = yield this.api(s)), this.url && (t = yield this.method(this.url, s));
-          } catch (h) {
-            this.tableStatus = n.error, console.error(h);
-            return;
-          }
-        } else {
-          this.$notify.warning({
-            title: "开发提示！",
-            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
-          });
+    async getPage(t) {
+      var o;
+      if (v(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 = p.loading);
+        try {
+          this.api && (e = await this.api(s));
+        } catch {
+          this.tableStatus = p.error;
           return;
         }
-        const { data: l } = t || {}, { total: u, records: d } = l || {};
-        this.page.total = Number(u), this.records = d, !d || !d.length ? this.tableStatus = n.empty : this.tableStatus = n.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: l }
+      } = e || {}, { total: i, records: a } = l || {};
+      this.page.total = Number(i), this.records = await this.mapRow(a), !a || !a.length ? this.tableStatus = p.empty : this.tableStatus = p.success, this.doLayout(), this.$emit("page-loaded", l);
     },
-    refresh() {
-      return g(this, null, function* () {
-        yield this.getPage();
-      });
+    doLayout() {
+      var t;
+      (t = this.$refs.table) == null || t.doLayout();
+    },
+    async refresh(t) {
+      await this.getPage(t);
     },
     reload() {
-      this.page = c(o({}, 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 l;
+        e[`$${s.prop}`] = e[s.prop], s.dicData ? e[s.prop] = ((l = s.dicData.find((i) => i.value === e[s.prop])) == null ? void 0 : l.label) || e[s.prop] : e[s.prop] = await A(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 ? f(this.expandColumn, t) : this.expandColumn = t;
+    },
+    updateColumns(t) {
+      if (!Q(this.tableColumns, t)) {
+        const e = {};
+        this.tableColumns.forEach((s) => {
+          e[s.prop] = s;
+        }), t.map((s) => {
+          const l = e[s.prop];
+          if (l) {
+            const { hide: i, filterable: a, allowSort: o, sortable: n, fixed: r } = l;
+            return f(l, s), l.hide = i, l.filterable = a, l.allowSort = o, l.sortable = n, l.fixed = r, l;
+          }
+          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: l }) {
+    return [s("ElRadio", { attrs: { label: !0, disabled: !e.selectable(l), value: e.currentRow && e.currentRow[e.$attrs["row-key"] || e.rowKey || "id"] === l[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: l }) {
+    return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + l + 1 || l + 1) + " ")];
+  } }], null, !1, 4238275121) }) : e._e(), e.tableColumns ? e._l(e.tableColumns.filter((l) => !l.hide), function(l, i) {
+    var a, o;
+    return s("TableColumnFilterable", e._b({ key: `${((a = l.props) == null ? void 0 : a.prop) || l.prop}-${i}`, scopedSlots: e._u([e.$scopedSlots[((o = l.props) == null ? void 0 : o.prop) || l.prop] ? { key: "default", fn: function({ row: n }) {
+      var r;
+      return [e._t(((r = l.props) == null ? void 0 : r.prop) || l.prop, null, { row: n })];
+    } } : null], null, !0) }, "TableColumnFilterable", l, !1));
+  }) : [s("TableColumn", { attrs: { label: "点击表格行复制模板" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l }) {
+    return [s("pre", { staticClass: "pointer", on: { click: function(i) {
+      return e.copy(l);
+    } } }, [e._v(e._s(JSON.stringify(l, 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": (l) => {
+    e.page.limit = l;
+  }, "current-change": (l) => {
+    e.page.page = l;
+  } } }) : e._e(), s("TableColumnFilter", { attrs: { visible: e.showSettings, columns: e.tableColumns }, on: { "update:visible": function(l) {
+    e.showSettings = l;
+  } } })], 2), s("ResizeObserver", { on: { notify: e.doLayout } })], 1);
+}, X = [], G = /* @__PURE__ */ b(
+  I,
+  J,
+  X,
   !1,
   null,
   null
 );
-const j = R.exports;
+const re = G.exports;
 export {
-  j as default
+  re as default
 };