npm - ele-scroll-table-vue2 - Versions diffs - 0.1.5 - Mend

ele-scroll-table-vue2 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/ele-scroll-table-vue2.mjs +536 -0
package/dist/ele-scroll-table-vue2.umd.cjs +1 -0
package/dist/style.css +1 -0
package/package.json +35 -0

package/dist/ele-scroll-table-vue2.mjs ADDED Viewed

@@ -0,0 +1,536 @@
+function h(t, e, a, s, n, i, r, o) {
+  var l = typeof t == "function" ? t.options : t;
+  return e && (l.render = e, l.staticRenderFns = a, l._compiled = !0), i && (l._scopeId = "data-v-" + i), {
+    exports: t,
+    options: l
+  };
+}
+const w = {
+  name: "TableColumn",
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    align: {
+      type: String,
+      default: "center"
+    },
+    hideItems: {
+      type: [Array, Object],
+      default: () => []
+    }
+  },
+  methods: {
+    isHiddenItem(t) {
+      return Array.isArray(this.hideItems) ? this.hideItems.includes(t.prop) : !1;
+    }
+  }
+};
+var k = function() {
+  var e = this, a = e._self._c;
+  return e.item.merges ? a("el-table-column", e._b({ attrs: { align: e.align, border: "" }, scopedSlots: e._u([{ key: "header", fn: function(s) {
+    return [e._t(`${e.item.slotName}Header`, function() {
+      return [e._v(" " + e._s(e.item.label) + " ")];
+    }, { backData: s })];
+  } }], null, !0) }, "el-table-column", e.item, !1), e._l(e.item.merges, function(s, n) {
+    return !s.hide && !e.isHiddenItem(s) ? a("TableColumn", { key: n, attrs: { item: s, align: e.align, hideItems: e.hideItems }, scopedSlots: e._u([e._l(e.$scopedSlots, function(i, r) {
+      return { key: r, fn: function(o) {
+        return [e._t(r, null, null, o)];
+      } };
+    })], null, !0) }) : e._e();
+  }), 1) : a("el-table-column", e._b({ attrs: { align: e.align, border: "" }, scopedSlots: e._u([{ key: "header", fn: function(s) {
+    return [e._t(`${e.item.slotName}Header`, function() {
+      return [e._v(" " + e._s(e.item.label) + " ")];
+    }, { backData: s })];
+  } }, { key: "default", fn: function(s) {
+    return [e._t(e.item.slotName, function() {
+      return [e.item.prop ? a("span", [e._v(e._s(s.row[e.item.prop]))]) : e._e()];
+    }, { backData: s.row, currentItem: e.item })];
+  } }], null, !0) }, "el-table-column", e.item, !1));
+}, T = [], I = /* @__PURE__ */ h(
+  w,
+  k,
+  T,
+  !1,
+  null,
+  null
+);
+const L = I.exports, $ = (t, e = {}) => {
+  const { onStart: a } = e;
+  let s = null;
+  const n = () => {
+    const o = t.$el || t;
+    if (!o) return null;
+    const l = o.querySelector(".el-table__body-wrapper .el-scrollbar__wrap") || o.querySelector(".el-table__body-wrapper");
+    if (!l) return null;
+    let u = !1, f = 0, m = 0;
+    const g = (c) => {
+      c.button === 1 && (c.preventDefault(), a && a(), u = !0, f = c.clientX, m = l.scrollLeft, o.style.cursor = "grabbing", document.body.style.userSelect = "none");
+    }, d = () => {
+      u && (u = !1, o.style.cursor = "", document.body.style.userSelect = "");
+    }, b = (c) => {
+      if (!u) return;
+      c.preventDefault();
+      const S = c.clientX - f;
+      l.scrollLeft = m - S;
+    }, y = () => {
+      d();
+    }, p = o.querySelector(".el-table__body-wrapper");
+    return p && p.addEventListener("mousedown", g), window.addEventListener("mousemove", b), window.addEventListener("mouseup", y), window.addEventListener("blur", d), window.addEventListener("mouseleave", d), () => {
+      p && p.removeEventListener("mousedown", g), window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", y), window.removeEventListener("blur", d), window.removeEventListener("mouseleave", d);
+    };
+  };
+  return { start: () => {
+    s = n();
+  }, stop: () => {
+    s && s(), s = null;
+  } };
+}, x = {
+  name: "BaseTable",
+  components: {
+    TableColumn: L
+  },
+  props: {
+    border: { type: Boolean, default: !0 },
+    dataList: { type: Array, default: () => [] },
+    tableItem: { type: Array, default: () => [] },
+    tableListener: { type: Object, default: () => ({}) },
+    showChoose: { type: Boolean, default: !1 },
+    showIndex: { type: Boolean, default: !1 },
+    pagination: { type: Boolean, default: !0 },
+    listCount: { type: Number, default: 0 },
+    paginationInfo: { type: Object, default: () => ({ pageNum: 1, pageSize: 50 }) },
+    elTableConfig: { type: Object, default: () => ({}) },
+    showExpand: { type: Boolean, default: !1 },
+    align: { type: String, default: "center" },
+    paginationLayout: { type: String, default: "total, sizes, prev, pager, next, jumper" },
+    hideItems: { type: [Array, Object], default: () => ({}) },
+    maxHeight: { type: [Number, String] },
+    selectionConfig: { type: Object, default: () => ({}) },
+    autoResize: { type: Boolean, default: !0 },
+    dragTipScope: { type: String, default: "global" },
+    dragTipStorageKey: { type: String },
+    headerButtons: { type: Array, default: () => ["columnDisplay", "comSearch"] },
+    columnDisplayThreshold: { type: Number, default: 12 },
+    enableDblclickCopy: { type: Boolean, default: !0 },
+    copyFeedback: { type: Boolean, default: !0 },
+    copyLocale: {
+      type: Object,
+      default: () => ({
+        success: "已复制",
+        failed: "复制失败",
+        empty: "无可复制内容"
+      })
+    },
+    persistenceColumn: { type: Boolean, default: !0 },
+    persistenceKey: { type: String, default: "" }
+  },
+  data() {
+    return {
+      expandAll: !1,
+      otherSlots: [],
+      columnChecked: [],
+      showPageSearch: !1,
+      columnDialogVisible: !1,
+      scrollTipVisible: !1,
+      dragTipSeen: !1,
+      dragScrollController: null,
+      isSmall: window.innerWidth < 768,
+      resizeListener: null
+    };
+  },
+  computed: {
+    showHeader() {
+      return !!this.$slots.handleLeft || !!this.$slots.handleRight || this.headerButtons && this.headerButtons.length > 0;
+    },
+    computedMaxHeight() {
+      if (this.maxHeight)
+        return this.maxHeight;
+      this.autoResize;
+    },
+    paginationLayoutComputed() {
+      return this.isSmall ? "total, prev, pager, next" : this.paginationLayout;
+    },
+    propsHiddenSet() {
+      return new Set(this.normalizeHiddenToArray(this.hideItems));
+    },
+    hideItemsComputed() {
+      const t = (this.tableItem || []).filter((n) => n && n.prop && !n.hide).map((n) => n.prop), e = new Set(this.columnChecked), a = t.filter((n) => !e.has(n)), s = this.normalizeHiddenToArray(this.hideItems);
+      return Array.from(/* @__PURE__ */ new Set([...s, ...a]));
+    },
+    hideItemsSet() {
+      return new Set(this.hideItemsComputed);
+    },
+    columnDisplayUseDialog() {
+      return (this.tableItem || []).filter((e) => e && e.prop && !e.hide).length > this.columnDisplayThreshold;
+    },
+    columnTransferData() {
+      return (this.tableItem || []).filter((t) => t && t.prop && !t.hide).map((t) => ({
+        key: t.prop,
+        label: t.label || t.prop,
+        disabled: this.isPropHiddenByProps(t.prop)
+      }));
+    },
+    columnStorageKey() {
+      return this.persistenceKey && this.persistenceKey.trim() || null;
+    },
+    storageKeyForDragTip() {
+      const t = this.dragTipStorageKey && this.dragTipStorageKey.trim();
+      return t || (this.dragTipScope === "instance" ? `baseTableDragTipSeen_v2_${this._uid}` : "baseTableDragTipSeen_v2");
+    }
+  },
+  watch: {
+    tableItem: {
+      handler() {
+        this.updateColumnChecked();
+      },
+      immediate: !0
+    },
+    hideItems: {
+      handler() {
+        this.updateColumnChecked();
+      }
+    },
+    columnChecked: {
+      handler(t) {
+        if (this.persistenceColumn && this.columnStorageKey)
+          try {
+            localStorage.setItem(this.columnStorageKey, JSON.stringify(t));
+          } catch (e) {
+            console.warn("EleScrollTable: Failed to save column settings", e);
+          }
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    this.handleResize(), this.resizeListener = () => this.handleResize(), window.addEventListener("resize", this.resizeListener), setTimeout(() => {
+      this.dragScrollController = $(this.$refs.elTableRef, {
+        onStart: this.dismissTip
+      }), this.dragScrollController && (this.dragScrollController.start(), this.checkDragTip());
+    }, 100);
+  },
+  beforeDestroy() {
+    this.resizeListener && window.removeEventListener("resize", this.resizeListener), this.dragScrollController && this.dragScrollController.stop();
+  },
+  methods: {
+    handleResize() {
+      this.isSmall = window.innerWidth < 768;
+    },
+    handleCurrentChange(t) {
+      this.$refs.elTableRef && this.$refs.elTableRef.bodyWrapper && (this.$refs.elTableRef.bodyWrapper.scrollTop = 0), this.$emit("update:paginationInfo", { ...this.paginationInfo, pageNum: t });
+    },
+    handleSizeChange(t) {
+      this.$refs.elTableRef && this.$refs.elTableRef.bodyWrapper && (this.$refs.elTableRef.bodyWrapper.scrollTop = 0), this.$emit("update:paginationInfo", { ...this.paginationInfo, pageSize: t });
+    },
+    sortChange(t) {
+      this.$refs.elTableRef && this.$refs.elTableRef.bodyWrapper && (this.$refs.elTableRef.bodyWrapper.scrollTop = 0), this.$emit("sortChange", t);
+    },
+    normalizeHiddenToArray(t) {
+      let e = t;
+      return Array.isArray(e) ? e.filter(Boolean) : e && typeof e == "object" ? Object.keys(e).filter((a) => e[a]) : [];
+    },
+    isPropHiddenByProps(t) {
+      return this.propsHiddenSet.has(t);
+    },
+    updateColumnChecked() {
+      const t = (this.tableItem || []).filter((s) => s && s.prop && !s.hide), e = t.filter((s) => !this.propsHiddenSet.has(s.prop)).map((s) => s.prop);
+      let a = null;
+      if (this.persistenceColumn && this.columnStorageKey)
+        try {
+          const s = localStorage.getItem(this.columnStorageKey);
+          s && (a = JSON.parse(s));
+        } catch (s) {
+          console.warn("EleScrollTable: Failed to read column settings", s);
+        }
+      if (a && Array.isArray(a)) {
+        const s = new Set(t.map((i) => i.prop)), n = a.filter((i) => s.has(i));
+        this.columnChecked = n;
+      } else
+        this.columnChecked = e;
+    },
+    triggerShowSearch() {
+      this.showPageSearch = !this.showPageSearch, this.$emit("toggleSearch", this.showPageSearch);
+    },
+    async copyText(t) {
+      if (!t) return !1;
+      try {
+        if (navigator && navigator.clipboard && navigator.clipboard.writeText)
+          return await navigator.clipboard.writeText(t), !0;
+        const e = document.createElement("textarea");
+        e.value = t, e.setAttribute("readonly", ""), e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.select();
+        const a = document.execCommand("copy");
+        return document.body.removeChild(e), a;
+      } catch {
+        return !1;
+      }
+    },
+    getCellCopyText(t, e, a) {
+      const s = e && e.property;
+      if (s) {
+        const i = t[s];
+        return i == null ? "" : String(i);
+      }
+      const n = a && a.target && a.target.closest && a.target.closest(".cell");
+      return n && n.innerText ? n.innerText.trim() : "";
+    },
+    async handleRowDblclick(t, e, a) {
+      if (!this.enableDblclickCopy) return;
+      const s = this.getCellCopyText(t, e, a);
+      if (!s) {
+        this.copyFeedback && this.$message.warning(this.copyLocale.empty);
+        return;
+      }
+      const n = await this.copyText(s);
+      this.copyFeedback && (n ? this.$message.success(this.copyLocale.success) : this.$message.error(this.copyLocale.failed));
+    },
+    checkDragTip() {
+      if (localStorage.getItem(this.storageKeyForDragTip) === "true") {
+        this.dragTipSeen = !0;
+        return;
+      }
+      this.checkHorizontalOverflow() && (this.scrollTipVisible = !0, setTimeout(() => {
+        this.scrollTipVisible && this.dismissTip();
+      }, 6e3));
+    },
+    checkHorizontalOverflow() {
+      const t = this.$refs.elTableRef ? this.$refs.elTableRef.$el : null;
+      if (!t) return !1;
+      const e = t.querySelector(".el-table__body-wrapper .el-scrollbar__wrap") || t.querySelector(".el-table__body-wrapper");
+      return e ? e.scrollWidth > e.clientWidth + 2 : !1;
+    },
+    dismissTip() {
+      this.scrollTipVisible && (this.scrollTipVisible = !1), this.dragTipSeen = !0, localStorage.setItem(this.storageKeyForDragTip, "true");
+    },
+    unFoldAll(t) {
+    }
+  }
+};
+var z = function() {
+  var e = this, a = e._self._c;
+  return a("div", { staticClass: "baseTable" }, [e.scrollTipVisible ? a("div", { staticClass: "drag-tip-overlay", on: { click: e.dismissTip } }, [a("div", { staticClass: "tip-content" }, [a("svg", { staticClass: "tip-icon", attrs: { viewBox: "0 0 1024 1024", width: "24", height: "24" } }, [a("path", { attrs: { d: "M512 64C335.264 64 192 207.264 192 384v256c0 176.736 143.264 320 320 320s320-143.264 320-320V384c0-176.736-143.264-320-320-320z m0 72c136.992 0 248 111.008 248 248v256c0 136.992-111.008 248-248 248s-248-111.008-248-248V384c0-136.992 111.008-248 248-248z m0 144c-19.872 0-36 16.128-36 36v128c0 19.872 16.128 36 36 36s36-16.128 36-36V316c0-19.872-16.128-36-36-36z", fill: "currentColor" } })]), a("span", { staticClass: "tip-text" }, [e._v("按住鼠标中键可横向拖动")])]), e._m(0)]) : e._e(), e.showHeader ? a("div", { ref: "headerRef", staticClass: "header" }, [e._t("header", function() {
+    return [a("div", { staticClass: "handle" }, [e._t("handleLeft")], 2), a("div", { staticClass: "handleRight" }, [e.headerButtons && e.headerButtons.length ? a("div", { staticClass: "table-search-button-group" }, [e.headerButtons.includes("columnDisplay") ? [e.columnDisplayUseDialog ? [a("el-button", { class: { "right-border": e.headerButtons.includes("comSearch") }, attrs: { plain: "", size: "small" }, on: { click: function(s) {
+      e.columnDialogVisible = !0;
+    } } }, [e._v(" 列设置 ")]), a("el-dialog", { attrs: { title: "列设置", visible: e.columnDialogVisible, width: "600px", "append-to-body": !0, "custom-class": "column-setting-dialog" }, on: { "update:visible": function(s) {
+      e.columnDialogVisible = s;
+    } } }, [a("div", { staticClass: "column-setting-body" }, [a("el-transfer", { attrs: { filterable: "", data: e.columnTransferData, titles: ["隐藏列", "显示列"] }, model: { value: e.columnChecked, callback: function(s) {
+      e.columnChecked = s;
+    }, expression: "columnChecked" } })], 1), a("span", { staticClass: "dialog-footer", attrs: { slot: "footer" }, slot: "footer" }, [a("el-button", { on: { click: function(s) {
+      e.columnDialogVisible = !1;
+    } } }, [e._v("关闭")])], 1)])] : a("el-dropdown", { staticClass: "column-display-dropdown", attrs: { "hide-on-click": !1, trigger: "click" } }, [a("el-button", { class: { "right-border": e.headerButtons.includes("comSearch") }, attrs: { plain: "", size: "small" } }, [e._v(" 列设置 ")]), a("el-dropdown-menu", { attrs: { slot: "dropdown" }, slot: "dropdown" }, [a("el-checkbox-group", { staticClass: "dropdown-checkbox-group", model: { value: e.columnChecked, callback: function(s) {
+      e.columnChecked = s;
+    }, expression: "columnChecked" } }, e._l(e.tableItem, function(s, n) {
+      return a("el-dropdown-item", { key: n }, [s.prop ? a("el-checkbox", { attrs: { label: s.prop, disabled: e.isPropHiddenByProps(s.prop) } }, [e._v(" " + e._s(s.label) + " ")]) : e._e()], 1);
+    }), 1)], 1)], 1)] : e._e(), e.headerButtons.includes("comSearch") ? a("el-tooltip", { attrs: { content: e.showPageSearch ? "关闭搜索" : "展开搜索", placement: "top" } }, [a("el-button", { attrs: { plain: "", size: "small", icon: "el-icon-search" }, on: { click: e.triggerShowSearch } }, [e._v(" 搜索 ")])], 1) : e._e()], 2) : e._e(), e._t("handleRight")], 2)];
+  })], 2) : e._e(), a("el-table", e._g(e._b({ ref: "elTableRef", staticClass: "elTable", staticStyle: { width: "100%" }, attrs: { data: e.dataList, border: e.border, "max-height": e.computedMaxHeight, stripe: "" }, on: { "sort-change": e.sortChange, "row-dblclick": e.handleRowDblclick } }, "el-table", e.elTableConfig, !1), e.tableListener), [e.showExpand ? a("el-table-column", { attrs: { type: "expand" }, scopedSlots: e._u([{ key: "default", fn: function({ row: s }) {
+    return [e._t("expand", null, { backData: s })];
+  } }], null, !0) }) : e._e(), e.showChoose ? a("el-table-column", e._b({ attrs: { type: "selection", width: "55", align: e.align } }, "el-table-column", e.selectionConfig, !1)) : e._e(), e.showIndex ? a("el-table-column", { attrs: { width: "55", align: e.align, label: "序号", type: "index" } }) : e._e(), e._l(e.tableItem, function(s) {
+    return !s.hide && (!s.prop || !e.hideItemsSet.has(s.prop)) ? a("TableColumn", { key: s.prop, attrs: { item: s, align: e.align, hideItems: e.hideItemsComputed }, scopedSlots: e._u([e._l(e.$scopedSlots, function(n, i) {
+      return { key: i, fn: function(r) {
+        return [e._t(i, null, null, r)];
+      } };
+    })], null, !0) }) : e._e();
+  })], 2), e.pagination ? a("div", { ref: "footerRef", staticClass: "footer lmw-pagination-footer", class: { isSmall: e.isSmall } }, [e._t("footer", function() {
+    return [a("el-pagination", { attrs: { "current-page": e.paginationInfo.pageNum, "page-size": e.paginationInfo.pageSize, "page-sizes": [20, 50, 100, 200, 300], layout: e.paginationLayoutComputed, total: e.listCount, "pager-count": e.isSmall ? 5 : 7, background: "", "hide-on-single-page": "" }, on: { "size-change": e.handleSizeChange, "current-change": e.handleCurrentChange } })];
+  })], 2) : e._e()], 1);
+}, D = [function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "tip-close" }, [e("i", { staticClass: "el-icon-close", staticStyle: { "font-size": "14px" } })]);
+}], H = /* @__PURE__ */ h(
+  x,
+  z,
+  D,
+  !1,
+  null,
+  "2669d7a9"
+);
+const _ = H.exports, R = {
+  name: "BaseMobileTable",
+  props: {
+    dataList: {
+      type: Array,
+      default: () => []
+    },
+    tableItem: {
+      type: Array,
+      default: () => []
+    },
+    tableListener: {
+      type: Object,
+      default: () => ({})
+    },
+    showChoose: {
+      type: Boolean,
+      default: !1
+    },
+    pagination: {
+      type: Boolean,
+      default: !0
+    },
+    listCount: {
+      type: Number,
+      default: 0
+    },
+    paginationInfo: {
+      type: Object,
+      default: () => ({ pageNum: 1, pageSize: 10 })
+    },
+    paginationLayout: {
+      type: String,
+      default: "prev, pager, next"
+    },
+    hideItems: {
+      type: [Array, Object],
+      default: () => ({})
+    },
+    showBacktop: {
+      type: Boolean,
+      default: !0
+    },
+    visibilityHeight: {
+      type: Number,
+      default: 100
+    },
+    selectionConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    tableLayout: {
+      type: Object,
+      default: () => ({
+        xl: 6,
+        lg: 8,
+        md: 12,
+        sm: 12,
+        xs: 24
+      })
+    }
+  },
+  data() {
+    return {
+      headerItem: [],
+      centerItem: [],
+      footerItem: [],
+      checkList: []
+    };
+  },
+  computed: {
+    isCheckAll() {
+      return this.checkList.length === this.dataList.length;
+    }
+  },
+  watch: {
+    tableItem: {
+      handler() {
+        this.filterTableItems();
+      },
+      immediate: !0
+    }
+  },
+  directives: {
+    "show-footer": {
+      inserted: (t) => {
+        t.querySelectorAll("*").length <= 1 ? (t.setAttribute("hiden", ""), t.style.display = "none") : (t.removeAttribute("hiden"), t.style.display = "");
+      },
+      componentUpdated: (t) => {
+        t.querySelectorAll("*").length <= 1 ? (t.setAttribute("hiden", ""), t.style.display = "none") : (t.removeAttribute("hiden"), t.style.display = "");
+      }
+    }
+  },
+  methods: {
+    filterTableItems() {
+      this.headerItem = [], this.centerItem = [], this.footerItem = [], this.tableItem.forEach((t) => {
+        t.mobileSlot === "header" && this.headerItem.push({
+          ...t,
+          slotName: t.slotName || t.prop + "Header"
+        }), (t.mobileSlot === "footer" || t.prop === "todo") && this.footerItem.push({
+          ...t,
+          slotName: t.slotName || t.prop + "Slot"
+        }), t.mobileSlot || this.centerItem.push({
+          ...t,
+          slotName: t.slotName || t.prop + "Content"
+        });
+      });
+    },
+    handleToTop() {
+      const t = document.querySelector(".el-main");
+      t && t.scrollTo(0, 0), this.$emit("update:paginationInfo", this.paginationInfo);
+    },
+    isHiddenItem(t) {
+      let e = !1;
+      return Array.isArray(this.hideItems) && this.hideItems.includes(t.prop) && (e = !0), e;
+    },
+    cardHeaderClick(t) {
+      this.$emit("cardHeaderClick", t);
+    },
+    selectionChange(t) {
+      this.$emit("selectionChange", t);
+    },
+    hasSlot(t, e) {
+      return e.some((a) => this.$slots[a] || this.$scopedSlots[a]);
+    },
+    checkAll() {
+      this.isCheckAll ? this.checkList = [] : this.checkList = [...this.dataList], this.selectionChange(this.checkList);
+    }
+  }
+};
+var A = function() {
+  var e = this, a = e._self._c;
+  return a("div", { staticClass: "mobileContent" }, [e.hasSlot(e.$slots, ["handleLeft", "handleRight"]) ? a("div", { staticClass: "mb12 header" }, [a("el-scrollbar", [a("div", { staticClass: "headerContent" }, [e._t("header", function() {
+    return [a("div", { staticClass: "handleRight" }, [e._t("handleLeft")], 2), a("div", { staticClass: "handleRight" }, [e._t("handleRight")], 2)];
+  })], 2)])], 1) : e._e(), e.dataList.length !== 0 ? a("div", { staticClass: "dataList" }, [a("el-checkbox-group", { on: { change: e.selectionChange }, model: { value: e.checkList, callback: function(s) {
+    e.checkList = s;
+  }, expression: "checkList" } }, [a("el-row", { attrs: { gutter: 12 } }, e._l(e.dataList, function(s, n) {
+    return a("el-col", e._b({ key: n, staticClass: "mb12" }, "el-col", e.tableLayout, !1), [a("div", { staticClass: "data-card overlayColor" }, [e._l(e.headerItem, function(i) {
+      return [!e.isHiddenItem(i) && !i.hide ? a("div", { key: i.prop, staticClass: "card-header" }, [a("div", { staticClass: "order-number" }, [e._t(i.slotName + "Header", function() {
+        return [a("div", { staticClass: "label" }, [e._v(e._s(i.label) + "：")])];
+      }, { backData: Object.assign({}, s, { column: i }) }), e._t(i.slotName, function() {
+        return [a("div", { staticClass: "value", on: { click: function(r) {
+          return e.cardHeaderClick(s);
+        } } }, [e._v(" " + e._s(s[i.prop]) + " ")])];
+      }, { backData: Object.assign({}, s, { column: i }) })], 2), e.showChoose ? a("el-checkbox", { staticClass: "checkSize", attrs: { label: s, disabled: e.selectionConfig.selectable && !e.selectionConfig.selectable(s) } }, [e._v("   ")]) : e._e()], 1) : e._e()];
+    }), a("div", { staticClass: "info-list" }, [a("div", { staticClass: "info-row" }, [e._l(e.centerItem, function(i) {
+      return [!e.isHiddenItem(i) && !i.hide ? a("div", { key: i.prop, staticClass: "info-item", class: {
+        "full-width": i.width >= 160 || i.minWidth >= 160
+      } }, [i.prop !== "todo" ? [e._t(i.slotName + "Header", function() {
+        return [a("span", { staticClass: "label" }, [e._v(" " + e._s(i.label) + "： ")])];
+      }, { backData: Object.assign({}, s, { column: i }) }), e._t(i.slotName, function() {
+        return [a("span", { staticClass: "value" }, [e._v(e._s(s[i.prop]))])];
+      }, { backData: Object.assign({}, s, { column: i }) })] : e._e()], 2) : e._e()];
+    })], 2)]), a("div", { directives: [{ name: "show-footer", rawName: "v-show-footer" }], staticClass: "card-footer mobileFooter" }, [e._l(e.footerItem, function(i) {
+      return [e.isHiddenItem(i) ? e._e() : e._t(i.slotName, null, { backData: Object.assign({}, s, { column: i }) })];
+    })], 2)], 2)]);
+  }), 1)], 1)], 1) : a("el-empty", { staticClass: "overlayColor", attrs: { description: "暂无数据" } }), e.pagination && e.listCount > e.paginationInfo.pageSize ? a("div", { staticClass: "footer lmw-pagination-footer" }, [a("span", { staticClass: "mr2" }, [e._v(" " + e._s(e.listCount) + "条 ")]), a("el-pagination", { attrs: { "current-page": e.paginationInfo.pageNum, "page-size": e.paginationInfo.pageSize, layout: e.paginationLayout, total: e.listCount, "pager-count": 5, background: "", "hide-on-single-page": "" }, on: { "size-change": e.handleToTop, "current-change": e.handleToTop, "update:currentPage": function(s) {
+    return e.$set(e.paginationInfo, "pageNum", s);
+  }, "update:current-page": function(s) {
+    return e.$set(e.paginationInfo, "pageNum", s);
+  }, "update:pageSize": function(s) {
+    return e.$set(e.paginationInfo, "pageSize", s);
+  }, "update:page-size": function(s) {
+    return e.$set(e.paginationInfo, "pageSize", s);
+  } } })], 1) : e._e(), a("el-backtop", { attrs: { target: ".el-main", right: 10, bottom: 100, "visibility-height": e.visibilityHeight } })], 1);
+}, B = [], N = /* @__PURE__ */ h(
+  R,
+  A,
+  B,
+  !1,
+  null,
+  "f2686979"
+);
+const C = N.exports, O = [_, C], v = function(t) {
+  O.forEach((e) => {
+    e.name && t.component(e.name, e);
+  });
+};
+typeof window < "u" && window.Vue && v(window.Vue);
+const j = {
+  install: v,
+  Table: _,
+  MoblieTable: C
+};
+export {
+  C as MoblieTable,
+  _ as Table,
+  j as default
+};

package/dist/ele-scroll-table-vue2.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .baseTable[data-v-2669d7a9]{position:relative}.drag-tip-overlay[data-v-2669d7a9]{position:absolute;top:20px;right:20px;z-index:2000;display:flex;align-items:center;gap:16px;background:#000000d9;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #0000004d;border-radius:30px;padding:12px 20px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.drag-tip-overlay[data-v-2669d7a9]:hover{background:#000000f2;transform:scale(1.05)}.tip-content[data-v-2669d7a9]{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:600}.tip-icon[data-v-2669d7a9]{color:#409eff;animation:scrollIconAnim-2669d7a9 2s ease-in-out infinite;display:block}.tip-close[data-v-2669d7a9]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff3;color:#ddd}.tip-close[data-v-2669d7a9]:hover{background:#fff6;color:#fff}@keyframes scrollIconAnim-2669d7a9{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.header[data-v-2669d7a9]{position:relative;overflow-x:auto;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;background-color:#f5f7fa;border:1px solid #EBEEF5;border-bottom:none;padding:13px 15px;font-size:14px}.handleRight[data-v-2669d7a9]{display:flex;align-items:center}.table-search-button-group[data-v-2669d7a9]{display:flex;align-items:center;gap:8px}.table-search-button-group>*[data-v-2669d7a9]{margin-left:8px}.table-search-button-group>*[data-v-2669d7a9]:first-child{margin-left:0}.column-display-dropdown[data-v-2669d7a9]{margin-right:0}.dropdown-checkbox-group[data-v-2669d7a9]{padding:5px 0}.el-dropdown-menu__item .el-checkbox[data-v-2669d7a9]{display:block;margin-right:0}.column-setting-body[data-v-2669d7a9]{height:400px;display:flex;justify-content:center}.column-setting-body .el-transfer[data-v-2669d7a9]{display:flex;align-items:center}.footer[data-v-2669d7a9]{background-color:#f5f7fa;border:1px solid #EBEEF5;border-top:none;padding:10px;display:flex;justify-content:flex-end}.header[data-v-f2686979]{border:1px solid #ebeef5;background-color:#fff;font-size:14px;padding:12px 12px 0}.headerContent[data-v-f2686979]{padding-bottom:12px}.data-card[data-v-f2686979]{border-radius:12px;line-height:32px;border:1px solid #ebeef5;overflow:hidden;height:100%;background-color:#fff}.checkSize[data-v-f2686979] .el-checkbox__inner{height:18px;width:18px}.checkSize[data-v-f2686979] .el-checkbox__inner:after{left:5px;width:5px;height:10px}.card-header[data-v-f2686979]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #ebeef5}.card-header .order-number[data-v-f2686979]{display:flex;font-size:15px;overflow:hidden}.card-header .order-number .label[data-v-f2686979]{max-width:90px;color:#303133;font-weight:500}.card-header .order-number .value[data-v-f2686979]{color:#409eff;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;cursor:pointer}.info-list[data-v-f2686979]{padding:16px}.info-list .info-row[data-v-f2686979]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 24px}.info-list .info-item[data-v-f2686979]{display:flex;align-items:center;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden}.info-list .info-item.full-width[data-v-f2686979]{grid-column:1/-1}.info-list .info-item .label[data-v-f2686979]{color:#666;margin-right:4px}.info-list .info-item .value[data-v-f2686979]{color:#303133;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-footer[data-v-f2686979]{display:flex;justify-content:flex-end;flex-wrap:wrap;padding:10px 12px}.card-footer[data-v-f2686979] .el-button{margin:4px!important}.card-footer[hiden][data-v-f2686979]{display:none!important}@media screen and (max-width: 768px){.info-list[data-v-f2686979]{padding:12px}.info-list .info-row[data-v-f2686979]{grid-template-columns:repeat(2,1fr);gap:8px}.info-item[data-v-f2686979]{font-size:13px}.card-footer[data-v-f2686979]{padding:8px 12px;flex-wrap:wrap}}@media screen and (max-width: 375px){.info-list .info-row[data-v-f2686979]{grid-template-columns:1fr}}.footer[data-v-f2686979]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.footer[data-v-f2686979] .el-pager li{margin:0 1px}.footer[data-v-f2686979] .btn-prev{margin:0 2px}.footer[data-v-f2686979] .btn-next{margin:0 0 0 2px}.footer[data-v-f2686979] .el-pagination{padding:0}.footer[data-v-f2686979] .el-pagination .el-pager li,.footer[data-v-f2686979] .el-pagination button{height:28px;min-width:28px;line-height:28px}.footer[data-v-f2686979]{background-color:#fff;padding:8px}

package/package.json ADDED Viewed

@@ -0,0 +1,35 @@
+{
+  "name": "ele-scroll-table-vue2",
+  "version": "0.1.5",
+  "type": "module",
+  "main": "./dist/ele-scroll-table-vue2.umd.cjs",
+  "module": "./dist/ele-scroll-table-vue2.mjs",
+  "style": "./dist/style.css",
+  "exports": {
+    ".": {
+      "import": "./dist/ele-scroll-table-vue2.mjs",
+      "require": "./dist/ele-scroll-table-vue2.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite --host 0.0.0.0 --port 5174",
+    "build": "vite build",
+    "prepublishOnly": "npm run build",
+    "release": "npm version patch && npm publish"
+  },
+  "peerDependencies": {
+    "vue": ">=2.6.0",
+    "element-ui": ">=2.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue2": "^2.3.0",
+    "vite": "^5.0.0",
+    "vue": "^2.7.0",
+    "element-ui": "^2.15.0",
+    "sass": "^1.70.0"
+  }
+}