@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es78.js

@@ -0,0 +1,824 @@
+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
+};