fangguo-component 1.0.0 → 1.1.0

package/dist/SvgIcon-C2ah8E0Z.js

@@ -0,0 +1,30 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as r, defineComponent as s, computed as c } from "vue";
+import { _ as i } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const p = s({
+  name: "SvgIcon",
+  props: {
+    prefix: {
+      type: String,
+      default: "icon"
+    },
+    name: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return { symbolId: c(() => `#${e.prefix}-${e.name}`) };
+  }
+}), a = {
+  class: "svgicon",
+  "aria-hidden": "true"
+}, d = ["xlink:href"];
+function m(e, n, l, f, u, _) {
+  return o(), t("svg", a, [
+    r("use", { "xlink:href": e.symbolId }, null, 8, d)
+  ]);
+}
+const x = /* @__PURE__ */ i(p, [["render", m]]);
+export {
+  x as S
+};

package/dist/TextCopy.vue_vue_type_script_setup_true_lang-DbhZGH_z.js

@@ -0,0 +1,29 @@
+import { defineComponent as l, openBlock as o, createElementBlock as n, createElementVNode as r, normalizeStyle as a, toDisplayString as i, unref as c, createCommentVNode as m } from "vue";
+import { m as s } from "./common-BIEgCXbl.js";
+const x = { class: "leading-[16px]" }, y = /* @__PURE__ */ l({
+  __name: "TextCopy",
+  props: {
+    text: String,
+    defaultSymbol: {
+      default: "-"
+    },
+    color: {
+      default: "#0b0c24"
+    }
+  },
+  setup(t) {
+    return (d, e) => (o(), n("span", x, [
+      r("span", {
+        style: a({ color: t.color })
+      }, i(t.text || t.defaultSymbol), 5),
+      t.text ? (o(), n("i", {
+        key: 0,
+        class: "iconfont icon-fuzhidingdan ml-[4px] text-[12px] text-fill-900 cursor-pointer transition-all hover:text-primary",
+        onClick: e[0] || (e[0] = (f) => c(s)(t.text))
+      })) : m("", !0)
+    ]));
+  }
+});
+export {
+  y as _
+};

package/dist/TextEllipsisTooltip.vue_vue_type_script_setup_true_lang-aZbEQmbM.js

@@ -0,0 +1,112 @@
+import { defineComponent as S, ref as c, watch as B, onMounted as T, resolveComponent as $, openBlock as p, createBlock as N, withCtx as E, createElementVNode as H, mergeProps as k, toDisplayString as y, createElementBlock as L, nextTick as j } from "vue";
+const O = /* @__PURE__ */ S({
+  __name: "TextEllipsisTooltip",
+  props: {
+    value: { default: "" },
+    row: { default: 1 },
+    width: { default: "100%" },
+    textAlign: { default: "center" },
+    max: { default: null },
+    contentClass: { default: "" },
+    unit: { default: "种" }
+  },
+  setup(s) {
+    const e = s, o = c(!1), r = c({
+      width: e.width
+    }), h = c(), a = c(""), f = (t) => {
+      h.value = t;
+    }, A = () => {
+      e.value ? g() : (a.value = e.value, o.value = !1, r.value = {
+        width: e.width,
+        wordBreak: "break-all",
+        textAlign: e.textAlign
+      });
+    };
+    function b(t, n, i = "") {
+      if (!t || t.length === 0 || n <= 0)
+        return { text: "", isComplete: !0 };
+      let u = "", v = 0, l = 0;
+      for (l = 0; l < t.length; l++) {
+        const C = l === 0 ? t[l] : i + t[l], m = v + C.length;
+        if (m >= n)
+          break;
+        u = l === 0 ? t[l] : u + i + t[l], v = m;
+      }
+      const d = l === t.length;
+      return {
+        text: u,
+        isComplete: d
+      };
+    }
+    const w = () => {
+      var t, n, i, u, v;
+      if (e.max) {
+        const { text: l, isComplete: d } = b(e.value, e.max, ",");
+        d ? (a.value = l, o.value = !1) : (a.value = l + `等${(t = e.value) == null ? void 0 : t.length}${e.unit}`, o.value = !0);
+      } else
+        Number((n = e.value) == null ? void 0 : n.length) > 1 ? (a.value = ((i = e.value) == null ? void 0 : i[0]) + `等${(u = e.value) == null ? void 0 : u.length}${e.unit}`, o.value = !0) : (a.value = (v = e.value) == null ? void 0 : v[0], o.value = !1);
+      r.value = {
+        width: e.width,
+        wordBreak: "break-all",
+        textAlign: e.textAlign
+      };
+    };
+    B([() => e.value, () => e.width, () => e.row, () => e.max], () => {
+      var t;
+      Array.isArray(e.value) && ((t = e.value) != null && t.length) ? w() : A();
+    });
+    const x = () => {
+      const t = Number(getComputedStyle(h.value).lineHeight.replace("px", "")), n = Number(getComputedStyle(h.value).height.replace("px", ""));
+      return e.max ? !1 : n > t * e.row * 1.2 ? (o.value = !0, r.value = {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        display: "-webkit-box",
+        webkitLineClamp: e.row,
+        webkitBoxOrient: "vertical",
+        cursor: "pointer",
+        width: e.width,
+        wordBreak: "break-all",
+        textAlign: e.textAlign
+      }, !0) : !1;
+    }, g = () => {
+      var t;
+      a.value = e.max ? (t = e.value) == null ? void 0 : t.substring(0, e.max) : e.value, o.value = !1, r.value = {
+        width: e.width,
+        wordBreak: "break-all",
+        textAlign: e.textAlign
+      }, j(() => {
+        setTimeout(() => {
+          var n, i;
+          e.max ? x() || (a.value = ((n = e.value) == null ? void 0 : n.length) > e.max ? a.value + "..." : a.value, o.value = ((i = e.value) == null ? void 0 : i.length) > e.max) : x();
+        });
+      });
+    };
+    return T(() => {
+      Array.isArray(e.value) ? w() : g();
+    }), (t, n) => {
+      const i = $("el-tooltip");
+      return o.value ? (p(), N(i, {
+        key: 0,
+        content: `<div class='${s.contentClass}'>${Array.isArray(s.value) ? s.value.join(",") : s.value}</div>`,
+        "raw-content": "",
+        effect: "dark",
+        placement: "top-start",
+        "visible-arrow": !1
+      }, {
+        default: E(() => [
+          H("div", k({
+            ref: f,
+            style: { cursor: "pointer" }
+          }, t.$attrs, { style: r.value }), y(a.value), 17)
+        ]),
+        _: 1
+      }, 8, ["content"])) : (p(), L("div", k({
+        key: 1,
+        style: r.value
+      }, t.$attrs, { ref: f }), y(a.value), 17));
+    };
+  }
+});
+export {
+  O as _
+};

package/dist/TipInput-CIskitOV.js

@@ -0,0 +1,117 @@
+import { defineComponent as h, ref as p, computed as S, resolveComponent as $, openBlock as r, createElementBlock as v, normalizeClass as c, createElementVNode as o, toDisplayString as d, createBlock as B, withCtx as y, withDirectives as m, vModelDynamic as g, vShow as V, createCommentVNode as b } from "vue";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './TipInput.css';const F = ["maxlength", "type"], I = ["maxlength", "type"], N = { class: "flex items-center" }, R = /* @__PURE__ */ h({
+  __name: "TipInput",
+  props: {
+    placeholder: {
+      type: String,
+      default: () => ""
+    },
+    value: {
+      type: String,
+      default: () => ""
+    },
+    type: {
+      type: String,
+      default: () => "text"
+    },
+    errorTip: {
+      type: String,
+      default: () => ""
+    },
+    maxlength: {
+      type: Number,
+      default: () => 20
+    }
+  },
+  emits: ["update:value"],
+  setup(i, { emit: x }) {
+    const s = p(), u = i, a = p(!1), l = p(u.type), k = x, n = S({
+      get() {
+        return u.value;
+      },
+      set(f) {
+        k("update:value", f);
+      }
+    }), w = () => {
+      l.value === "text" ? l.value = "password" : l.value = "text";
+    }, C = () => {
+      s.value.focus();
+    };
+    return (f, e) => {
+      const T = $("el-popover");
+      return r(), v("figure", {
+        class: c([{ focus: a.value || !!n.value }, "tip-input-wrap"])
+      }, [
+        o("div", {
+          class: "flex relative flex-1 items-center",
+          onClick: C
+        }, [
+          o("label", null, d(i.placeholder), 1),
+          u.errorTip ? (r(), B(T, {
+            key: 0,
+            placement: "left",
+            width: 188,
+            trigger: "click",
+            offset: 40
+          }, {
+            reference: y(() => [
+              m(o("input", {
+                "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
+                onFocus: e[1] || (e[1] = (t) => a.value = !0),
+                onBlur: e[2] || (e[2] = (t) => a.value = !1),
+                maxlength: i.maxlength,
+                type: l.value,
+                ref_key: "inputRef",
+                ref: s
+              }, null, 40, F), [
+                [
+                  g,
+                  n.value,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ]),
+            default: y(() => [
+              o("p", null, d(u.errorTip), 1)
+            ]),
+            _: 1
+          })) : m((r(), v("input", {
+            key: 1,
+            "onUpdate:modelValue": e[3] || (e[3] = (t) => n.value = t),
+            onFocus: e[4] || (e[4] = (t) => a.value = !0),
+            onBlur: e[5] || (e[5] = (t) => a.value = !1),
+            maxlength: i.maxlength,
+            type: l.value,
+            ref_key: "inputRef",
+            ref: s
+          }, null, 40, I)), [
+            [
+              g,
+              n.value,
+              void 0,
+              { trim: !0 }
+            ]
+          ])
+        ]),
+        o("div", N, [
+          m(o("i", {
+            class: "iconfont icon-danchuangguanbi",
+            onClick: e[6] || (e[6] = (t) => n.value = "")
+          }, null, 512), [
+            [V, !!n.value]
+          ]),
+          u.type === "password" ? (r(), v("i", {
+            key: 0,
+            class: c(`eye iconfont !text-[16px] icon-${l.value === "password" ? "yincangmima-xin" : "xianshimima-xin"}`),
+            onClick: w
+          }, null, 2)) : b("", !0)
+        ])
+      ], 2);
+    };
+  }
+}), U = /* @__PURE__ */ D(R, [["__scopeId", "data-v-9b8163e3"]]);
+export {
+  U as T
+};

package/dist/TipInput.css

@@ -0,0 +1 @@
+.tip-input-wrap.focus label[data-v-9b8163e3]{top:4px;font-size:12px;pointer-events:none}.tip-input-wrap[data-v-9b8163e3]{display:flex;padding:0 16px;height:52px;background:#f5f7fa;border-radius:8px}.tip-input-wrap input[data-v-9b8163e3]{display:block;padding:20px 0 0;width:100%;height:52px;font-size:16px;color:#222;background:none;border:none;outline:none;letter-spacing:0;line-height:16px;flex:1;-webkit-appearance:none;appearance:none}.tip-input-wrap label[data-v-9b8163e3]{position:absolute;top:calc(50% - 10px);left:0;font-size:16px;color:#828282;transition:all .1s linear}.tip-input-wrap .iconfont[data-v-9b8163e3]{font-size:12px;color:#ccc;cursor:pointer}.tip-input-wrap .iconfont.eye[data-v-9b8163e3]{margin-left:20px;color:#999}.tip-input-wrap .eye.icon-xianshimima[data-v-9b8163e3]{font-size:16px}

package/dist/VirtualTable-BYTfwDC1.js

@@ -0,0 +1,353 @@
+import './VirtualTable.css';var he = Object.defineProperty, pe = Object.defineProperties;
+var fe = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols;
+var ve = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
+var J = (b, h, d) => h in b ? he(b, h, { enumerable: !0, configurable: !0, writable: !0, value: d }) : b[h] = d, _ = (b, h) => {
+  for (var d in h || (h = {}))
+    ve.call(h, d) && J(b, d, h[d]);
+  if (G)
+    for (var d of G(h))
+      be.call(h, d) && J(b, d, h[d]);
+  return b;
+}, g = (b, h) => pe(b, fe(h));
+var q = (b, h, d) => new Promise((S, l) => {
+  var $ = (m) => {
+    try {
+      w(d.next(m));
+    } catch (k) {
+      l(k);
+    }
+  }, B = (m) => {
+    try {
+      w(d.throw(m));
+    } catch (k) {
+      l(k);
+    }
+  }, w = (m) => m.done ? S(m.value) : Promise.resolve(m.value).then($, B);
+  w((d = d.apply(b, h)).next());
+});
+import { defineComponent as Q, ref as x, computed as X, watch as K, reactive as we, onMounted as ye, nextTick as me, resolveDirective as _e, withDirectives as ge, openBlock as xe, createBlock as Re, unref as Ce } from "vue";
+import { ElEmpty as Se, ElBacktop as ke, ElCheckbox as Y } from "element-plus";
+import { DynamicScroller as Ee, DynamicScrollerItem as Z } from "vue-virtual-scroller";
+import { d as We } from "./debounce-BLrZUqsA.js";
+import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const De = "_border_k5pxi_15", He = "_scroll_k5pxi_37", s = {
+  "dynamic-scroller-ref": "_dynamic-scroller-ref_k5pxi_1",
+  border: De,
+  "virtual-table-row-td": "_virtual-table-row-td_k5pxi_18",
+  scroll: He,
+  "virtual-table-header": "_virtual-table-header_k5pxi_37",
+  "virtual-table-row-th": "_virtual-table-row-th_k5pxi_40",
+  "virtual-table-row": "_virtual-table-row_k5pxi_18",
+  "virtual-table-row-tr": "_virtual-table-row-tr_k5pxi_43",
+  "shadow-right": "_shadow-right_k5pxi_72",
+  "shadow-left": "_shadow-left_k5pxi_85",
+  "sort-wrapper": "_sort-wrapper_k5pxi_99",
+  "scroll-item-class": "_scroll-item-class_k5pxi_170"
+}, ze = /* @__PURE__ */ Q({
+  __name: "VirtualTable",
+  props: {
+    items: { default: () => [] },
+    width: { default: "100%" },
+    height: { default: 600 },
+    rowKey: { default: "id" },
+    minItemSize: { default: 20 },
+    border: { type: Boolean, default: !0 },
+    pageNo: { default: 1 },
+    pageSize: {},
+    noHeader: { type: Boolean },
+    headerSlotRender: {},
+    afterSlotRender: {},
+    emptySlotRender: {},
+    expandSlotRender: {},
+    defaultSort: {},
+    tableColumn: { default: () => [] },
+    backTop: { type: Boolean, default: !0 },
+    scroll: { type: Boolean, default: !0 },
+    wrapClass: { default: "" },
+    itemClass: { default: "" },
+    cacheSelection: { type: Boolean, default: !1 },
+    scrollHandle: { default: null },
+    scrolldelay: { default: 10 },
+    itemHandle: { type: Function, default: () => ({}) },
+    rowClassName: { type: [Function, String], default: () => "" },
+    rowStyle: { type: Function, default: () => ({}) },
+    spanMethod: {},
+    childrenRender: {},
+    selectable: { type: Function, default: () => !1 }
+  },
+  emits: ["sort-change", "select", "select-all", "selection-change", "row-click"],
+  setup(b, { expose: h, emit: d }) {
+    const S = d, l = b, $ = x(!1), B = x(!0), w = x(), m = X(() => {
+      const { width: e, height: t } = l;
+      return {
+        with: typeof e == "string" ? e : `${e}px`,
+        height: typeof t == "string" ? t : `${t}px`
+      };
+    }), k = x();
+    function f(e, t = 0) {
+      if (!e)
+        return 0;
+      if (typeof e == "number")
+        return Math.max(t, e);
+      let r = 0;
+      return e.endsWith("px") && (r = parseFloat(e.replace("px", ""))), e.endsWith("%") && (r = parseFloat(e.replace("%", "")) / 100 * k.value), Math.max(t, r);
+    }
+    const ee = () => l.tableColumn.reduce((e, t) => {
+      const r = t.type === "select" ? f(t.width || 30, t.minWidth) : t.type === "number" ? f(t.width || 50, t.minWidth) : t.width === void 0 ? 0 : f(t.width, t.minWidth);
+      return e + r;
+    }, 0), U = (e, t, r = 1, o = 1, u, a) => {
+      let n = u || (e.type === "select" ? f(e.width || 30, e.minWidth) : e.type === "number" ? f(e.width || 50, e.minWidth) : e.width === void 0 ? "unset" : f(e.width, e.minWidth));
+      if (o !== 1)
+        if (o === 0)
+          n += "0px!important";
+        else {
+          for (let i = t + 1; i < t + o; i++)
+            n += l.tableColumn[i].type === "select" ? f(l.tableColumn[i].width || 30, l.tableColumn[i].minWidth) : l.tableColumn[i].type === "number" ? f(l.tableColumn[i].width || 50, l.tableColumn[i].minWidth) : l.tableColumn[i].width === void 0 ? 0 : f(l.tableColumn[i].width, l.tableColumn[i].minWidth);
+          n += "px!important";
+        }
+      let W = 0, C = 0;
+      e.fixed === "left" && t !== 0 && (W = l.tableColumn.slice(0, t).reduce((i, c) => i + (c.fixed === "left" ? c.type === "select" ? f(c.width || 30, c.minWidth) : c.type === "number" ? f(c.width || 50, c.minWidth) : f(c.width, c.minWidth) : 0), 0)), e.fixed === "right" && t !== l.tableColumn.length - 1 && (C = l.tableColumn.slice(t + 1, l.tableColumn.length).reduce((i, c) => i + (c.fixed === "right" ? c.type === "select" ? f(c.width || 30, c.minWidth) : c.type === "number" ? f(c.width || 50, c.minWidth) : f(c.width, c.minWidth) : 0), 0));
+      const D = {
+        flex: n === "unset" ? 1 : "unset",
+        minWidth: e.minWidth ? `${e.minWidth}px` : "unset",
+        width: typeof n == "string" ? n : `${n}px`,
+        height: a || (r === 1 ? "unset" : `${r * l.minItemSize}px`),
+        position: e.fixed ? "sticky" : "relative",
+        left: e.fixed === "left" ? `${W}px` : "unset",
+        right: e.fixed === "right" ? `${C}px` : "unset",
+        justifyContent: e.align === "left" ? "flex-start" : e.align === "right" ? "flex-end" : "center",
+        zIndex: e.fixed === "left" ? 3 : e.fixed === "right" ? l.tableColumn.length - t + 1 : 1
+      };
+      return e.customStyle && Object.assign(D, e.customStyle), D;
+    }, R = (e) => e.fixed === "right" && !$.value ? s["shadow-right"] : e.fixed === "left" && !B.value ? s["shadow-left"] : "", le = We((e) => {
+      var t;
+      $.value = e.target.clientWidth + e.target.scrollLeft + 5 >= e.target.scrollWidth, B.value = e.target.scrollLeft === 0, (t = l.scrollHandle) == null || t.call(l, e);
+    }, l.scrolldelay), I = x(!1), v = x([]), H = x([]), te = (e, t) => {
+      S("select-all", z()), S("selection-change", z());
+    }, V = X(() => {
+      const e = p.value.filter((t) => !t.__ischildren);
+      return {
+        length: p.value.length,
+        ml: e.length,
+        cl: p.value.length - e.length
+      };
+    }), re = () => {
+      I.value = !1, v.value = [], p.value.forEach((e) => {
+        e.rowcheck = !1;
+      });
+    }, z = () => v.value, A = (e, t) => {
+      const r = p.value.find((a) => a[l.rowKey] === e);
+      if (!r) {
+        console.log("当前无该条数据");
+        return;
+      }
+      r.rowcheck = t;
+      const o = [], u = [];
+      p.value.forEach((a) => {
+        a.disabled && u.push(a), a.rowcheck && !(a != null && a.disabled) && o.push(a);
+      }), v.value = o, H.value = u, I.value = v.value.length + H.value.length === V.value.ml && !!v.value.length;
+    }, p = x([]);
+    K(
+      () => l.items,
+      () => {
+        if (E = 0, l.cacheSelection) {
+          const e = [], t = [];
+          p.value = l.items.map((r) => {
+            r.disabled && t.push(r);
+            const o = v.value.find((n) => n[l.rowKey] === r[l.rowKey]), u = l.tableColumn.find((n) => n.type === "select"), a = u && u.selectable && typeof u.selectable == "function" ? u.selectable(r) : !0;
+            return o && e.push(g(_({}, r), { rowcheck: !!o, disabled: !a })), r.__ischildren ? g(_({}, r), { __index: E, rowcheck: !!o, disabled: !a }) : g(_({}, r), { __index: E++, rowcheck: !!o, disabled: !a });
+          }), v.value = e, H.value = t, I.value = v.value.length + H.value.length === V.value.ml && !!v.value.length, S("selection-change", z());
+          return;
+        }
+        I.value = !1, v.value = [], p.value = l.items.map((e) => {
+          const t = l.tableColumn.find((o) => o.type === "select"), r = t && t.selectable && typeof t.selectable == "function" ? t.selectable(e) : !0;
+          return e.__ischildren ? g(_({}, e), { __index: E, rowcheck: !1, disabled: !r }) : g(_({}, e), { __index: E++, rowcheck: !1, disabled: !r });
+        });
+      }
+    );
+    let L = !1;
+    K(
+      () => l.pageNo,
+      () => {
+        L = !0;
+      }
+    ), K(
+      () => p.value,
+      () => {
+        var e;
+        L && ((e = w.value) == null || e.scrollToItem(0)), L = !1;
+      }
+    );
+    const y = x({ prop: null, order: null }), P = (e, t) => {
+      y.value = y.value.prop === e && y.value.order === t ? { prop: null, order: null } : { prop: e, order: t }, S("sort-change", y.value);
+    }, ae = () => {
+      const e = (r, o) => {
+        const u = U(r, o);
+        return r.cellHeaderRender ? /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td custom", r.customClass], style: u }, typeof r.cellHeaderRender == "function" ? r.cellHeaderRender({
+          column: r,
+          columns: l.tableColumn,
+          columnIndex: o
+        }) : r.cellHeaderRender) : r.type === "number" ? /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td", r.customClass], style: u }, "序号") : r.type === "select" ? /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td", r.customClass], style: u }, /* @__PURE__ */ React.createElement(
+          Y,
+          {
+            indeterminate: v.value.length > 0 && v.value.length + H.value.length !== V.value.ml,
+            modelValue: I.value,
+            onChange: (a) => {
+              a ? v.value = p.value.filter((n) => !n.__ischildren).filter((n) => !(n != null && n.disabled)).map((n) => (n.rowcheck = !0, n)) : (v.value = [], p.value.forEach((n) => {
+                n.rowcheck = !1;
+              })), I.value = a === !0, te();
+            }
+          }
+        )) : /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(r), "virtual-table-row-td", r.customClass], style: u }, r.title, r.sortable && /* @__PURE__ */ React.createElement("div", { class: [s["sort-wrapper"]] }, /* @__PURE__ */ React.createElement(
+          "i",
+          {
+            class: {
+              "sort-asc-active": y.value.prop === r.prop && y.value.order === "ascending"
+            },
+            onClick: () => P(r.prop, "ascending")
+          }
+        ), /* @__PURE__ */ React.createElement(
+          "i",
+          {
+            class: {
+              "sort-desc-active": y.value.prop === r.prop && y.value.order === "descending"
+            },
+            onClick: () => P(r.prop, "descending")
+          }
+        )));
+      }, t = l.tableColumn.map((r, o) => e(r, o));
+      return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-header"], "virtual-table-header"] }, /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-th"], "virtual-table-row-th"] }, t), l.headerSlotRender && l.headerSlotRender());
+    }, ne = ({ item: e, index: t, active: r }) => {
+      if (e.__ischildren === !0)
+        return /* @__PURE__ */ React.createElement(Z, { item: e, index: t, active: r, onClick: () => l.itemHandle(e, t) }, l.childrenRender && l.childrenRender(e));
+      const o = (a, n, W) => {
+        let C = 1, D = 1, i = null, c = null;
+        if (l.spanMethod) {
+          const { rowspan: F = 1, colspan: ue = 1, rowwidth: ie, colheight: de, _rowspan: j } = l.spanMethod({ row: e, column: a, rowIndex: n, columnIndex: W });
+          C = F, D = ue, i = ie || null, c = de || null, T.visibleStartIndex === n && j && j > 1 && (C = j);
+        }
+        const M = U(a, W, C, D, i, c);
+        if (!D)
+          return null;
+        if (!C)
+          return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(a), "virtual-table-row-td", a.customClass], style: g(_({}, M), { borderBottom: "none" }) });
+        const O = C > 1 ? "virtual-table-priority-row-td" : "";
+        if (a.type === "number") {
+          const F = l.pageNo && l.pageSize ? (l.pageNo - 1) * l.pageSize + n + 1 : n + 1;
+          return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(a), "virtual-table-row-td", O, a.customClass], style: M }, F);
+        }
+        if (a.type === "select")
+          return /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-td"], R(a), "virtual-table-row-td", O, a.customClass], style: M }, /* @__PURE__ */ React.createElement("div", { class: "relative cursor-pointer" }, /* @__PURE__ */ React.createElement(Y, { modelValue: e.rowcheck, disabled: e.disabled }), /* @__PURE__ */ React.createElement("span", { class: "absolute left-0 right-0 top-0 bottom-0 z-[2]" })));
+        const se = () => {
+          if (a.cellRender)
+            try {
+              return a.cellRender(e, n, p.value);
+            } catch (F) {
+              return "";
+            }
+          return a.prop ? /* @__PURE__ */ React.createElement("span", { class: "px-[10px] py-[5px]", "data-column-index": W, "data-row-index": n }, e[a.prop]) : "";
+        };
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            "data-column-index": W,
+            "data-row-index": n,
+            class: [s["virtual-table-row-td"], R(a), O, "virtual-table-row-td", a.customClass],
+            style: M
+          },
+          se()
+        );
+      }, u = l.tableColumn.map((a, n) => o(a, t, n));
+      return /* @__PURE__ */ React.createElement(
+        Z,
+        {
+          item: e,
+          index: t,
+          active: r,
+          onClick: () => {
+            l.itemHandle(e, t), e != null && e.disabled || (A(e[l.rowKey], !e.rowcheck), S("selection-change", z()));
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            class: [s["virtual-table-row"], "virtual-table-row", "relative", typeof l.rowClassName == "string" ? l.rowClassName : l.rowClassName({ row: e, rowIndex: t })],
+            style: l.rowStyle({ row: e, rowIndex: t })
+          },
+          /* @__PURE__ */ React.createElement("div", { class: [s["virtual-table-row-tr"], "virtual-table-row-tr"] }, u),
+          l.expandSlotRender && /* @__PURE__ */ React.createElement("div", { style: { width: l.scroll ? ee() + "px" : "unset" }, class: [s["virtual-table-row-expand"], "virtual-table-row-expand"] }, l.expandSlotRender(e, t))
+        )
+      );
+    }, T = we({
+      startIndex: null,
+      endIndex: null,
+      visibleStartIndex: null,
+      visibleEndIndex: null
+    }), oe = Q(() => () => /* @__PURE__ */ React.createElement("div", { style: { position: "relative", background: "#fff" } }, /* @__PURE__ */ React.createElement(
+      Ee,
+      {
+        ref: w,
+        listClass: l.wrapClass,
+        keyField: l.rowKey,
+        itemClass: `${l.scroll ? s["scroll-item-class"] : ""} ${l.itemClass}`,
+        class: ["dynamic-scroller-ref", s["dynamic-scroller-ref"], l.border ? s.border : "", l.scroll ? s.scroll : ""],
+        items: p.value,
+        style: m.value,
+        minItemSize: l.minItemSize,
+        onScrollCapture: (e) => le(e),
+        emitUpdate: !!l.spanMethod,
+        onUpdate: (e, t, r, o) => {
+          T.startIndex = e, T.endIndex = t, T.visibleStartIndex = r, T.visibleEndIndex = o;
+        }
+      },
+      {
+        before: () => l.noHeader ? null : ae(),
+        default: ({ item: e, active: t }) => ne({ item: e, index: e.__index, active: t }),
+        empty: () => p.value.length ? /* @__PURE__ */ React.createElement("div", null) : l.emptySlotRender ? l.emptySlotRender() : /* @__PURE__ */ React.createElement(Se, { description: "数据为空" }),
+        after: () => l.afterSlotRender ? l.afterSlotRender() : null
+      }
+    ), l.backTop && /* @__PURE__ */ React.createElement(ke, { target: ".dynamic-scroller-ref", right: 48, bottom: 112, onClick: () => ce() }))), ce = () => {
+      var e, t;
+      (e = w.value) == null || e.scrollToItem(0);
+      try {
+        const r = document.querySelector(".business-scroll>.el-scrollbar__wrap"), o = document.querySelector(".factory-scroll>.el-scrollbar__wrap");
+        (t = r || o) == null || t.scrollTo({ top: 0, behavior: "smooth" });
+      } catch (r) {
+      }
+    };
+    K(
+      () => l.defaultSort,
+      () => {
+        l.defaultSort && (y.value = l.defaultSort);
+      }
+    );
+    let E = 0;
+    ye(() => q(null, null, function* () {
+      l.defaultSort && (y.value = l.defaultSort), p.value = l.items.map((t) => {
+        const r = l.tableColumn.find((u) => u.type === "select"), o = r && r.selectable && typeof r.selectable == "function" ? r.selectable(t) : !0;
+        return t.__ischildren ? g(_({}, t), { __index: E, rowcheck: !1, disabled: !o }) : g(_({}, t), { __index: E++, rowcheck: !1, disabled: !o });
+      }), k.value = N().offsetWidth, new ResizeObserver(() => q(null, null, function* () {
+        yield me(), k.value = N().offsetWidth;
+      })).observe(N());
+    }));
+    const N = () => w.value ? w.value.$el : {};
+    return h({
+      clearSelection: re,
+      getSelection: z,
+      setSelection: A,
+      getScrollEl: N,
+      scrollToItem: (e) => {
+        e < 0 || e > p.value.length - 1 || w.value.scrollToItem(e);
+      }
+    }), (e, t) => {
+      const r = _e("horizontal-scroll");
+      return ge((xe(), Re(Ce(oe), null, null, 512)), [
+        [r, "VTable"]
+      ]);
+    };
+  }
+}), Ve = /* @__PURE__ */ Ie(ze, [["__scopeId", "data-v-ece81034"]]);
+export {
+  Ve as V
+};

package/dist/VirtualTable.css

@@ -0,0 +1 @@
+._dynamic-scroller-ref_k5pxi_1{border-top:1px solid #ebeef5;border-radius:8px}._dynamic-scroller-ref_k5pxi_1::-webkit-scrollbar{width:10px;height:10px}._dynamic-scroller-ref_k5pxi_1::-webkit-scrollbar-thumb{background:#8e8e8e}._dynamic-scroller-ref_k5pxi_1::-webkit-scrollbar-thumb:hover{background:#8e8e8e}._dynamic-scroller-ref_k5pxi_1._border_k5pxi_15{border-left:1px solid #ebeef5}._dynamic-scroller-ref_k5pxi_1._border_k5pxi_15 ._virtual-table-row-td_k5pxi_18{position:relative}._dynamic-scroller-ref_k5pxi_1._border_k5pxi_15 ._virtual-table-row-td_k5pxi_18:before,._dynamic-scroller-ref_k5pxi_1._border_k5pxi_15 ._virtual-table-row-td_k5pxi_18:after{position:absolute;top:0;bottom:0;width:1px;background:#ebeef5;content:""}._dynamic-scroller-ref_k5pxi_1._border_k5pxi_15 ._virtual-table-row-td_k5pxi_18:before{left:0;transform:translate(-1px)}._dynamic-scroller-ref_k5pxi_1._border_k5pxi_15 ._virtual-table-row-td_k5pxi_18:after{right:0;transform:translate(1px)}._dynamic-scroller-ref_k5pxi_1._scroll_k5pxi_37 ._virtual-table-header_k5pxi_37,._dynamic-scroller-ref_k5pxi_1._scroll_k5pxi_37 ._virtual-table-header_k5pxi_37 ._virtual-table-row-th_k5pxi_40{width:max-content}._dynamic-scroller-ref_k5pxi_1._scroll_k5pxi_37 ._virtual-table-row_k5pxi_18 ._virtual-table-row-tr_k5pxi_43{width:max-content;height:100%}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37{min-width:100%}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._virtual-table-row-th_k5pxi_40{position:relative;display:flex;min-width:100%;font-weight:500}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._virtual-table-row-th_k5pxi_40 ._virtual-table-row-td_k5pxi_18{display:flex;justify-content:center;align-items:center;padding:0 10px;min-height:33px;background:#e2e8f7;border-bottom:1px solid #ebeef5;word-break:break-all}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._virtual-table-row-th_k5pxi_40 ._virtual-table-row-td_k5pxi_18:first-child{border-top-left-radius:6px}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._virtual-table-row-th_k5pxi_40 ._virtual-table-row-td_k5pxi_18:last-child{border-top-right-radius:6px}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._virtual-table-row-th_k5pxi_40 ._virtual-table-row-td_k5pxi_18._shadow-right_k5pxi_72:before{position:absolute;top:0;bottom:-1px!important;left:-10px!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset -10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._virtual-table-row-th_k5pxi_40 ._virtual-table-row-td_k5pxi_18._shadow-left_k5pxi_85:before{position:absolute;top:0;right:-10px!important;bottom:-1px!important;left:unset!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset 10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99{display:flex;flex-direction:column;margin-left:4px}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99 i{width:8px;cursor:pointer}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99 i:first-child{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #9198a8;margin-bottom:1px}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99 i:first-child._active_k5pxi_114,._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99 i:first-child._sort-asc-active_k5pxi_114{border-bottom-color:#000}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99 i:last-child{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #9198a8;margin-top:1px}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99 i:last-child._active_k5pxi_114,._dynamic-scroller-ref_k5pxi_1 ._virtual-table-header_k5pxi_37 ._sort-wrapper_k5pxi_99 i:last-child._sort-desc-active_k5pxi_123{border-top-color:#000}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-row_k5pxi_18{min-width:100%}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-row_k5pxi_18 ._virtual-table-row-tr_k5pxi_43{position:relative;display:flex;min-width:100%}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-row_k5pxi_18 ._virtual-table-row-tr_k5pxi_43 ._virtual-table-row-td_k5pxi_18{display:inline-flex;justify-content:center;align-items:center;border-bottom:1px solid #ebeef5;word-break:break-all;background-color:#fff}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-row_k5pxi_18 ._virtual-table-row-tr_k5pxi_43 ._virtual-table-row-td_k5pxi_18._shadow-right_k5pxi_72:before{position:absolute;top:0;bottom:-1px!important;left:-10px!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset -10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._dynamic-scroller-ref_k5pxi_1 ._virtual-table-row_k5pxi_18 ._virtual-table-row-tr_k5pxi_43 ._virtual-table-row-td_k5pxi_18._shadow-left_k5pxi_85:before{position:absolute;top:0;right:-10px!important;bottom:-1px!important;left:unset!important;overflow:hidden;width:10px!important;background:unset!important;box-shadow:inset 10px 0 10px -10px rgba(0,0,0,.15);content:"";touch-action:none;pointer-events:none}._scroll-item-class_k5pxi_170{width:auto!important}[data-v-ece81034] .vue-recycle-scroller__slot{position:sticky;top:0;z-index:10}[data-v-ece81034] .vue-recycle-scroller__item-wrapper{overflow:unset}[data-v-ece81034] .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view{min-width:100%}[data-v-ece81034] .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view:has(.virtual-table-priority-row-td){z-index:2}