@dazhicheng/ui 1.5.199 → 1.5.201

package/dist/components/tt-table/src/TableForm.vue.js

@@ -0,0 +1,317 @@
+import { defineComponent as Me, useSlots as Ee, ref as Oe, computed as f, toValue as v, getCurrentInstance as Ae, unref as r, onMounted as U, watch as O, onUnmounted as _e, createElementBlock as q, openBlock as G, normalizeClass as B, createCommentVNode as ke, createElementVNode as Re, createVNode as A, renderSlot as g, createSlots as J, renderList as Q, withCtx as M, normalizeProps as X, guardReactiveProps as Y, mergeProps as Z, toHandlers as $e, nextTick as Be } from "vue";
+import { useForm as Ve } from "@dazhicheng-ui/index";
+import { useDesign as Le, useDebounceFn as V } from "@dazhicheng/hooks";
+import { extractResourceFromApi as xe, generateTestId as _, kebabToCamelCase as Ke, mergeWithArrayOverride as je, isFunction as ze } from "@dazhicheng/utils";
+import { useStore as De } from "@tanstack/vue-store";
+import { omit as Ne } from "lodash-es";
+import He from "xe-utils";
+import We from "./components/TableColumnModal.vue2.js";
+/* empty css                                */
+import { provideFormActionTestIds as Ue } from "./utils/context.js";
+import qe from "./components/TableToobalTools.vue.js";
+import { basicTableEmits as ee } from "./emits.js";
+import { GlobalConfig as Ge } from "@dazhicheng-ui/hooks/useSetup";
+import Je from "./Table.vue.js";
+/* empty css           */
+import { createTableFormContext as Qe } from "./hooks/useTableContext.js";
+import { useTableForm as Xe } from "./hooks/useTableForm.js";
+import { useCustomColumns as Ye } from "./hooks/useCustomColumns.js";
+import { useTableSlot as Ze } from "./hooks/useTableSlot.js";
+import { tableFormProps as et } from "./props.js";
+import { getDefaultState as tt } from "./utils/table-api.js";
+import { TableFormApi as ot } from "./utils/table-form-api.js";
+const st = ["data-testid"], at = ["data-testid"], Mt = /* @__PURE__ */ Me({
+  name: "TtTableForm",
+  __name: "TableForm",
+  props: et,
+  emits: [
+    "register",
+    "update:table-data",
+    "columns-setting",
+    "change-row-height",
+    "export",
+    "import",
+    "set-columns",
+    ...ee
+  ],
+  setup(te, { expose: oe, emit: se }) {
+    var N, H, W;
+    const m = te, T = se, L = Ee(), { prefixCls: k } = Le("table-form"), w = Oe();
+    let t = m.tableFormApi;
+    if (!t) {
+      t = new ot(m);
+      const e = t;
+      e.useStore = (o) => De(t.store, o), t = e;
+    }
+    const R = (N = t == null ? void 0 : t.useStore) == null ? void 0 : N.call(t), C = f(() => {
+      var o;
+      if (m.testId) return m.testId;
+      const e = (o = v(R)) == null ? void 0 : o.table;
+      return e != null && e.api ? xe(e.api) : "table";
+    }), ae = f(() => _(C.value, "tableform")), re = f(() => _(C.value, "search-form-header")), le = f(() => _(C.value, "search-btn-query")), ne = f(() => _(C.value, "search-btn-reset")), ie = f(() => ({
+      submit: le.value,
+      reset: ne.value
+    }));
+    Ue(ie);
+    const x = {}, c = Ae(), S = f(() => v(R)), { getFormSlotKeysFunc: ue, getTableSlotKeysFunc: me, replaceTableSlotKey: ce, replaceFormSlotKey: de } = Ze(), {
+      tableData: pe,
+      getFormProps: $,
+      getTableProps: d,
+      getTableToolProps: be,
+      handleSearchInfoChange: K
+    } = Xe(
+      S,
+      t.tableApi.reload,
+      t.tableApi.getLoading,
+      t.tableApi.getPagination,
+      T
+    ), { run: fe } = V(
+      async () => {
+        const e = await s.getValues();
+        await s.resetForm(e, { force: !0 });
+        const o = await s.getValues();
+        s.setLatestSubmissionValues(o), (await (s == null ? void 0 : s.validate())).valid && K(o);
+      },
+      200,
+      { leading: !0 }
+    ), { run: ge } = V(
+      async (e) => {
+        await t.grid.clearFilter(), await K(e);
+      },
+      200,
+      { leading: !0 }
+    ), [he, s] = Ve({
+      ...v($),
+      handleSubmit: ge,
+      handleReset: fe,
+      submitOnEnter: !0,
+      submitButtonOptions: {
+        content: (H = Ge.form) == null ? void 0 : H.submitTitle
+      },
+      showCollapseButton: !0,
+      collapsed: !0,
+      collapseTriggerResize: !0
+    }), { initCustomSetting: Ce, saveColumns: Se } = Ye({
+      getTableProps: d,
+      tableMethods: t.tableApi,
+      getProps: S
+    }), j = async () => {
+      await Be(), t.tableApi && t.tableApi.redoHeight();
+    };
+    ee.forEach((e) => {
+      const o = He.camelCase(e);
+      x[o] = (...a) => T(e, ...a);
+    });
+    const ve = {
+      ...x
+    };
+    function Te(e) {
+      t.setState((o) => o.table ? (o.table.getSyncSlotComponent = m.table.getSyncSlotComponent, je(
+        {
+          ...e,
+          table: {
+            ...tt(),
+            ...e.table
+          }
+        },
+        o
+      )) : {}), e.table && t.tableApi.setState(e.table), e.form && (s == null || s.setState(e.form));
+    }
+    const { run: we } = V(
+      async (e) => {
+        s.isMounted && r(S).useSearchForm ? s.validate().then(async (o) => {
+          if (o.valid) {
+            const a = await s.getValues();
+            await t.tableApi.reload({
+              ...e,
+              searchInfo: {
+                ...e == null ? void 0 : e.searchInfo,
+                ...a
+              }
+            });
+          }
+        }) : t.tableApi.reload({
+          ...e,
+          searchInfo: {
+            ...e == null ? void 0 : e.searchInfo
+          }
+        });
+      },
+      200,
+      { leading: !0 }
+    ), E = {
+      tableMethods: t.tableApi,
+      formMethods: s,
+      setTableProps: t.tableApi.setState,
+      setFormProps: s.setState,
+      setProps: Te,
+      reload: we,
+      selectedKeys: f(() => v(t.tableApi.selectedKeys))
+    };
+    async function ye() {
+      const { tableRefreshBefore: e } = S.value;
+      e && ze(e) && await e(), E.reload();
+    }
+    async function Fe(e) {
+      var p, u;
+      const o = ((u = (p = S.value) == null ? void 0 : p.table) == null ? void 0 : u.columns) || [], a = new Map(o.map((i) => [i.field, i])), n = e.checkedModel.map((i) => a.get(i)).filter(Boolean);
+      if (e.isExport) {
+        T("export", e.checkedModel, e.modalApi);
+        return;
+      }
+      e.modalApi.setModalProps({
+        confirmLoading: !0
+      }), d.value.useHttpCache && await Se(JSON.stringify(e.checkedModel)), t.tableApi.setTableColumns(n), e.modalApi.setModalProps({
+        confirmLoading: !1
+      }), e.modalApi.closeModal(), T("set-columns", n);
+    }
+    function z(e = !1) {
+      var u, i, h, b, y, F, P, I;
+      const { notSetColumnField: o, columns: a } = r(d), n = (b = (h = (i = ((u = t.tableApi.getTableInstance()) == null ? void 0 : u.getTableColumn()) || []) == null ? void 0 : i.visibleColumn) == null ? void 0 : h.map((l) => l.field)) == null ? void 0 : b.filter(Boolean), p = ((F = (y = r(a)) == null ? void 0 : y.filter((l) => l.visible === !0 || l.visible === void 0)) == null ? void 0 : F.map((l) => l.field)) || [];
+      (P = w.value) == null || P.openModal({
+        columns: v(a) || [],
+        displayFields: e ? p : n,
+        disabledColumnField: o || []
+      }), (I = w.value) == null || I.setModalProps({
+        title: "列设置"
+      });
+    }
+    function D(e = !1) {
+      var u, i, h, b, y, F, P, I;
+      const { notSetColumnField: o, columns: a } = r(d), n = (b = (h = (i = ((u = t.tableApi.getTableInstance()) == null ? void 0 : u.getTableColumn()) || []) == null ? void 0 : i.visibleColumn) == null ? void 0 : h.map((l) => l.field)) == null ? void 0 : b.filter(Boolean), p = ((F = (y = r(a)) == null ? void 0 : y.filter((l) => l.visible === !0 || l.visible === void 0)) == null ? void 0 : F.map((l) => l.field)) || [];
+      (P = w.value) == null || P.openModal({
+        columns: v(a) || [],
+        displayFields: e ? p : n,
+        disabledColumnField: o || [],
+        isExport: !0
+      }), (I = w.value) == null || I.setModalProps({
+        title: "自定义导出"
+      });
+    }
+    Qe({ formInstance: s }), U(() => {
+      c && T("register", E, c == null ? void 0 : c.uid), setTimeout(() => {
+        Ce();
+      }, 16);
+    }), O(
+      () => t.tableApi.getLoading.value,
+      () => {
+        s && s.setState({
+          submitButtonOptions: { loading: t.tableApi.getLoading.value }
+        });
+      },
+      { immediate: (W = R.value.table) == null ? void 0 : W.immediate }
+    ), O(
+      () => $.value,
+      (e) => {
+        s && (s == null || s.setState(e));
+      },
+      { deep: !0 }
+    ), O(
+      () => d.value,
+      (e) => {
+        var o;
+        t != null && t.tableApi && ((o = t == null ? void 0 : t.tableApi) == null || o.setState(e));
+      },
+      { deep: !0 }
+    ), window.addEventListener("resize", j), U(() => {
+      t == null || t.mount(E, s), s == null || s.setState($.value);
+    });
+    function Pe(e) {
+      return Object.fromEntries(Object.entries(e).filter(([o]) => !o.startsWith("on")));
+    }
+    function Ie(e, o) {
+      return Object.fromEntries(Object.keys(e).map((a) => [a, o[a]]));
+    }
+    return O(
+      () => Ne(m, ["tableFormApi"]),
+      () => {
+        var u;
+        const e = {}, o = ((u = c == null ? void 0 : c.vnode) == null ? void 0 : u.props) || {}, a = new Set(Object.keys(m));
+        for (const [i, h] of Object.entries(o)) {
+          const b = Ke(i);
+          a.has(b) && (e[b] = h);
+        }
+        const n = Pe(e), p = Ie(n, m);
+        t.setState(p);
+      },
+      { deep: !0 }
+    ), _e(() => {
+      t == null || t.unmount(), window.removeEventListener("resize", j);
+    }), oe({ ...E, instance: c }), (e, o) => (G(), q("div", {
+      class: B(r(k)),
+      "data-testid": ae.value
+    }, [
+      S.value.useSearchForm ? (G(), q("div", {
+        key: 0,
+        class: B(`${r(k)}-header`),
+        "data-testid": re.value
+      }, [
+        A(r(he), {
+          "test-id": `${C.value}-search-form`
+        }, J({ _: 2 }, [
+          Q(r(ue)(r(L)), (a) => ({
+            name: r(de)(a),
+            fn: M((n) => [
+              g(e.$slots, a, X(Y(n || {})))
+            ])
+          }))
+        ]), 1032, ["test-id"]),
+        g(e.$slots, "header-down")
+      ], 10, at)) : ke("", !0),
+      Re("div", {
+        class: B({
+          [`${r(k)}-wrapper`]: !0,
+          "pt-(--tt-base-padding)!": !0,
+          "pb-(--tt-base-padding)!": !r(d).showPager
+        })
+      }, [
+        g(e.$slots, "table-top"),
+        A(Je, Z(r(d), {
+          data: r(pe),
+          "table-row-id": e.tableRowId,
+          "table-id": C.value,
+          "form-api": r(s),
+          "table-api": r(t).tableApi
+        }, $e(ve)), J({ _: 2 }, [
+          Q(r(me)(r(L)), (a) => ({
+            name: r(ce)(a),
+            fn: M((n) => [
+              g(e.$slots, a, X(Y(n || {})))
+            ])
+          })),
+          r(d).showToolbar ? {
+            name: "toolbar_tools",
+            fn: M(() => [
+              A(qe, Z(r(be), {
+                onOnRefresh: ye,
+                onOnExport: D,
+                onOnColumnsSetting: z
+              }), {
+                "toolbar-left": M(() => [
+                  g(e.$slots, "t-toolbar_tools-left")
+                ]),
+                "toolbar-right": M(() => [
+                  g(e.$slots, "t-toolbar_tools-right")
+                ]),
+                _: 3
+              }, 16),
+              g(e.$slots, "t-toolbar_tools")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["data", "table-row-id", "table-id", "form-api", "table-api"]),
+        g(e.$slots, "table-bottom")
+      ], 2),
+      A(We, {
+        ref_key: "tableColumnModalRef",
+        ref: w,
+        "open-export": D,
+        "open-column": z,
+        onOnSubmit: Fe
+      }, null, 512)
+    ], 10, st));
+  }
+});
+export {
+  Mt as default
+};

package/dist/components/tt-table/src/TableForm.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TableForm.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-table/src/componentMap.js

@@ -0,0 +1,4 @@
+const n = /* @__PURE__ */ new Map();
+export {
+  n as componentMap
+};

package/dist/components/tt-table/src/components/RowContext.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, provide as t, computed as p } from "vue";
+const d = Symbol("rowIndex"), u = n({
+  name: "RowContext",
+  props: {
+    /** 当前行索引 */
+    rowIndex: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(r, { slots: e }) {
+    return t(
+      d,
+      p(() => r.rowIndex)
+    ), () => {
+      var o;
+      return (o = e.default) == null ? void 0 : o.call(e);
+    };
+  }
+});
+export {
+  d as ROW_INDEX_KEY,
+  u as RowContext
+};

package/dist/components/tt-table/src/components/TableAction.vue.js

@@ -0,0 +1,222 @@
+import { defineComponent as q, useAttrs as G, ref as x, inject as _, computed as a, unref as r, toRaw as S, h as J, createElementBlock as s, openBlock as i, normalizeClass as h, createVNode as k, createBlock as c, createCommentVNode as u, withCtx as p, Fragment as f, renderList as A, renderSlot as Q, withDirectives as F, mergeProps as Z, normalizeStyle as W, toDisplayString as E, createElementVNode as ee, withModifiers as te, createSlots as oe, createTextVNode as re } from "vue";
+import { propTypes as v, useDesign as ne } from "@dazhicheng/hooks";
+import { calcWordsWidth as le, isBoolean as ie, isFunction as se, generateTestId as M, toKebabCase as P, isArray as de, isObject as ae } from "@dazhicheng/utils";
+import { TtButton as C } from "@dazhicheng-ui/components/tt-button";
+import { TtIcon as I } from "@dazhicheng-ui/components/tt-icon";
+import R from "@dazhicheng-ui/directives/disabled-tip";
+import { ElDivider as ue, ElSpace as pe, ElPopover as ce } from "element-plus";
+import fe from "../../../../assets/svg/action_more.svg.js";
+import { ROW_INDEX_KEY as me } from "./RowContext.js";
+const ve = { key: 1 }, be = ["onClick"], Be = /* @__PURE__ */ q({
+  name: "TtTableAction",
+  __name: "TableAction",
+  props: {
+    /** 操作项 */
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    /** 当前行索引（从0开始，用于生成唯一 testid） */
+    rowIndex: {
+      type: Number,
+      default: void 0
+    },
+    /** vxe-table 插槽上下文对象（包含 $rowIndex 等参数） */
+    slotContext: {
+      type: Object,
+      default: void 0
+    },
+    /** 是否分割线 */
+    // divider: propTypes.bool.def(true),
+    /** 是否清除冒泡 */
+    stopButtonPropagation: v.bool.def(!1),
+    /** 显示buttton的个数 默认是2 */
+    showBtnNums: v.number.def(3),
+    /** 弹出框的宽度 */
+    popoverWidth: v.number.def(27),
+    /** 是否自动换行 */
+    wrap: v.bool.def(!0)
+  },
+  setup(T) {
+    const n = T, b = G(), { prefixCls: B } = ne("table-action"), m = x(!1), D = _(
+      "tableIdContext",
+      a(() => "")
+    ), j = _(me, void 0), z = a(() => {
+      if (n.rowIndex !== void 0 && n.rowIndex !== null)
+        return n.rowIndex;
+      const t = r(j);
+      if (t != null)
+        return t;
+      if (n.slotContext && n.slotContext.$rowIndex !== void 0)
+        return n.slotContext.$rowIndex;
+      if (b.$rowIndex !== void 0 && b.$rowIndex !== null)
+        return b.$rowIndex;
+    });
+    function y(t) {
+      const o = r(D), e = z.value;
+      return e != null ? M(o, "action", `row${e}`, P(t)) : M(o, "action", P(t));
+    }
+    function $(t) {
+      const o = t.ifShow;
+      let e = !0;
+      return ie(o) && (e = o), se(o) && (e = o(t)), e;
+    }
+    const V = a(() => (S(n.actions) || []).filter((t) => $(t)).slice(0, n.showBtnNums)), g = a(() => (S(n.actions) || []).filter((t) => $(t)).slice(n.showBtnNums)), O = a(() => r(g).length > 0), U = a(() => "left flex items-center"), K = a(() => {
+      const t = document.getElementsByTagName("body")[0], o = window.getComputedStyle(t).fontFamily, e = g.value.map((d) => le(d.label, "12px", o) + 22), l = Math.max(...e);
+      return l > n.popoverWidth ? l : n.popoverWidth;
+    });
+    function N(t, o) {
+      const e = t;
+      return de(e) && e.length > 0 ? e.some((l) => !!(l != null && l.condition)) : ae(e) ? !!e.condition : !!o;
+    }
+    function H(t) {
+      if (!n.stopButtonPropagation) return;
+      t.composedPath().find((l) => {
+        var d;
+        return ((d = l.tagName) == null ? void 0 : d.toUpperCase()) === "BUTTON";
+      }) && t.stopPropagation();
+    }
+    const L = J(ue, {
+      direction: "vertical",
+      style: { fontSize: "12px", margin: "0 6px" }
+    });
+    function X(t) {
+      m.value = !0, w.value = t.target && t.target.getBoundingClientRect();
+    }
+    const w = x({
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    }), Y = x({
+      getBoundingClientRect() {
+        return w.value;
+      }
+    });
+    return (t, o) => (i(), s("div", {
+      class: h([r(B), U.value]),
+      onClick: H
+    }, [
+      k(r(pe), {
+        size: 0,
+        spacer: r(L),
+        wrap: T.wrap
+      }, {
+        default: p(() => [
+          (i(!0), s(f, null, A(V.value, (e, l) => (i(), s(f, {
+            key: `${l}-${e.label}`
+          }, [
+            e.slot ? Q(t.$slots, e.slot, Z({
+              key: 0,
+              ref_for: !0
+            }, e)) : F((i(), c(r(C), {
+              key: 1,
+              link: "",
+              type: e.type || "primary",
+              disabled: N(e.disabledTip, e.disabled),
+              style: W({ color: e.color, visibility: e.isTextHide ? "hidden" : "visible" }),
+              loading: e.loading,
+              "data-index": l,
+              "data-testid": y(e.label || ""),
+              onClick: e.onClick
+            }, {
+              default: p(() => [
+                e.iconFont ? (i(), s(f, { key: 0 }, [
+                  e.iconFont ? (i(), c(r(I), {
+                    key: 0,
+                    "icon-font": e.iconFont,
+                    class: h({ "mr-1": !!e.label })
+                  }, null, 8, ["icon-font", "class"])) : u("", !0)
+                ], 64)) : u("", !0),
+                e.label ? (i(), s("span", ve, E(e.label), 1)) : u("", !0)
+              ]),
+              _: 2
+            }, 1032, ["type", "disabled", "style", "loading", "data-index", "data-testid", "onClick"])), [
+              [r(R), e.disabledTip]
+            ])
+          ], 64))), 128)),
+          O.value ? (i(), c(r(C), {
+            key: 0,
+            link: "",
+            type: "primary",
+            "data-testid": y("more")
+          }, {
+            default: p(() => [
+              ee("span", {
+                onMouseover: te(X, ["stop"]),
+                onMouseleave: o[0] || (o[0] = (e) => m.value = !1)
+              }, [
+                k(r(I), {
+                  icon: r(fe),
+                  "is-custom-svg": "",
+                  size: 14
+                }, null, 8, ["icon"])
+              ], 32)
+            ]),
+            _: 1
+          }, 8, ["data-testid"])) : u("", !0)
+        ]),
+        _: 3
+      }, 8, ["spacer", "wrap"]),
+      w.value.left ? (i(), c(r(ce), {
+        key: 0,
+        visible: m.value,
+        "onUpdate:visible": o[1] || (o[1] = (e) => m.value = e),
+        trigger: "hover",
+        placement: "bottom",
+        width: K.value,
+        offset: 8,
+        "hide-after": 0,
+        "virtual-ref": Y.value,
+        "virtual-triggering": "",
+        "popper-class": `${r(B)}-popover-class`,
+        "popper-style": {
+          padding: "6px 0px",
+          minWidth: "60px"
+        }
+      }, {
+        default: p(() => [
+          (i(!0), s(f, null, A(g.value, (e, l) => (i(), s("div", {
+            key: `${l}-${e.label}`,
+            onClick: () => {
+              var d;
+              !e.disabled && ((d = e.onClick) == null || d.call(e));
+            }
+          }, [
+            F((i(), c(r(C), {
+              link: "",
+              disabled: N(e.disabledTip, e.disabled),
+              type: e.type || "primary",
+              style: W({ color: e.color }),
+              "data-testid": y(e.label || "")
+            }, oe({
+              default: p(() => [
+                e.label ? (i(), s(f, { key: 0 }, [
+                  re(E(e.label), 1)
+                ], 64)) : u("", !0)
+              ]),
+              _: 2
+            }, [
+              e.iconFont ? {
+                name: "icon",
+                fn: p(() => [
+                  k(r(I), {
+                    "icon-font": e.iconFont,
+                    class: h({ "mr-1": !!e.label })
+                  }, null, 8, ["icon-font", "class"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["disabled", "type", "style", "data-testid"])), [
+              [r(R), e.disabledTip]
+            ])
+          ], 8, be))), 128))
+        ]),
+        _: 1
+      }, 8, ["visible", "width", "virtual-ref", "popper-class"])) : u("", !0)
+    ], 2));
+  }
+});
+export {
+  Be as default
+};

package/dist/components/tt-table/src/components/TableAction.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TableAction.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-table/src/components/TableButtons.js

@@ -0,0 +1,117 @@
+import { defineComponent as I, inject as S, computed as d, toRaw as k, createVNode as n, resolveComponent as P, unref as f, isVNode as j, mergeProps as a, withDirectives as F, resolveDirective as $ } from "vue";
+import { propTypes as c, useDesign as x } from "@dazhicheng/hooks";
+import { isBoolean as z, isFunction as b, generateTestId as D, toKebabCase as N, isArray as O, isObject as A } from "@dazhicheng/utils";
+import { TtButton as R } from "@dazhicheng-ui/components/tt-button";
+import { TtIcon as m } from "@dazhicheng-ui/components/tt-icon";
+import U from "@dazhicheng-ui/directives/disabled-tip";
+import { ElPopover as V } from "element-plus";
+import { componentMap as _ } from "../componentMap.js";
+/* empty css                         */
+function E(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !j(l);
+}
+const X = /* @__PURE__ */ I({
+  name: "TtTableButton",
+  directives: {
+    disabledTip: U
+  },
+  props: {
+    /** 按钮acitons */
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    /** 分割线 */
+    divider: c.bool.def(!0),
+    /** 是否阻止默认行为 */
+    stopButtonPropagation: c.bool.def(!0)
+  },
+  setup(l, {
+    slots: g
+  }) {
+    const {
+      prefixCls: s
+    } = x("table-buttons"), h = S("tableIdContext", d(() => "")), T = (e) => D(f(h), "toolbar-btn", N(e)), C = (e) => {
+      const t = e.ifShow;
+      let o = !0;
+      return z(t) && (o = t), b(t) && (o = t(e)), o;
+    }, v = d(() => (k(l.actions) || []).filter((e) => C(e))), y = (e) => {
+      if (!l.stopButtonPropagation) return;
+      e.composedPath().find((r) => {
+        var i;
+        return ((i = r.tagName) == null ? void 0 : i.toUpperCase()) === "BUTTON";
+      }) && e.stopPropagation();
+    };
+    function B(e, t) {
+      const o = e;
+      return O(o) && o.length > 0 ? o.some((r) => !!(r != null && r.condition)) : A(o) ? !!o.condition : !!t;
+    }
+    function w(e, t = "default", o) {
+      if (!e || !Reflect.has(e, t) || !b(e[t]))
+        return null;
+      const r = e[t];
+      return r ? r(o) : null;
+    }
+    const u = (e, t) => F(n(R, a({
+      disabled: B(e.disabledTip, e.disabled),
+      key: t,
+      style: {
+        color: e.color
+      },
+      class: `${s}-reference-btn`,
+      onClick: e.onClick,
+      loading: e.loading,
+      type: e.type || "",
+      size: e.size || "default",
+      "data-testid": T(e.label || "")
+    }, e.props ?? {}), {
+      default: () => [n("span", null, [e.label || ""]), e.children && !e.disabled && n(m, {
+        "icon-font": "icon-xiala",
+        class: "el-icon--right"
+      }, null)],
+      ...e.iconFont && {
+        icon: () => n(m, {
+          "icon-font": e.iconFont,
+          size: 14
+        }, null)
+      }
+    }), [[$("disabled-tip"), e.disabledTip]]), p = (e) => e.map((t, o) => {
+      const r = _.get(t.component);
+      if (t.children && t.children.length > 0) {
+        const i = {
+          reference: () => u(t, o)
+        };
+        return t.disabled ? u(t, o) : n(V, {
+          placement: "bottom",
+          width: "auto",
+          trigger: "hover",
+          offset: 8,
+          "show-arrow": !1,
+          "popper-class": `${s}-popover`
+        }, {
+          default: () => [n("div", {
+            class: `${s}-popover-btnbox`
+          }, [p(t.children)])],
+          ...i
+        });
+      }
+      return t.slot ? w(g, t.slot, t) : t.component ? n(r, a({
+        key: o
+      }, t), null) : u(t, o);
+    });
+    return () => {
+      let e;
+      return n("div", {
+        class: `${s} flex`,
+        onClick: y
+      }, [n(P("el-space"), {
+        size: 8
+      }, E(e = p(f(v))) ? e : {
+        default: () => [e]
+      })]);
+    };
+  }
+});
+export {
+  X as default
+};