@a2simcode/ui 0.0.43 → 0.0.44

package/dist/simcode-ui.es78.js

@@ -1,824 +0,0 @@
-import { defineComponent as yt, getCurrentInstance as Ct, computed as T, ref as k, onMounted as bt, onBeforeUnmount as xt, watch as X, resolveComponent as me, openBlock as z, createElementBlock as V, normalizeStyle as Y, normalizeClass as Ne, createElementVNode as G, createVNode as wt, withCtx as St, createBlock as pe, createCommentVNode as I, Fragment as $t, renderList as Tt, toDisplayString as Mt } from "vue";
-import * as Fe from "@visactor/vtable";
-import { getIcon as Z } from "@iconify/vue";
-import { ElMessageBox as kt } from "element-plus";
-import { theme as ve } from "./simcode-ui.es189.js";
-import { initEditors as Rt, parseEditorName as zt } from "./simcode-ui.es190.js";
-import { useFormInject as Bt, useAppInject as _t, useTableProvide as At } from "./simcode-ui.es174.js";
-import { buildUUID as Ee, deepClone as Lt, getTextWidth as J } from "./simcode-ui.es57.js";
-import { getLabel as Nt } from "./simcode-ui.es60.js";
-import { useLayer as Ft } from "./simcode-ui.es64.js";
-const Et = { class: "j-table-footer" }, Wt = {
-  key: 0,
-  class: "j-table-pagination"
-}, Pt = ["onClick"], Ut = /* @__PURE__ */ yt({
-  name: "JTable",
-  __name: "table",
-  props: {
-    id: {
-      type: String,
-      default: ""
-    },
-    /**
-     * @zh 输入值【作为表单的编辑表格使用】
-     * @vModel
-     */
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * @zh 表格列配置（支持树形结构）
-     */
-    columns: {
-      type: Array,
-      required: !0,
-      default: () => []
-    },
-    /**
-     * @zh 表格数据
-     */
-    records: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * @zh 是否是树形结构
-     */
-    isTree: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @zh 是否显示序号
-     */
-    isShowNumber: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * @zh 是否开启多选
-     */
-    isMultiple: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @zh 是否分页
-     */
-    isPage: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @zh 分页样式是否是简洁模式
-     */
-    pageLayoutSimple: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @zh 每页显示个数选择器的选项设置
-     */
-    pageSizes: Array,
-    /**
-     * @zh 总的数据条数
-     */
-    pageTotal: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * @zh 当前页面
-     */
-    tablePage: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * @zh 当前显示页数
-     */
-    pageSize: {
-      type: Number,
-      default: 100
-    },
-    /**
-     * @zh 选中状态绑定的字段名
-     */
-    selectField: {
-      type: String,
-      default: ""
-    },
-    /**
-     * @zh 行主键
-     */
-    rowKey: {
-      type: String,
-      default: "id"
-    },
-    /**
-     * @zh 行内操作按钮配置
-     */
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * @zh 操作列最大显示按钮数量
-     */
-    actionsMaxCount: {
-      type: Number,
-      default: 3
-    },
-    /**
-     * @zh 操作列标题
-     */
-    actionsLabel: {
-      type: String,
-      default: "操作"
-    },
-    /**
-     * @zh 是否开启动画出现
-     */
-    isAnimationAppear: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @zh 高度模式 full 充满父容器 auto 根据内容自适应
-     */
-    heightMode: {
-      type: String,
-      default: "full"
-    },
-    /**
-     * @zh 最大高度，仅在 heightMode 为 auto 时生效
-     */
-    maxHeight: {
-      type: [String, Number],
-      default: void 0
-    },
-    /**
-     * @zh 高亮模式 cross 十字 row 行 column 列 cell 单元格
-     */
-    highlightMode: {
-      type: String,
-      default: "row"
-    },
-    /**
-     * @zh 编辑参数
-     */
-    editConfig: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["ready", "selectionChanged", "update:tablePage", "update:pageSize", "loadPageData", "rowChange", "update:modelValue", "change"],
-  setup(_, { expose: We, emit: Pe }) {
-    const Ve = Ct(), o = _, M = Pe, { formData: ee } = Bt(), { useData: Ie } = _t(), { getLabel: je } = Ie(), { openLayer: ye } = Ft(), De = T(() => o.heightMode === "auto" ? { height: "auto" } : {}), te = k(40), He = T(() => {
-      const e = {};
-      return o.heightMode === "auto" && (e.height = te.value + "px", e.flex = "none", o.maxHeight && (e.maxHeight = typeof o.maxHeight == "number" ? `${o.maxHeight}px` : o.maxHeight)), e;
-    }), j = k(null);
-    let a = null, D = 0, N = 0, ne = !1;
-    const B = k(0);
-    let oe = o.records.length, A = 45;
-    const le = k(!1), Ce = k({}), be = k([]), se = k(null), Oe = k(0);
-    let H = null, F = !1, O = !1;
-    const Ke = (e, t, n, l, r) => {
-      be.value = e, se.value = t, Oe.value = n, Ce.value = {
-        left: `${l}px`,
-        top: `${r}px`
-      }, le.value = !0, F = !1, document.addEventListener("wheel", re, { passive: !1 });
-    }, xe = () => {
-      le.value = !1, F = !1, O = !1, E(), document.removeEventListener("wheel", re);
-    }, we = () => {
-      E(), H = setTimeout(() => {
-        !F && !O && xe();
-      }, 100);
-    }, E = () => {
-      H && (clearTimeout(H), H = null);
-    }, qe = () => {
-      F = !0, E();
-    }, Qe = () => {
-      F = !1, we();
-    }, re = (e) => {
-      e.preventDefault();
-    }, Ue = (e) => {
-      se.value && e.click && e.click({ data: se.value, openLayer: ye }), xe();
-    }, Xe = () => {
-      const { Group: e, Text: t } = Fe.CustomLayout, n = o.actionsMaxCount, l = o.actions.length > n, r = l ? o.actions.slice(0, n - 1) : o.actions, s = l ? o.actions.slice(n - 1) : [];
-      let d = 0;
-      if (r.forEach((S, h) => {
-        const g = J(S.config?.label || S.label) || 0;
-        d += g + (h === 0 ? 24 : 12);
-      }), l) {
-        const S = (J("更多") || 0) + 12;
-        d += S;
-      }
-      const x = Math.max(80, d) + "px";
-      return {
-        field: "__actions__",
-        title: o.actionsLabel,
-        width: x,
-        maxWidth: x,
-        minWidth: x,
-        disableColumnResize: !0,
-        disableSelect: !0,
-        customLayout: (S) => {
-          const { table: h, row: g, col: f } = S, c = h.getCellOriginRecord(f, g), v = h.getRecordIndexByCell(f, g), y = new e({
-            height: 40,
-            display: "flex",
-            flexDirection: "row",
-            alignItems: "center",
-            justifyContent: "flex-start",
-            flexWrap: "nowrap"
-          });
-          if (r.forEach((i, m) => {
-            const p = i.config?.isDanger ? "#f53f3f" : "#165dff", u = new t({
-              text: i.label,
-              fontSize: 14,
-              fill: p,
-              boundsPadding: [0, 12, 0, m == 0 ? 12 : 0],
-              cursor: "pointer"
-            });
-            u.addEventListener("click", () => {
-              i.click && i.click({ data: c, openLayer: ye });
-            }), u.addEventListener("mouseenter", ($) => {
-              $.target.setAttribute("fill", $e(p, -20)), h.scenegraph.stage.renderNextFrame();
-            }), u.addEventListener("mouseleave", ($) => {
-              $.target.setAttribute("fill", p), h.scenegraph.stage.renderNextFrame();
-            }), y.add(u);
-          }), l) {
-            const i = "#1677ff", m = new t({
-              text: "更多",
-              fontSize: 14,
-              fill: i,
-              boundsPadding: [0, 0, 0, 0],
-              cursor: "pointer"
-            });
-            m.addEventListener("mouseenter", (p) => {
-              p.target.setAttribute("fill", $e(i, -20)), h.scenegraph.stage.renderNextFrame();
-              const u = j.value?.getBoundingClientRect();
-              if (u) {
-                const $ = p.canvasX + u.left - 64, fe = p.canvasY + u.top + 8;
-                Ke(s, c, v, $, fe);
-              }
-              O = !0, E();
-            }), m.addEventListener("mouseleave", (p) => {
-              p.target.setAttribute("fill", i), h.scenegraph.stage.renderNextFrame(), O = !1, we();
-            }), y.add(m);
-          }
-          return {
-            rootContainer: y,
-            renderDefault: !1
-          };
-        }
-      };
-    }, ae = (e, t) => {
-      for (const n of e) {
-        if (n.field === t)
-          return n;
-        if (n.columns) {
-          const l = ae(n.columns, t);
-          if (l)
-            return l;
-        }
-      }
-      return null;
-    }, Ye = (e, t, n, l) => {
-      const r = l.getBodyField(t, n), s = l.options?.columns || [], d = ae(s, r);
-      return d._fieldFormat ? d._fieldFormat(e, t, n, l) : Nt(e[r], je, {
-        type: d._compType,
-        getCompType: d._getCompType,
-        getCompConfig: d._getCompConfig,
-        config: d._compConfig,
-        formData: ee,
-        getTableData: ce,
-        row: e
-      });
-    }, Ge = (e) => {
-      const { dataValue: t, rect: n } = e;
-      let l = "mdi:toggle-switch", r = "#165dff";
-      t || (l = "mdi:toggle-switch-off", r = "#e5e6eb");
-      const s = Z(l), d = s?.body?.replace(/currentColor/g, r), x = [];
-      return x.push({
-        type: "icon",
-        svg: `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 ${s?.width} ${s?.height}"  >${d}</svg>`,
-        x: 8,
-        y: (n.height - 40) / 2,
-        width: 40,
-        height: 40
-      }), {
-        elements: x
-      };
-    }, Ze = (e) => {
-      const { dataValue: t, rect: n } = e, l = Number(t) || 0, r = 5, s = 20, d = 4, x = 8, S = (n.height - s) / 2, h = [], g = Z("mdi:star"), f = Z("mdi:star-half-full"), c = Z("mdi:star-outline"), v = "#f7ba2a", y = "#e5e6eb";
-      for (let i = 0; i < r; i++) {
-        const m = x + i * (s + d), p = S;
-        if (l >= i + 1) {
-          const u = g?.body?.replace(/currentColor/g, v);
-          h.push({
-            type: "icon",
-            svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${s}" viewBox="0 0 ${g?.width} ${g?.height}">${u}</svg>`,
-            x: m,
-            y: p,
-            width: s,
-            height: s
-          });
-        } else if (l > i && l < i + 1) {
-          const u = f?.body?.replace(/currentColor/g, v);
-          h.push({
-            type: "icon",
-            svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${s}" viewBox="0 0 ${f?.width} ${f?.height}">${u}</svg>`,
-            x: m,
-            y: p,
-            width: s,
-            height: s
-          });
-        } else {
-          const u = c?.body?.replace(/currentColor/g, y);
-          h.push({
-            type: "icon",
-            svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${s}" viewBox="0 0 ${c?.width} ${c?.height}">${u}</svg>`,
-            x: m,
-            y: p,
-            width: s,
-            height: s
-          });
-        }
-      }
-      return {
-        elements: h
-      };
-    }, Je = (e) => {
-      const { dataValue: t, rect: n, table: l, col: r, row: s } = e, d = l.getBodyField(r, s), x = l.options?.columns || [], h = ae(x, d)?._compConfig || {}, g = Number(h.min) || 0, f = Number(h.max) || 100, c = Number(t) || 0, v = f - g, y = v === 0 ? 0 : Math.max(0, Math.min(100, (c - g) / v * 100)), i = 4, m = 8, p = 8, u = (n.height - i) / 2, $ = String(c), fe = J($) || 0, he = m, Ae = u, L = n.width - m * 2 - fe - p, P = L * y / 100, Q = [], Le = (w, C, U) => {
-        const b = Math.min(U, C / 2, w / 2);
-        return `M ${b} 0 L ${w - b} 0 Q ${w} 0 ${w} ${b} L ${w} ${C - b} Q ${w} ${C} ${w - b} ${C} L ${b} ${C} Q 0 ${C} 0 ${C - b} L 0 ${b} Q 0 0 ${b} 0 Z`;
-      }, ft = (w, C, U) => {
-        const b = Math.min(U, C / 2, w / 2);
-        return w <= b * 2 ? Le(w, C, U) : `M ${b} 0 L ${w} 0 L ${w} ${C} L ${b} ${C} Q 0 ${C} 0 ${C - b} L 0 ${b} Q 0 0 ${b} 0 Z`;
-      }, ht = i / 2, mt = Le(L, i, ht);
-      if (Q.push({
-        type: "icon",
-        svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${L}" height="${i}" viewBox="0 0 ${L} ${i}"><path d="${mt}" fill="#e5e6eb"/></svg>`,
-        x: he,
-        y: Ae,
-        width: L,
-        height: i
-      }), P > 0) {
-        const w = i / 2, C = ft(P, i, w);
-        Q.push({
-          type: "icon",
-          svg: `<svg xmlns="http://www.w3.org/2000/svg" width="${P}" height="${i}" viewBox="0 0 ${P} ${i}"><path d="${C}" fill="#165dff"/></svg>`,
-          x: he,
-          y: Ae,
-          width: P,
-          height: i
-        });
-      }
-      const pt = he + L + p, vt = n.height / 2;
-      return Q.push({
-        type: "text",
-        text: $,
-        x: pt,
-        y: vt,
-        fontSize: 14,
-        fill: "#333333",
-        textAlign: "left",
-        textBaseline: "middle"
-      }), {
-        elements: Q
-      };
-    }, Se = (e) => {
-      const t = e.filter((n) => n.config?.display !== !1).map((n) => {
-        const { id: l, type: r, config: s, getCompConfig: d, getCompType: x, children: S } = n, {
-          label: h,
-          width: g,
-          minWidth: f,
-          maxWidth: c,
-          align: v,
-          fieldFormat: y,
-          editor: i,
-          frozen: m,
-          ...p
-        } = s || {}, u = {
-          field: l,
-          title: h,
-          width: g,
-          minWidth: f,
-          maxWidth: c,
-          style: {
-            textAlign: v
-          },
-          _fieldFormat: y,
-          _compType: r,
-          _compConfig: {
-            ...p
-          },
-          _getCompConfig: d,
-          _getCompType: x,
-          frozen: m
-        }, $ = zt(r);
-        return $ && (u.editor = $, r === "j-switch" && (u.customRender = Ge), ne = !0), r === "j-rate" && (u.customRender = Ze), r === "j-slider" && (u.customRender = Je), u.fieldFormat = Ye, S && (u.columns = Se(S)), u;
-      });
-      return o.isTree && t.length > 0 && (t[0].tree = !0), t;
-    }, $e = (e, t) => {
-      const n = e.replace("#", ""), l = parseInt(n, 16), r = Math.min(255, Math.max(0, (l >> 16) + t)), s = Math.min(255, Math.max(0, (l >> 8 & 255) + t)), d = Math.min(255, Math.max(0, (l & 255) + t));
-      return `#${(r << 16 | s << 8 | d).toString(16).padStart(6, "0")}`;
-    }, Te = () => {
-      let e = oe;
-      o.isPage && (e = ke.value + oe);
-      const t = String(e), n = J(t) || 0;
-      return Math.max(45, n + 18);
-    }, et = () => ({
-      field: "__sequence__",
-      title: "序号",
-      width: A,
-      minWidth: A,
-      maxWidth: A,
-      disableColumnResize: !0,
-      // maxWidth: 10,
-      headerStyle: {
-        textAlign: "center"
-      },
-      style: {
-        textAlign: "center"
-      },
-      fieldFormat: (e, t, n, l) => {
-        const r = l.getRecordIndexByCell(t, n);
-        return o.isPage ? ke.value + r + 1 : r + 1;
-      },
-      _getCompConfig: void 0,
-      _getCompType: void 0
-    }), tt = () => {
-      D = 0, N = 0, ne = !1;
-      const e = {};
-      let t = Se(o.columns);
-      const n = (g) => {
-        if (g.frozen) return g.frozen;
-        if (g.columns)
-          for (const f of g.columns) {
-            const c = n(f);
-            if (c) return c;
-          }
-      }, l = (g) => {
-        const f = [];
-        return g.forEach((c) => {
-          if (c.frozen) {
-            f.push(c);
-            return;
-          }
-          if (!c.columns || c.columns.length === 0) {
-            f.push(c);
-            return;
-          }
-          const v = l(c.columns), y = [], i = [], m = [];
-          if (v.forEach((u) => {
-            const $ = n(u);
-            $ === "left" ? y.push(u) : $ === "right" ? i.push(u) : m.push(u);
-          }), (y.length > 0 ? 1 : 0) + (i.length > 0 ? 1 : 0) + (m.length > 0 ? 1 : 0) <= 1) {
-            c.columns = v, f.push(c);
-            return;
-          }
-          y.length && f.push({ ...c, columns: y }), m.length && f.push({ ...c, columns: m }), i.length && f.push({ ...c, columns: i });
-        }), f;
-      };
-      t = l(t);
-      const r = (g) => {
-        let f = 0, c = 0;
-        return g.forEach((v) => {
-          if (v.columns && v.columns.length > 0) {
-            const y = r(v.columns);
-            f += y.left, c += y.right;
-          } else
-            v.frozen === "left" ? f++ : v.frozen === "right" && c++;
-        }), { left: f, right: c };
-      }, s = [], d = [], x = [];
-      t.forEach((g) => {
-        const f = n(g);
-        f === "left" ? s.push(g) : f === "right" ? d.push(g) : x.push(g);
-      });
-      const S = r(s), h = r(d);
-      return N += S.left, D += h.right, t = [...s, ...x, ...d], o.isShowNumber && (t.unshift(et()), N++), o.actions.length > 0 && (t.push(Xe()), D++), ne && (e.editCellTrigger = "click", e.keyboardOptions = {
-        copySelected: !0,
-        cutSelected: !0,
-        pasteValueToCell: !0,
-        selectAllOnCtrlA: !0
-      }), { columns: t, option: e };
-    }, Me = () => {
-      const e = tt();
-      R.value && N++;
-      const t = {
-        records: [],
-        columns: e.columns,
-        autoFillWidth: !0,
-        // autoFillHeight: true,
-        enableCheckboxCascade: R.value,
-        enableHeaderCheckboxCascade: R.value,
-        rightFrozenColCount: D,
-        frozenColCount: N,
-        emptyTip: {
-          text: "暂无数据"
-        },
-        tooltip: {
-          isShowOverflowTextTooltip: !0
-        },
-        hover: {
-          highlightMode: o.highlightMode
-        },
-        select: {
-          highlightMode: o.highlightMode
-        },
-        ...e.option
-      };
-      return o.isAnimationAppear && (t.animationAppear = {
-        duration: 100,
-        delay: 0,
-        type: "one-by-one",
-        // all
-        direction: "row"
-        // colunm
-      }), R.value && (t.rowSeriesNumber = {
-        width: 40,
-        minWidth: 40,
-        maxWidth: 40,
-        disableColumnResize: !0,
-        format: () => "",
-        cellType: "checkbox",
-        headerType: "checkbox",
-        headerStyle: {
-          textAlign: "center"
-        },
-        style: {
-          textAlign: "center"
-        }
-      }, o.selectField && (t.rowSeriesNumber.field = o.selectField)), t.theme = ve, o.heightMode === "auto" && (t.theme = {
-        ...ve,
-        scrollStyle: {
-          ...ve.scrollStyle,
-          hoverOn: !0,
-          width: 8
-        }
-      }), t;
-    }, nt = () => {
-      if (!j.value) return;
-      A = Te(), Rt();
-      const e = Me(), t = _e();
-      t.length > 0 ? e.records = t : (e.records = o.records, M("update:modelValue", o.records)), a = new Fe.ListTable(j.value, e), a._getAppContext = () => Ve?.appContext, a.on("click_cell", ({ col: n, cellType: l }) => {
-        if (R.value) {
-          if (l === "checkbox" && n == 0) {
-            const r = W();
-            B.value = r.length, M("selectionChanged", r);
-          }
-        } else
-          setTimeout(() => {
-            const r = W();
-            B.value = r.length, M("selectionChanged", r);
-          }, 0);
-      }), te.value = a.getAllRowsHeight(), M("ready", a);
-    }, ot = () => {
-      a && (a.release(), a = null);
-    }, lt = () => a, ie = (e) => {
-      if (B.value = 0, a) {
-        a.setScrollTop(0), oe = e.length;
-        const t = Te();
-        t !== A ? (A = t, K(e)) : a.setRecords(e);
-      }
-    }, ce = () => a ? a.records : [];
-    bt(() => {
-      nt();
-    }), xt(() => {
-      ot(), E(), document.removeEventListener("wheel", re);
-    });
-    const ue = T({
-      get() {
-        return o.tablePage;
-      },
-      set(e) {
-        M("update:tablePage", e);
-      }
-    }), de = k(0), ge = T({
-      get() {
-        return de.value !== 0 ? de.value : o.pageSize;
-      },
-      set(e) {
-        de.value = e, M("update:pageSize", e);
-      }
-    }), ke = T(() => (ue.value - 1) * ge.value), st = (e, t) => {
-      M("loadPageData", {
-        rows: t,
-        page: e
-      });
-    }, W = () => {
-      if (!a) return [];
-      if (!R.value) {
-        const e = a.getSelectedCellInfos();
-        if (e && e.length > 0) {
-          const t = e[0][0], n = a.getRecordIndexByCell(t.col, t.row), l = a.records[n];
-          return l ? [l] : [];
-        }
-        return [];
-      }
-      if (a.stateManager && a.stateManager.checkedState) {
-        const e = a.stateManager.checkedState, t = [];
-        return e.forEach((n, l) => {
-          if (Object.values(n).some((s) => s === !0)) {
-            const s = Number(l);
-            !isNaN(s) && a.records[s] && t.push(a.records[s]);
-          }
-        }), t;
-      }
-      return [];
-    }, Re = (e) => o.rowKey ? o.rowKey.split(",").map((n) => e[n.trim()]).join("::") : "", ze = (e) => {
-      if (!a) return;
-      R.value || a.clearSelected();
-      const t = a.records;
-      if (o.rowKey) {
-        const n = new Set(e.map(Re));
-        t.forEach((l, r) => {
-          const s = n.has(Re(l)), d = a.getTableIndexByRecordIndex(r);
-          R.value ? a.setCellCheckboxState(0, d, s) : a.selectRow(d);
-        });
-      } else
-        console.warn("Warning: rowKey is not defined. Please set rowKey to enable row selection.");
-    }, rt = (e) => {
-      M("rowChange", e);
-    }, K = (e) => {
-      if (!a) return;
-      const t = W(), n = Me();
-      n.records = e || a.records, a.updateOption(n, {
-        clearColWidthCache: !1,
-        clearRowHeightCache: !1
-      }), o.heightMode === "auto" && (te.value = a.getAllRowsHeight()), e ? B.value = 0 : (B.value = t.length, t.length > 0 && ze(t));
-    }, Be = T(() => o.editConfig.isAddBtn), at = T(() => o.editConfig.addBtnText || "添加"), q = T(() => o.editConfig.isRemoveBtn), it = T(() => o.editConfig.readonly), R = T(() => o.isMultiple || q.value), _e = () => {
-      const e = o.modelValue || [];
-      return e.forEach((t) => {
-        t._i || (t._i = Ee());
-      }), e;
-    };
-    X(
-      () => o.modelValue,
-      () => {
-        const e = _e();
-        ie(e);
-      }
-    );
-    const ct = T(() => {
-      const e = (t) => {
-        const n = [];
-        return t.forEach((l) => {
-          l.children && l.children.length > 0 ? n.push(...e(l.children)) : n.push(l);
-        }), n;
-      };
-      return e(o.columns);
-    }), ut = () => {
-      const e = {};
-      e._i = Ee(), ct.value.forEach((t) => {
-        const n = t.config?.valueRowKey || t.id || "";
-        n && (e[n] = Lt(t.config?.defaultValue));
-      }), a && (a.addRecord(e), a.scrollToCell({ col: 0, row: a.records.length })), M("change", {
-        id: o.id,
-        value: e,
-        data: e,
-        formData: ee,
-        tableData: a.records,
-        type: "add"
-      });
-    }, dt = T(() => B.value > 0), gt = () => {
-      if (!a) return;
-      const e = W();
-      e.length !== 0 && kt.confirm(`确定要删除选中的 ${e.length} 条记录吗？`, "删除确认", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        const t = a.records, n = new Set(e.map((r) => r._i)), l = t.filter(
-          (r) => !n.has(r._i)
-        );
-        ie(l), M("update:modelValue", l), e.forEach((r) => {
-          M("change", {
-            id: o.id,
-            value: r,
-            data: r,
-            formData: ee,
-            tableData: l,
-            type: "delete"
-          });
-        }), B.value = 0;
-      }).catch(() => {
-      });
-    };
-    return X(
-      () => o.columns,
-      () => {
-        K();
-      }
-    ), X(
-      () => [
-        o.isTree,
-        o.isMultiple,
-        o.isShowNumber,
-        o.isPage,
-        o.isAnimationAppear,
-        o.actionsMaxCount,
-        o.actionsLabel,
-        o.selectField,
-        o.heightMode,
-        o.highlightMode,
-        o.pageTotal,
-        q.value
-      ],
-      () => {
-        K();
-      }
-    ), X(
-      () => o.actions,
-      () => {
-        K();
-      },
-      { deep: !0 }
-    ), At({
-      getTableData: ce,
-      rowChange: rt
-    }), We({
-      getInstance: lt,
-      setRecords: ie,
-      getRecords: ce,
-      getSelection: W,
-      setSelection: ze
-    }), (e, t) => {
-      const n = me("j-button"), l = me("el-space"), r = me("el-pagination");
-      return z(), V("div", {
-        class: Ne(["j-table", { "j-table-auto": _.heightMode === "auto" }]),
-        style: Y(De.value)
-      }, [
-        G("div", {
-          class: "j-table-wrapper",
-          style: Y(He.value)
-        }, [
-          G("div", {
-            ref_key: "tableContainer",
-            ref: j,
-            class: Ne("j-block")
-          }, null, 512)
-        ], 4),
-        G("div", Et, [
-          _.isPage || !it.value && (Be.value || q.value) ? (z(), V("div", Wt, [
-            wt(l, null, {
-              default: St(() => [
-                Be.value ? (z(), pe(n, {
-                  key: 0,
-                  type: "link",
-                  label: at.value,
-                  icon: "mdi:add",
-                  onClick: ut
-                }, null, 8, ["label"])) : I("", !0),
-                q.value ? (z(), pe(n, {
-                  key: 1,
-                  type: "link",
-                  label: "删除",
-                  icon: "mdi:delete-outline",
-                  danger: "",
-                  disabled: !dt.value,
-                  onClick: gt
-                }, null, 8, ["disabled"])) : I("", !0)
-              ]),
-              _: 1
-            }),
-            t[2] || (t[2] = G("div", null, null, -1)),
-            _.isPage ? (z(), pe(r, {
-              key: 0,
-              "current-page": ue.value,
-              "onUpdate:currentPage": t[0] || (t[0] = (s) => ue.value = s),
-              "page-size": ge.value,
-              "onUpdate:pageSize": t[1] || (t[1] = (s) => ge.value = s),
-              "page-sizes": _.pageSizes || [100, 200, 500, 1e3],
-              total: _.pageTotal,
-              layout: "total, prev, pager, next,sizes",
-              onChange: st
-            }, null, 8, ["current-page", "page-size", "page-sizes", "total"])) : I("", !0)
-          ])) : I("", !0)
-        ]),
-        le.value ? (z(), V("div", {
-          key: 0,
-          class: "j-table-dropdown",
-          style: Y(Ce.value),
-          onMouseenter: qe,
-          onMouseleave: Qe
-        }, [
-          (z(!0), V($t, null, Tt(be.value, (s) => (z(), V("div", {
-            key: s.id,
-            class: "j-table-dropdown-item",
-            style: Y({
-              color: s.config?.isDanger ? "var(--j-color-danger)" : "var(--j-color-primary)"
-            }),
-            onClick: (d) => Ue(s)
-          }, Mt(s.label), 13, Pt))), 128))
-        ], 36)) : I("", !0)
-      ], 6);
-    };
-  }
-});
-export {
-  Ut as default
-};