gds-plus-design-vue 1.2.62 → 1.2.71

package/lib/components.tablevirtual.66890b2c.mjs

@@ -0,0 +1,564 @@
+import { t as p } from "./utils.util.js.333daba2.mjs";
+import { m as g, n as m } from "./components.chartbi.571c5ff5.mjs";
+const y = {
+  name: "GdTableVirtual",
+  props: Object.assign(
+    {},
+    {
+      record: {
+        type: Object,
+        default: () => ({})
+      },
+      dataSource: {
+        type: Function,
+        required: !0
+      },
+      size: {
+        type: String,
+        default: "small"
+      },
+      rowKey: {
+        type: [String, Function],
+        default: "id"
+      },
+      amount: {
+        type: Function
+      },
+      load: {
+        type: Function
+      },
+      tableTree: {
+        type: Boolean,
+        default: !1
+      },
+      lazy: {
+        type: Boolean,
+        default: !1
+      },
+      border: {
+        type: Boolean,
+        default: !0
+      },
+      columns: {
+        type: Array,
+        default: () => []
+      },
+      cellStyle: {
+        type: Function
+      },
+      cellClassName: {
+        type: Function
+      },
+      rowClassName: {
+        type: Function
+      },
+      defaultExpandedKeys: {
+        type: Array,
+        default: () => []
+      },
+      selectedRowKeys: {
+        type: Array,
+        default: () => []
+      },
+      selectedKeep: {
+        type: Boolean,
+        default: !1
+      },
+      height: {
+        type: Number,
+        default: 0
+      },
+      maxHeight: {
+        type: Number,
+        default: 0
+      },
+      indent: {
+        type: Number,
+        default: 16
+      },
+      pageSize: {
+        type: Number,
+        default: 10
+      },
+      pageSizes: {
+        type: Array,
+        default: () => [10, 20, 30, 40, 50, 100, 200, 500]
+      },
+      tableExpand: {
+        type: Array,
+        default: () => []
+      },
+      defaultExpandAll: {
+        type: Boolean,
+        default: !1
+      },
+      method: {
+        type: Boolean,
+        default: !1
+      },
+      columnKey: {
+        type: String,
+        default: ""
+      },
+      showSummary: {
+        type: Boolean,
+        default: !1
+      },
+      headerCellStyle: {
+        type: [Object, Function],
+        default: () => ({})
+      },
+      showPagination: {
+        type: Boolean,
+        default: !0
+      },
+      initialLoading: {
+        type: Boolean,
+        default: !0
+      },
+      filtering: {
+        type: Boolean,
+        default: !1
+      },
+      isGather: {
+        type: Boolean,
+        default: !1
+      },
+      disabledRowId: {
+        type: Array,
+        default: () => []
+      },
+      disabledRefresh: {
+        type: Boolean,
+        default: !1
+      },
+      disabledColumnSettings: {
+        type: Boolean,
+        default: !1
+      },
+      stripe: {
+        type: Boolean,
+        default: !0
+      },
+      rowHeight: {
+        type: Number,
+        default: 25
+      }
+    }
+  ),
+  computed: {
+    getHeaderCellStyle() {
+      return Object.assign({ background: this.fadeColor(this.primaryColor, 0.05) }, this.headerCellStyle);
+    },
+    getRowHeight() {
+      let t = 0;
+      return this.rowHeight + t;
+    },
+    fadeColord() {
+      return this.fadeColor(this.primaryColor, 0.3);
+    },
+    getColumns() {
+      let t = 0, e = this.columnsSetting.filter((d) => {
+        const n = d.checked === void 0 || d.checked, i = this.columns.filter((c) => c.prop === d.prop)[0], r = i ? i.owidth ? i.owidth : i.width ? i.width : i.minWidth ? i.minWidth : "150" : "150";
+        return i && i.width && !d.width && (d.width = i.width), i && i.minWidth && !d.minWidth && (d.minWidth = i.minWidth), n && (t += Number(r)), n;
+      });
+      if (this.wid === 0 || e.filter((d) => d.width || d.minWidth).length !== e.length)
+        return e;
+      const s = t - this.wid, a = e[e.length - 1], o = a ? a.width ? Number(a.width) : a.minWidth ? Number(a.minWidth) : 0 : 0;
+      if (s < 0) {
+        const d = e.length === 0 ? 0 : Math.floor(Math.abs(s) / e.length);
+        e.filter((n) => (n.width && !["selection", "selection-radio"].includes(n.type) && (n.width = d + Number(n.owidth)), a.prop === n.prop && delete n.width, n));
+      } else
+        s < o && (a.minWidth || a.width) && (a.width = o);
+      return e;
+    },
+    selectionType() {
+      const t = this.columns.filter((e) => e.type === "selection" || e.type === "selection-radio")[0];
+      return t ? t.type === "selection" ? "checkbox" : "radio" : null;
+    },
+    hasClear() {
+      let t = [];
+      for (let e in this.sorter)
+        t.push(e);
+      return t.length;
+    },
+    dropdownActive() {
+      return `background-color: ${this.fadeColor(this.primaryColor, 0.1)};color:${this.primaryColor}`;
+    },
+    totalPages() {
+      return Math.ceil(this.total / this.pageSized);
+    },
+    ...g(["primaryColor", "language", "screenWidth", "multiTab"])
+  },
+  data() {
+    return {
+      tableData: [],
+      loading: !1,
+      customSize: this.size,
+      keyValue: null,
+      currentRow: "",
+      total: 0,
+      sorter: {},
+      state: !1,
+      currentPage: 1,
+      pageSized: this.pageSize,
+      columnsSetting: [],
+      visibleFilter: !1,
+      frozenColumn: 0,
+      wid: 0
+    };
+  },
+  watch: {
+    screenWidth() {
+      this.$nextTick(() => {
+        this.getWid(), setTimeout(() => {
+          this.$refs.refTable.doLayout();
+        }, 0);
+      });
+    },
+    tableExpand: {
+      handler() {
+        const t = this.$refs.refTable, e = this.getChildRens(this.tableData);
+        p(JSON.parse(JSON.stringify(this.tableData)), "children").map((s) => {
+          e.includes(s.id) ? t.toggleRowExpansion(s, !1) : t.toggleRowExpansion(s, !0);
+        });
+      },
+      deep: !0
+    },
+    tableData: {
+      handler() {
+        this.keyValue = void 0, this.numbers = 0;
+      },
+      deep: !0
+    },
+    language: {
+      handler() {
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.$refs.refTable.doLayout();
+          }, 0);
+        });
+      },
+      deep: !0
+    },
+    size: {
+      handler(t) {
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.customSize = t, this.$refs.refTable.doLayout(), this.getWid();
+          }, 0);
+        });
+      },
+      deep: !0
+    },
+    "$route.path"(t, e) {
+      t !== e && this.multiTab && this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.refTable && this.$refs.refTable.doLayout();
+        }, 0);
+      });
+    }
+  },
+  methods: {
+    doLayout() {
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.refTable.doLayout();
+        }, 0);
+      });
+    },
+    getWid() {
+      let t = this.$refs.reftables;
+      this.wid = t ? t.clientWidth : this.wid;
+    },
+    setTableData(t, e = !1) {
+      this.tableData = t, this.loading = e;
+    },
+    selecTables(t, e) {
+      return !this.disabledRowId.includes(t.id);
+    },
+    changeFilter(t) {
+      this.visibleFilter = t;
+    },
+    closeFilter() {
+      this.$refs.filterdropdown.doClose();
+    },
+    cellClassNamed({ row: t, rowIndex: e }) {
+      return this.cellClassName && typeof this.cellClassName == "function" ? this.cellClassName({ row: t, rowIndex: e }) : "";
+    },
+    rowClassNamed({ row: t, rowIndex: e }) {
+      return this.rowClassName && typeof this.rowClassName == "function" ? this.rowClassName({ row: t, rowIndex: e }) : "";
+    },
+    columnChange(t) {
+      this.columns.filter((a) => a.fixed);
+      let e = [...t], l = 1;
+      return e.forEach((a, o) => {
+        e[o].fixed = !1, l < this.frozenColumn && a.checked && (e[o].fixed = !0, l++);
+      }), e.filter((a) => ["selection", "selection-radio"].includes(a.type) ? !1 : a.checked).length === 0 && (e = JSON.parse(JSON.stringify(e))), this.$emit("columnChange", e), this.columnsSetting = e, new Promise((a, o) => {
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.$refs.refTable.doLayout(), a();
+          }, 0);
+        });
+      });
+    },
+    summaries(t) {
+      return this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.refTable && this.$refs.refTable.doLayout();
+        }, 10);
+      }), this.amount(t);
+    },
+    spanMethod({ row: t, column: e }) {
+      if (e.property === this.columnKey) {
+        let l = 0, s = 0;
+        if (this.keyValue !== t[this.columnKey]) {
+          for (; l < this.tableData.length; )
+            this.tableData[l][this.columnKey] === t[this.columnKey] && s++, l++;
+          this.keyValue = t[this.columnKey];
+        } else
+          s = 0;
+        return {
+          rowspan: s,
+          colspan: 1
+        };
+      }
+    },
+    handlerClick(t) {
+      this.$emit("handlerClick", t);
+    },
+    handleButton(t, e, l) {
+      this.$emit("handleButton", {
+        methods: t,
+        row: e
+      });
+    },
+    handleFilterChange(t) {
+      this.$emit("handleFilterChange", t);
+    },
+    handleSelectionChange(t) {
+      if (!this.loading) {
+        const e = this.rowKey || "index";
+        let l = [];
+        t.forEach((s, a) => {
+          l.push(s[e]);
+        }), this.$emit("onChange", l, t);
+        return;
+      }
+      this.selectedKeep && this.$emit("onChange", this.selectedRowKeys, []);
+    },
+    changRadio(t) {
+      if (this.loading)
+        return;
+      const e = this.rowKey || "index", l = this.tableData.filter((s) => s[e] === t)[0];
+      this.$emit("onChange", [l[e]], [l]);
+    },
+    handleSelect(t, e) {
+      this.$emit("handleSelect", t, e);
+    },
+    selectAll(t) {
+      this.$emit("selectAll", t);
+    },
+    rowClick(t, e, l) {
+      this.$emit("rowClick", t, e);
+    },
+    handleSizeChange(t) {
+      this.pageSized = t, this.currentPage > this.totalPages && (this.currentPage = this.totalPages), this.selectedKeep || this.$emit("onChange", [], []), this.loadData();
+    },
+    handleCurrentChange(t) {
+      this.currentPage = t, this.selectedKeep || this.$emit("onChange", [], []), this.loadData();
+    },
+    expandChange(t, e) {
+      this.$emit("expandChange", { val: t, expanded: e });
+    },
+    getChildRens(t) {
+      const e = [];
+      return t.map((l) => {
+        if (this.tableExpand.includes(l.id) || e.push(l.id), Object.prototype.hasOwnProperty.call(l, "children")) {
+          const s = this.getChildRens(l.children);
+          e.push(...s);
+        }
+      }), e;
+    },
+    handleCurrentRowChange(t) {
+      this.$emit("handleCurrentRowChange", t);
+    },
+    handleHeaderDragEnd() {
+      this.$nextTick(() => {
+        this.$refs.refTable.doLayout();
+      });
+    },
+    changColumnHeight(t) {
+      this.customSize = t, this.$nextTick(() => {
+        this.$refs.refTable.doLayout();
+      });
+    },
+    sortChange({ prop: t, order: e }) {
+      this.sorter = e ? { sortField: t, sortOrder: e.replace("ending", "") } : {}, this.loadData();
+    },
+    loadData() {
+      if (this.loading)
+        return;
+      this.loading = !0;
+      const t = this.dataSource(Object.assign({ ...this.sorter }, { pageNo: this.currentPage, pageSize: this.pageSized }));
+      (typeof t == "object" || typeof t == "function") && typeof t.then == "function" ? t.then((e) => {
+        let l = e && e.rows ? e.rows : [];
+        this.tableData = l, this.currentPage = e.pageno, this.total = e.totalrows, this.getWid(), this.toggleRowSelection();
+      }) : this.loading = !1;
+    },
+    loadColumns() {
+      return new Promise((t) => {
+        this.$nextTick(() => {
+          this.columnsSetting = [...this.columns], this.$emit("columnChange", this.columnsSetting);
+          const e = this.columns.filter((l) => l.fixed);
+          this.frozenColumn = e.length, setTimeout(() => {
+            this.$refs.columnSettings.init(), this.$refs.refTable.doLayout(), t(!0);
+          }, 0);
+        });
+      });
+    },
+    setLoadData(t) {
+      this.tableData = [...t], this.total = t.length;
+    },
+    getLoadData() {
+      return new Promise((t, e) => {
+        t(this.tableData);
+      });
+    },
+    toggleRowSelectioClear(t) {
+      if (!this.selectionType) {
+        this.loading = !1;
+        return;
+      }
+      this.selectionType === "radio" && (this.currentRow = t[0] ? t[0] : ""), this.$nextTick(async () => {
+        setTimeout(async () => {
+          const e = this.rowKey || "index";
+          let l = [];
+          const s = (i, r) => (i = i.filter((c, h) => (t.includes(c[e]) && l.push(c), c.children && c.children.length > 0 && s(c.children), !0)), i);
+          await s(this.tableData);
+          const a = t.filter((i) => {
+            let r = null;
+            return this.tableData.filter((c) => {
+              if (i === c[e] && (r = c), c.children && c.children.length > 0) {
+                const h = c.children.filter((f) => i === f[e])[0];
+                r = h || r;
+              }
+              return !0;
+            })[0], !r;
+          });
+          let o = [];
+          for (let i = 0; i < a.length; i++) {
+            let r = /* @__PURE__ */ new Map();
+            r.set(e, a[i]), o.push(Object.fromEntries(r));
+          }
+          const d = l.concat(o);
+          let n = [];
+          for (let i = 0; i < d.length; i++) {
+            let r = new Promise((c, h) => {
+              this.$refs.refTable.toggleRowSelection(d[i], !1), c(i);
+            });
+            n.push(r);
+          }
+          Promise.all(n).then((i) => {
+            this.loading = !1;
+          });
+        }, 10);
+      });
+    },
+    async toggleRowSelection() {
+      if (!this.selectionType) {
+        this.loading = !1;
+        return;
+      }
+      this.selectionType === "radio" && (this.currentRow = this.selectedRowKeys[0] ? this.selectedRowKeys[0] : ""), this.$nextTick(async () => {
+        setTimeout(async () => {
+          const t = this.rowKey || "index";
+          let e = [];
+          const l = (n, i) => (n = n.filter((r, c) => (this.selectedRowKeys.includes(r[t]) && e.push(r), r.children && r.children.length > 0 && l(r.children), !0)), n);
+          await l(this.tableData);
+          const s = this.selectedRowKeys.filter((n) => !this.tableData.filter((r) => n === r[t])[0]);
+          let a = [];
+          for (let n = 0; n < s.length; n++) {
+            let i = /* @__PURE__ */ new Map();
+            i.set(t, s[n]), a.push(Object.fromEntries(i));
+          }
+          const o = e.concat(a);
+          let d = [];
+          for (let n = 0; n < o.length; n++) {
+            let i = new Promise((r, c) => {
+              this.$refs.refTable.toggleRowSelection(o[n], !0), r(n);
+            });
+            d.push(i);
+          }
+          Promise.all(d).then((n) => {
+            this.loading = !1;
+          });
+        }, 10);
+      });
+    },
+    refresh(t = !0) {
+      !this.selectedKeep && t && this.$emit("onChange", [], []), t && (this.currentPage = 1), this.loadData();
+    },
+    clearAll() {
+      if (this.state || this.loading)
+        return;
+      let t = [];
+      for (let e in this.sorter)
+        t.push(e);
+      t.length !== 0 && (this.state = !0, this.sorter = {}, this.$refs.refTable.clearSort(), this.$refs.refTable.clearFilter(), setTimeout(() => {
+        this.refresh(), this.state = !1;
+      }, 100));
+    },
+    fadeColor(t, e) {
+      let l = parseInt(t.substring(1, 3), 16), s = parseInt(t.substring(3, 5), 16), a = parseInt(t.substring(5, 7), 16);
+      return `rgba(${l},${s},${a},${e})`;
+    }
+  },
+  created() {
+    this.columnsSetting = [...this.columns];
+    const t = this.columns.filter((e) => e.fixed);
+    this.frozenColumn = t.length, this.initialLoading && this.loadData();
+  }
+};
+var b = function() {
+  var e = this, l = e._self._c;
+  return l("div", { ref: "reftables", staticClass: "gd-tables", style: { "--theme": e.primaryColor, "--fadecolor": e.fadeColord }, attrs: { id: "reftables" } }, [l("div", { staticClass: "tables-tool" }, [l("div", { staticClass: "tables-tool-l" }, [e._t("operator")], 2), l("div", { staticClass: "tables-tool-r" }, [e.hasClear ? l("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.basics.reset", "\u91CD\u7F6E"), placement: "bottom" } }, [l("i", { staticClass: "el-icon-brush", on: { click: e.clearAll } })]) : e._e(), e.filtering ? l("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.basics.screen", "\u7B5B\u9009"), placement: "bottom" } }, [l("el-popover", { ref: "filterdropdown", attrs: { trigger: "click", placement: "bottom" }, on: { show: function(s) {
+    return e.changeFilter(!0);
+  }, hide: function(s) {
+    return e.changeFilter(!1);
+  } } }, [l("span", { staticClass: "el-dropdown-link", attrs: { slot: "reference" }, slot: "reference" }, [l("i", { staticClass: "gd-icons gd-icon-a-guangqi_guolv11x" })]), l("div", [e._t("filtering", null, { columns: e.columns, height: e.height, colse: e.closeFilter, visible: e.visibleFilter })], 2)])], 1) : e._e(), e.isGather ? l("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.basics.chart", "\u56FE\u8868"), placement: "bottom" } }, [l("i", { staticClass: "gd-icons gd-icon-zhuzhuangtu", on: { click: function(s) {
+    return e.$emit("baseSeecharts");
+  } } })]) : e._e(), e.disabledRefresh ? e._e() : l("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.basics.refresh", "\u5237\u65B0"), placement: "bottom" } }, [l("i", { staticClass: "el-icon-refresh", on: { click: function(s) {
+    return e.refresh(!1);
+  } } })]), l("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.basics.density", "\u5BC6\u5EA6"), placement: "bottom" } }, [l("el-dropdown", { attrs: { trigger: "click", placement: "bottom" }, on: { command: e.changColumnHeight } }, [l("span", { staticClass: "el-dropdown-link" }, [l("i", { staticClass: "el-icon-s-operation" })]), l("el-dropdown-menu", { attrs: { slot: "dropdown" }, slot: "dropdown" }, [l("el-dropdown-item", { style: e.customSize === "medium" ? e.dropdownActive : "", attrs: { command: "medium" } }, [e._v(" " + e._s(e.$i18nt("gd.basics.default", "\u9ED8\u8BA4")) + " ")]), l("el-dropdown-item", { style: e.customSize === "small" ? e.dropdownActive : "", attrs: { command: "small" } }, [e._v(" " + e._s(e.$i18nt("gd.basics.secondary", "\u4E2D\u7B49")) + " ")]), l("el-dropdown-item", { style: e.customSize === "mini" ? e.dropdownActive : "", attrs: { command: "mini" } }, [e._v(" " + e._s(e.$i18nt("gd.basics.compact", "\u7D27\u51D1")) + " ")])], 1)], 1)], 1), e.disabledColumnSettings ? e._e() : l("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.basics.columnSettings", "\u5217\u8BBE\u7F6E"), placement: "bottom" } }, [l("el-dropdown", { attrs: { trigger: "click", placement: "bottom" } }, [l("span", { staticClass: "el-dropdown-link" }, [l("i", { staticClass: "el-icon-setting" })]), l("el-dropdown-menu", { attrs: { slot: "dropdown" }, slot: "dropdown" }, [l("gd-column-settings", { ref: "columnSettings", attrs: { columns: e.columns, height: e.height }, on: { columnChange: e.columnChange } })], 1)], 1)], 1)], 1)]), l("u-table", { directives: [{ name: "loading", rawName: "v-loading", value: e.loading, expression: "loading" }], ref: "refTable", staticClass: "table", class: e.border ? "" : "table-border", staticStyle: { width: "100%" }, attrs: { "row-height": e.getRowHeight, "use-virtual": "", stripe: e.stripe, "row-key": e.rowKey, "expand-row-keys": e.tableExpand, "tree-props": e.tableTree ? { children: "children", hasChildren: "isLeaf" } : void 0, tooltip: !0, border: e.border, size: e.customSize, indent: e.indent, lazy: e.lazy, "show-summary": e.showSummary, "summary-method": e.summaries, "default-expand-all": e.defaultExpandAll, "virtual-scroll": !0, "element-loading-background": "rgba(255, 255, 255, 0.8)", "element-loading-spinner": "el-icon-loading", data: e.tableData, "cell-style": e.cellStyle, height: e.height || null, "max-height": e.maxHeight || null, "default-sort": { prop: "id", order: null }, load: e.lazy ? e.load : null, "span-method": e.method ? e.spanMethod : null, "header-cell-style": e.getHeaderCellStyle, "cell-class-name": e.cellClassNamed, "row-class-name": e.rowClassNamed }, on: { "sort-change": e.sortChange, "filter-change": e.handleFilterChange, "selection-change": e.handleSelectionChange, "row-click": e.rowClick, "expand-change": e.expandChange, "select-all": e.selectAll, select: e.handleSelect, "current-change": e.handleCurrentRowChange, "header-dragend": e.handleHeaderDragEnd } }, [e._l(e.getColumns, function(s, a) {
+    return [s.type == "selection" ? [l("u-table-column", { attrs: { type: "selection", width: s.width, fixed: s.fixed ? s.fixed : !1, align: s.align ? s.align : "center", selectable: e.selecTables } })] : s.type == "selection-radio" ? [l("u-table-column", { key: s.key ? s.key : a, attrs: { width: s.width, label: "", fixed: s.fixed ? s.fixed : !1, align: s.align ? s.align : "center" }, scopedSlots: e._u([{ key: "default", fn: function(o) {
+      return [l("el-radio", { attrs: { label: o.row[e.rowKey], size: "small" }, on: { input: e.changRadio }, model: { value: e.currentRow, callback: function(d) {
+        e.currentRow = d;
+      }, expression: "currentRow" } }, [e._v(" " + e._s("") + " ")])];
+    } }], null, !0) })] : s.hidden != !1 && s.type !== "slot" && s.type != "expand" && s.type != "selection-radio" ? [l("u-table-column", { attrs: { width: s.width, prop: s.prop, label: e.$i18nt(s.transKey, s.label), fixed: s.fixed ? s.fixed : !1, title: e.$i18nt(s.transKey, s.label) } })] : s.type == "expand" ? [l("u-table-column", { key: s.key ? s.key : a, attrs: { width: s.width, label: e.$i18nt(s.transKey, s.label), type: "expand" }, scopedSlots: e._u([{ key: "default", fn: function(o) {
+      return [e._t(s.slotType, null, { row: o.row, index: o.$index })];
+    } }], null, !0) })] : s.type === "slot" ? [l("u-table-column", { key: s.key ? s.key : a, attrs: { width: s.width, "show-overflow-tooltip": typeof s.showTooltip > "u" ? !0 : s.showTooltip, "min-width": s.minWidth, prop: s.prop, label: e.$i18nt(s.transKey, s.label), fixed: s.fixed ? s.fixed : !1, sortable: s.sortable ? s.sortable : !1, align: s.align ? s.align : "center", "render-header": s.renderHeader, filters: s.filters, "filter-method": s.filterTag, "filter-placement": "bottom-end", "reserve-selection": s.reserveSelection, type: s.colType }, scopedSlots: e._u([{ key: "default", fn: function(o) {
+      return [e._t(s.slotType, null, { row: o.row, index: o.$index, column: o.column })];
+    } }], null, !0) })] : e._e()];
+  }), l("template", { slot: "empty" }, [l("div", { staticClass: "gd-table-empty" }, [l("i", { staticClass: "el-icon-receiving" }), l("div", { staticClass: "empty-title" }, [e._v(" " + e._s(e.$i18nt("gd.echarts.noData", "\u6682\u65E0\u6570\u636E\u5C55\u793A")) + " ")])])])], 2), l("div", { staticClass: "gd-paging" }, [e.showPagination ? l("el-pagination", { attrs: { background: "", "page-sizes": e.pageSizes, "page-size": e.pageSized, "current-page": e.currentPage, layout: "total, sizes, prev, pager, next, jumper", total: e.total }, on: { "update:currentPage": function(s) {
+    e.currentPage = s;
+  }, "update:current-page": function(s) {
+    e.currentPage = s;
+  }, "size-change": e.handleSizeChange, "current-change": e.handleCurrentChange } }) : e._e()], 1)], 1);
+}, w = [], C = /* @__PURE__ */ m(
+  y,
+  b,
+  w,
+  !1,
+  null,
+  "cf983a7d",
+  null,
+  null
+);
+const u = C.exports;
+u.install = function(t) {
+  t.component(u.name, u);
+};
+export {
+  u as G
+};

package/lib/components.tablevirtual.8e21a6e7.js

@@ -0,0 +1 @@
+"use strict";const g=require("./utils.util.js.c0ba699b.js"),f=require("./components.chartbi.3bbac955.js");const m={name:"GdTableVirtual",props:Object.assign({},{record:{type:Object,default:()=>({})},dataSource:{type:Function,required:!0},size:{type:String,default:"small"},rowKey:{type:[String,Function],default:"id"},amount:{type:Function},load:{type:Function},tableTree:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},border:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},cellStyle:{type:Function},cellClassName:{type:Function},rowClassName:{type:Function},defaultExpandedKeys:{type:Array,default:()=>[]},selectedRowKeys:{type:Array,default:()=>[]},selectedKeep:{type:Boolean,default:!1},height:{type:Number,default:0},maxHeight:{type:Number,default:0},indent:{type:Number,default:16},pageSize:{type:Number,default:10},pageSizes:{type:Array,default:()=>[10,20,30,40,50,100,200,500]},tableExpand:{type:Array,default:()=>[]},defaultExpandAll:{type:Boolean,default:!1},method:{type:Boolean,default:!1},columnKey:{type:String,default:""},showSummary:{type:Boolean,default:!1},headerCellStyle:{type:[Object,Function],default:()=>({})},showPagination:{type:Boolean,default:!0},initialLoading:{type:Boolean,default:!0},filtering:{type:Boolean,default:!1},isGather:{type:Boolean,default:!1},disabledRowId:{type:Array,default:()=>[]},disabledRefresh:{type:Boolean,default:!1},disabledColumnSettings:{type:Boolean,default:!1},stripe:{type:Boolean,default:!0},rowHeight:{type:Number,default:25}}),computed:{getHeaderCellStyle(){return Object.assign({background:this.fadeColor(this.primaryColor,.05)},this.headerCellStyle)},getRowHeight(){let t=0;return this.rowHeight+t},fadeColord(){return this.fadeColor(this.primaryColor,.3)},getColumns(){let t=0,e=this.columnsSetting.filter(d=>{const n=d.checked===void 0||d.checked,i=this.columns.filter(c=>c.prop===d.prop)[0],r=i?i.owidth?i.owidth:i.width?i.width:i.minWidth?i.minWidth:"150":"150";return i&&i.width&&!d.width&&(d.width=i.width),i&&i.minWidth&&!d.minWidth&&(d.minWidth=i.minWidth),n&&(t+=Number(r)),n});if(this.wid===0||e.filter(d=>d.width||d.minWidth).length!==e.length)return e;const s=t-this.wid,a=e[e.length-1],o=a?a.width?Number(a.width):a.minWidth?Number(a.minWidth):0:0;if(s<0){const d=e.length===0?0:Math.floor(Math.abs(s)/e.length);e.filter(n=>(n.width&&!["selection","selection-radio"].includes(n.type)&&(n.width=d+Number(n.owidth)),a.prop===n.prop&&delete n.width,n))}else s<o&&(a.minWidth||a.width)&&(a.width=o);return e},selectionType(){const t=this.columns.filter(e=>e.type==="selection"||e.type==="selection-radio")[0];return t?t.type==="selection"?"checkbox":"radio":null},hasClear(){let t=[];for(let e in this.sorter)t.push(e);return t.length},dropdownActive(){return`background-color: ${this.fadeColor(this.primaryColor,.1)};color:${this.primaryColor}`},totalPages(){return Math.ceil(this.total/this.pageSized)},...f.mapGetters(["primaryColor","language","screenWidth","multiTab"])},data(){return{tableData:[],loading:!1,customSize:this.size,keyValue:null,currentRow:"",total:0,sorter:{},state:!1,currentPage:1,pageSized:this.pageSize,columnsSetting:[],visibleFilter:!1,frozenColumn:0,wid:0}},watch:{screenWidth(){this.$nextTick(()=>{this.getWid(),setTimeout(()=>{this.$refs.refTable.doLayout()},0)})},tableExpand:{handler(){const t=this.$refs.refTable,e=this.getChildRens(this.tableData);g.treeToArray(JSON.parse(JSON.stringify(this.tableData)),"children").map(s=>{e.includes(s.id)?t.toggleRowExpansion(s,!1):t.toggleRowExpansion(s,!0)})},deep:!0},tableData:{handler(){this.keyValue=void 0,this.numbers=0},deep:!0},language:{handler(){this.$nextTick(()=>{setTimeout(()=>{this.$refs.refTable.doLayout()},0)})},deep:!0},size:{handler(t){this.$nextTick(()=>{setTimeout(()=>{this.customSize=t,this.$refs.refTable.doLayout(),this.getWid()},0)})},deep:!0},"$route.path"(t,e){t!==e&&this.multiTab&&this.$nextTick(()=>{setTimeout(()=>{this.$refs.refTable&&this.$refs.refTable.doLayout()},0)})}},methods:{doLayout(){this.$nextTick(()=>{setTimeout(()=>{this.$refs.refTable.doLayout()},0)})},getWid(){let t=this.$refs.reftables;this.wid=t?t.clientWidth:this.wid},setTableData(t,e=!1){this.tableData=t,this.loading=e},selecTables(t,e){return!this.disabledRowId.includes(t.id)},changeFilter(t){this.visibleFilter=t},closeFilter(){this.$refs.filterdropdown.doClose()},cellClassNamed({row:t,rowIndex:e}){return this.cellClassName&&typeof this.cellClassName=="function"?this.cellClassName({row:t,rowIndex:e}):""},rowClassNamed({row:t,rowIndex:e}){return this.rowClassName&&typeof this.rowClassName=="function"?this.rowClassName({row:t,rowIndex:e}):""},columnChange(t){this.columns.filter(a=>a.fixed);let e=[...t],l=1;return e.forEach((a,o)=>{e[o].fixed=!1,l<this.frozenColumn&&a.checked&&(e[o].fixed=!0,l++)}),e.filter(a=>["selection","selection-radio"].includes(a.type)?!1:a.checked).length===0&&(e=JSON.parse(JSON.stringify(e))),this.$emit("columnChange",e),this.columnsSetting=e,new Promise((a,o)=>{this.$nextTick(()=>{setTimeout(()=>{this.$refs.refTable.doLayout(),a()},0)})})},summaries(t){return this.$nextTick(()=>{setTimeout(()=>{this.$refs.refTable&&this.$refs.refTable.doLayout()},10)}),this.amount(t)},spanMethod({row:t,column:e}){if(e.property===this.columnKey){let l=0,s=0;if(this.keyValue!==t[this.columnKey]){for(;l<this.tableData.length;)this.tableData[l][this.columnKey]===t[this.columnKey]&&s++,l++;this.keyValue=t[this.columnKey]}else s=0;return{rowspan:s,colspan:1}}},handlerClick(t){this.$emit("handlerClick",t)},handleButton(t,e,l){this.$emit("handleButton",{methods:t,row:e})},handleFilterChange(t){this.$emit("handleFilterChange",t)},handleSelectionChange(t){if(!this.loading){const e=this.rowKey||"index";let l=[];t.forEach((s,a)=>{l.push(s[e])}),this.$emit("onChange",l,t);return}this.selectedKeep&&this.$emit("onChange",this.selectedRowKeys,[])},changRadio(t){if(this.loading)return;const e=this.rowKey||"index",l=this.tableData.filter(s=>s[e]===t)[0];this.$emit("onChange",[l[e]],[l])},handleSelect(t,e){this.$emit("handleSelect",t,e)},selectAll(t){this.$emit("selectAll",t)},rowClick(t,e,l){this.$emit("rowClick",t,e)},handleSizeChange(t){this.pageSized=t,this.currentPage>this.totalPages&&(this.currentPage=this.totalPages),this.selectedKeep||this.$emit("onChange",[],[]),this.loadData()},handleCurrentChange(t){this.currentPage=t,this.selectedKeep||this.$emit("onChange",[],[]),this.loadData()},expandChange(t,e){this.$emit("expandChange",{val:t,expanded:e})},getChildRens(t){const e=[];return t.map(l=>{if(this.tableExpand.includes(l.id)||e.push(l.id),Object.prototype.hasOwnProperty.call(l,"children")){const s=this.getChildRens(l.children);e.push(...s)}}),e},handleCurrentRowChange(t){this.$emit("handleCurrentRowChange",t)},handleHeaderDragEnd(){this.$nextTick(()=>{this.$refs.refTable.doLayout()})},changColumnHeight(t){this.customSize=t,this.$nextTick(()=>{this.$refs.refTable.doLayout()})},sortChange({prop:t,order:e}){this.sorter=e?{sortField:t,sortOrder:e.replace("ending","")}:{},this.loadData()},loadData(){if(this.loading)return;this.loading=!0;const t=this.dataSource(Object.assign({...this.sorter},{pageNo:this.currentPage,pageSize:this.pageSized}));(typeof t=="object"||typeof t=="function")&&typeof t.then=="function"?t.then(e=>{let l=e&&e.rows?e.rows:[];this.tableData=l,this.currentPage=e.pageno,this.total=e.totalrows,this.getWid(),this.toggleRowSelection()}):this.loading=!1},loadColumns(){return new Promise(t=>{this.$nextTick(()=>{this.columnsSetting=[...this.columns],this.$emit("columnChange",this.columnsSetting);const e=this.columns.filter(l=>l.fixed);this.frozenColumn=e.length,setTimeout(()=>{this.$refs.columnSettings.init(),this.$refs.refTable.doLayout(),t(!0)},0)})})},setLoadData(t){this.tableData=[...t],this.total=t.length},getLoadData(){return new Promise((t,e)=>{t(this.tableData)})},toggleRowSelectioClear(t){if(!this.selectionType){this.loading=!1;return}this.selectionType==="radio"&&(this.currentRow=t[0]?t[0]:""),this.$nextTick(async()=>{setTimeout(async()=>{const e=this.rowKey||"index";let l=[];const s=(i,r)=>(i=i.filter((c,h)=>(t.includes(c[e])&&l.push(c),c.children&&c.children.length>0&&s(c.children),!0)),i);await s(this.tableData);const a=t.filter(i=>{let r=null;return this.tableData.filter(c=>{if(i===c[e]&&(r=c),c.children&&c.children.length>0){const h=c.children.filter(p=>i===p[e])[0];r=h||r}return!0})[0],!r});let o=[];for(let i=0;i<a.length;i++){let r=new Map;r.set(e,a[i]),o.push(Object.fromEntries(r))}const d=l.concat(o);let n=[];for(let i=0;i<d.length;i++){let r=new Promise((c,h)=>{this.$refs.refTable.toggleRowSelection(d[i],!1),c(i)});n.push(r)}Promise.all(n).then(i=>{this.loading=!1})},10)})},async toggleRowSelection(){if(!this.selectionType){this.loading=!1;return}this.selectionType==="radio"&&(this.currentRow=this.selectedRowKeys[0]?this.selectedRowKeys[0]:""),this.$nextTick(async()=>{setTimeout(async()=>{const t=this.rowKey||"index";let e=[];const l=(n,i)=>(n=n.filter((r,c)=>(this.selectedRowKeys.includes(r[t])&&e.push(r),r.children&&r.children.length>0&&l(r.children),!0)),n);await l(this.tableData);const s=this.selectedRowKeys.filter(n=>!this.tableData.filter(r=>n===r[t])[0]);let a=[];for(let n=0;n<s.length;n++){let i=new Map;i.set(t,s[n]),a.push(Object.fromEntries(i))}const o=e.concat(a);let d=[];for(let n=0;n<o.length;n++){let i=new Promise((r,c)=>{this.$refs.refTable.toggleRowSelection(o[n],!0),r(n)});d.push(i)}Promise.all(d).then(n=>{this.loading=!1})},10)})},refresh(t=!0){!this.selectedKeep&&t&&this.$emit("onChange",[],[]),t&&(this.currentPage=1),this.loadData()},clearAll(){if(this.state||this.loading)return;let t=[];for(let e in this.sorter)t.push(e);t.length!==0&&(this.state=!0,this.sorter={},this.$refs.refTable.clearSort(),this.$refs.refTable.clearFilter(),setTimeout(()=>{this.refresh(),this.state=!1},100))},fadeColor(t,e){let l=parseInt(t.substring(1,3),16),s=parseInt(t.substring(3,5),16),a=parseInt(t.substring(5,7),16);return`rgba(${l},${s},${a},${e})`}},created(){this.columnsSetting=[...this.columns];const t=this.columns.filter(e=>e.fixed);this.frozenColumn=t.length,this.initialLoading&&this.loadData()}};var y=function(){var e=this,l=e._self._c;return l("div",{ref:"reftables",staticClass:"gd-tables",style:{"--theme":e.primaryColor,"--fadecolor":e.fadeColord},attrs:{id:"reftables"}},[l("div",{staticClass:"tables-tool"},[l("div",{staticClass:"tables-tool-l"},[e._t("operator")],2),l("div",{staticClass:"tables-tool-r"},[e.hasClear?l("el-tooltip",{directives:[{name:"delTabIndex",rawName:"v-delTabIndex"}],staticClass:"item",attrs:{effect:"dark",content:e.$i18nt("gd.basics.reset","\u91CD\u7F6E"),placement:"bottom"}},[l("i",{staticClass:"el-icon-brush",on:{click:e.clearAll}})]):e._e(),e.filtering?l("el-tooltip",{directives:[{name:"delTabIndex",rawName:"v-delTabIndex"}],staticClass:"item",attrs:{effect:"dark",content:e.$i18nt("gd.basics.screen","\u7B5B\u9009"),placement:"bottom"}},[l("el-popover",{ref:"filterdropdown",attrs:{trigger:"click",placement:"bottom"},on:{show:function(s){return e.changeFilter(!0)},hide:function(s){return e.changeFilter(!1)}}},[l("span",{staticClass:"el-dropdown-link",attrs:{slot:"reference"},slot:"reference"},[l("i",{staticClass:"gd-icons gd-icon-a-guangqi_guolv11x"})]),l("div",[e._t("filtering",null,{columns:e.columns,height:e.height,colse:e.closeFilter,visible:e.visibleFilter})],2)])],1):e._e(),e.isGather?l("el-tooltip",{directives:[{name:"delTabIndex",rawName:"v-delTabIndex"}],staticClass:"item",attrs:{effect:"dark",content:e.$i18nt("gd.basics.chart","\u56FE\u8868"),placement:"bottom"}},[l("i",{staticClass:"gd-icons gd-icon-zhuzhuangtu",on:{click:function(s){return e.$emit("baseSeecharts")}}})]):e._e(),e.disabledRefresh?e._e():l("el-tooltip",{directives:[{name:"delTabIndex",rawName:"v-delTabIndex"}],staticClass:"item",attrs:{effect:"dark",content:e.$i18nt("gd.basics.refresh","\u5237\u65B0"),placement:"bottom"}},[l("i",{staticClass:"el-icon-refresh",on:{click:function(s){return e.refresh(!1)}}})]),l("el-tooltip",{directives:[{name:"delTabIndex",rawName:"v-delTabIndex"}],staticClass:"item",attrs:{effect:"dark",content:e.$i18nt("gd.basics.density","\u5BC6\u5EA6"),placement:"bottom"}},[l("el-dropdown",{attrs:{trigger:"click",placement:"bottom"},on:{command:e.changColumnHeight}},[l("span",{staticClass:"el-dropdown-link"},[l("i",{staticClass:"el-icon-s-operation"})]),l("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[l("el-dropdown-item",{style:e.customSize==="medium"?e.dropdownActive:"",attrs:{command:"medium"}},[e._v(" "+e._s(e.$i18nt("gd.basics.default","\u9ED8\u8BA4"))+" ")]),l("el-dropdown-item",{style:e.customSize==="small"?e.dropdownActive:"",attrs:{command:"small"}},[e._v(" "+e._s(e.$i18nt("gd.basics.secondary","\u4E2D\u7B49"))+" ")]),l("el-dropdown-item",{style:e.customSize==="mini"?e.dropdownActive:"",attrs:{command:"mini"}},[e._v(" "+e._s(e.$i18nt("gd.basics.compact","\u7D27\u51D1"))+" ")])],1)],1)],1),e.disabledColumnSettings?e._e():l("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:e.$i18nt("gd.basics.columnSettings","\u5217\u8BBE\u7F6E"),placement:"bottom"}},[l("el-dropdown",{attrs:{trigger:"click",placement:"bottom"}},[l("span",{staticClass:"el-dropdown-link"},[l("i",{staticClass:"el-icon-setting"})]),l("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[l("gd-column-settings",{ref:"columnSettings",attrs:{columns:e.columns,height:e.height},on:{columnChange:e.columnChange}})],1)],1)],1)],1)]),l("u-table",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],ref:"refTable",staticClass:"table",class:e.border?"":"table-border",staticStyle:{width:"100%"},attrs:{"row-height":e.getRowHeight,"use-virtual":"",stripe:e.stripe,"row-key":e.rowKey,"expand-row-keys":e.tableExpand,"tree-props":e.tableTree?{children:"children",hasChildren:"isLeaf"}:void 0,tooltip:!0,border:e.border,size:e.customSize,indent:e.indent,lazy:e.lazy,"show-summary":e.showSummary,"summary-method":e.summaries,"default-expand-all":e.defaultExpandAll,"virtual-scroll":!0,"element-loading-background":"rgba(255, 255, 255, 0.8)","element-loading-spinner":"el-icon-loading",data:e.tableData,"cell-style":e.cellStyle,height:e.height||null,"max-height":e.maxHeight||null,"default-sort":{prop:"id",order:null},load:e.lazy?e.load:null,"span-method":e.method?e.spanMethod:null,"header-cell-style":e.getHeaderCellStyle,"cell-class-name":e.cellClassNamed,"row-class-name":e.rowClassNamed},on:{"sort-change":e.sortChange,"filter-change":e.handleFilterChange,"selection-change":e.handleSelectionChange,"row-click":e.rowClick,"expand-change":e.expandChange,"select-all":e.selectAll,select:e.handleSelect,"current-change":e.handleCurrentRowChange,"header-dragend":e.handleHeaderDragEnd}},[e._l(e.getColumns,function(s,a){return[s.type=="selection"?[l("u-table-column",{attrs:{type:"selection",width:s.width,fixed:s.fixed?s.fixed:!1,align:s.align?s.align:"center",selectable:e.selecTables}})]:s.type=="selection-radio"?[l("u-table-column",{key:s.key?s.key:a,attrs:{width:s.width,label:"",fixed:s.fixed?s.fixed:!1,align:s.align?s.align:"center"},scopedSlots:e._u([{key:"default",fn:function(o){return[l("el-radio",{attrs:{label:o.row[e.rowKey],size:"small"},on:{input:e.changRadio},model:{value:e.currentRow,callback:function(d){e.currentRow=d},expression:"currentRow"}},[e._v(" "+e._s("")+" ")])]}}],null,!0)})]:s.hidden!=!1&&s.type!=="slot"&&s.type!="expand"&&s.type!="selection-radio"?[l("u-table-column",{attrs:{width:s.width,prop:s.prop,label:e.$i18nt(s.transKey,s.label),fixed:s.fixed?s.fixed:!1,title:e.$i18nt(s.transKey,s.label)}})]:s.type=="expand"?[l("u-table-column",{key:s.key?s.key:a,attrs:{width:s.width,label:e.$i18nt(s.transKey,s.label),type:"expand"},scopedSlots:e._u([{key:"default",fn:function(o){return[e._t(s.slotType,null,{row:o.row,index:o.$index})]}}],null,!0)})]:s.type==="slot"?[l("u-table-column",{key:s.key?s.key:a,attrs:{width:s.width,"show-overflow-tooltip":typeof s.showTooltip>"u"?!0:s.showTooltip,"min-width":s.minWidth,prop:s.prop,label:e.$i18nt(s.transKey,s.label),fixed:s.fixed?s.fixed:!1,sortable:s.sortable?s.sortable:!1,align:s.align?s.align:"center","render-header":s.renderHeader,filters:s.filters,"filter-method":s.filterTag,"filter-placement":"bottom-end","reserve-selection":s.reserveSelection,type:s.colType},scopedSlots:e._u([{key:"default",fn:function(o){return[e._t(s.slotType,null,{row:o.row,index:o.$index,column:o.column})]}}],null,!0)})]:e._e()]}),l("template",{slot:"empty"},[l("div",{staticClass:"gd-table-empty"},[l("i",{staticClass:"el-icon-receiving"}),l("div",{staticClass:"empty-title"},[e._v(" "+e._s(e.$i18nt("gd.echarts.noData","\u6682\u65E0\u6570\u636E\u5C55\u793A"))+" ")])])])],2),l("div",{staticClass:"gd-paging"},[e.showPagination?l("el-pagination",{attrs:{background:"","page-sizes":e.pageSizes,"page-size":e.pageSized,"current-page":e.currentPage,layout:"total, sizes, prev, pager, next, jumper",total:e.total},on:{"update:currentPage":function(s){e.currentPage=s},"update:current-page":function(s){e.currentPage=s},"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}}):e._e()],1)],1)},b=[],w=f.normalizeComponent(m,y,b,!1,null,"cf983a7d",null,null);const u=w.exports;u.install=function(t){t.component(u.name,u)};exports.GDpackage=u;