workdesktop-ai 1.0.1 → 1.1.0

package/dist/chunks/DataGrid-BhgND4G_.mjs

@@ -0,0 +1,1124 @@
+import { defineComponent as Fe, useSlots as Ft, ref as D, computed as m, watch as N, nextTick as we, onMounted as Ot, onBeforeUnmount as Lt, resolveComponent as P, resolveDirective as It, openBlock as o, createElementBlock as y, normalizeStyle as Gt, normalizeClass as A, renderSlot as Y, unref as u, createBlock as f, withCtx as a, createVNode as n, createTextVNode as C, createCommentVNode as g, toDisplayString as M, withDirectives as Oe, Fragment as J, renderList as Q, createElementVNode as E, isRef as Nt, withModifiers as Le, resolveDynamicComponent as jt, createSlots as Ut } from "vue";
+import { Plus as Ie, Download as Ge, Refresh as Ne, ScaleToOriginal as je, Grid as Ue, Menu as We, Setting as qe, ShoppingCart as Ye, Rank as Wt } from "@element-plus/icons-vue";
+import { u as qt, a as Yt, o as Jt } from "./useColumnSettings-BDtF5-8R.mjs";
+import { a as Qt } from "./linkage-FbL1mcz3.mjs";
+import { c as Xt, a as Zt } from "./http-DUPsbs2K.mjs";
+import { _ as ea } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const ta = {
+  key: 0,
+  class: "wd-datagrid__toolbar"
+}, aa = {
+  key: 0,
+  class: "wd-datagrid__cart-text"
+}, la = {
+  key: 2,
+  class: "wd-datagrid__cards"
+}, na = { class: "wd-datagrid__card-title" }, oa = { class: "wd-datagrid__card-body" }, ia = { class: "wd-datagrid__card-label" }, ra = { class: "wd-datagrid__card-value" }, ua = {
+  key: 0,
+  class: "wd-datagrid__bottom-group wd-datagrid__bottom-actions"
+}, da = {
+  key: 0,
+  class: "wd-datagrid__cart-text"
+}, sa = { class: "wd-datagrid__col-setting" }, ca = ["onDragover", "onDragleave", "onDrop"], fa = ["onDragstart"], ga = {
+  key: 1,
+  class: "wd-datagrid__cart-list"
+}, va = { class: "wd-datagrid__cart-name" }, pa = /* @__PURE__ */ Fe({
+  name: "WdDataGrid",
+  __name: "DataGrid",
+  props: {
+    // 数据源
+    api: { type: String, default: "" },
+    apiMethod: { type: String, default: "post" },
+    apiParam: { type: Object, default: () => ({}) },
+    active: { type: Boolean, default: !1 },
+    /** 静态数据（数组） */
+    dataSource: { type: [Array, Object], default: void 0 },
+    // 分页 / 搜索 / 模式
+    withPager: { type: Boolean, default: !0 },
+    withSearch: { type: Boolean, default: !1 },
+    modeSwitch: { type: Boolean, default: !1 },
+    dynamicColumn: { type: Boolean, default: !1 },
+    columnStorageKey: { type: String, default: "" },
+    // 表格展示
+    fix: { type: Boolean, default: !0 },
+    border: { type: Boolean, default: !1 },
+    stripe: { type: Boolean, default: !1 },
+    /**
+     * 高度模式：缺省内容自适应（数据多少就多高）；
+     * 'fix' —— 贴合最近一个有确定高度 / 可滚动的祖先容器（顶部取自身位置、底部贴其内容区底），
+     *          数据超出在行区内滚动、表头固定；祖先无定高 / 滚动约束时退化为内容自适应；
+     * 数字 / CSS 长度（如 '520px'）—— 表格固定高度，行区内滚动。
+     */
+    height: { type: [String, Number], default: void 0 },
+    autoHeight: { type: Boolean, default: !1 },
+    rowKey: { type: String, default: "" },
+    tableSize: { type: String, default: "default" },
+    pagerStyle: { type: String, default: "normal" },
+    /** 分页在底栏的水平位置：left/center/right；缺省走全局配置 page.pager.position（默认 right） */
+    pagerPosition: { type: String, default: "" },
+    withIndex: { type: Boolean, default: !0 },
+    withSelection: { type: Boolean, default: !1 },
+    // 行合并
+    rowspanKey: { type: String, default: "" },
+    rowspanColumn: { type: Array, default: () => [] },
+    // 树形
+    treeProps: { type: Object, default: () => ({ children: "children", hasChildren: "hasChildren" }) },
+    defaultExpandAll: { type: Boolean, default: !1 },
+    // selection v-model
+    modelValue: { type: Array, default: () => [] },
+    /**
+     * 选中项返回：默认返回完整行对象数组；如果设置 selectionKey，则返回对应字段值数组
+     */
+    selectionKey: { type: String, default: "" },
+    // tools
+    tools: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * 内置工具按钮组（刷新 / 大小 / 模式切换 / 列设置 / 购物车）位置：
+     * left 右上左区 / right 右上右区（默认）/ bottom 底栏（与分页同一行）
+     */
+    toolsPosition: {
+      type: String,
+      default: "right"
+    },
+    /**
+     * 自定义工具栏（toolbar 插槽 + 新增/导出按钮）位置：
+     * left 左上左区（默认）/ right 左上右区 / bottom 底栏（与分页同一行）
+     */
+    toolbarPosition: {
+      type: String,
+      default: "left"
+    },
+    /** 内置操作列配置（渲染行操作按钮，点击 emit row-action） */
+    rowActions: {
+      type: Array,
+      default: () => []
+    },
+    // 跨页选择「购物车」
+    withSelectionCart: { type: Boolean, default: !1 },
+    /** 购物车去重/自动回勾的唯一键字段，缺省复用 rowKey，均未配置时退化为按行对象引用比较 */
+    cartRowKey: { type: String, default: "" },
+    /** 购物车按钮与查看面板配置 */
+    cartConfig: {
+      type: Object,
+      default: () => ({
+        type: "dialog",
+        title: "已选数据",
+        buttonText: "",
+        size: 560,
+        showClear: !0,
+        showRemove: !0
+      })
+    },
+    // 联动
+    filter: { type: String, default: "" }
+  },
+  emits: [
+    "add",
+    "export",
+    "row-action",
+    "page-change",
+    "selection-change",
+    "mode-change",
+    "loaded",
+    "apiBefore",
+    "apiAfter",
+    "update:modelValue",
+    "cart-change"
+  ],
+  setup(d, { expose: Je, emit: Qe }) {
+    const Xe = Fe({
+      name: "WdColumnRenderer",
+      props: {
+        vnodes: { type: Array, default: () => [] }
+      },
+      render() {
+        return this.vnodes;
+      }
+    }), l = d, b = Qe, re = Ft(), H = D(null), $ = D("table"), w = m(() => ({
+      refresh: l.tools.refresh !== !1,
+      // 默认 true
+      columnSetting: l.tools.columnSetting === !0,
+      // 默认 false
+      modeSwitch: l.tools.modeSwitch !== !1,
+      // 默认 true（需配合 card-item 插槽才渲染）
+      size: l.tools.size !== !1,
+      // 默认 true
+      add: l.tools.add === !0,
+      // 默认 false
+      export: l.tools.export === !0
+      // 默认 false
+    })), B = m(() => l.tools.mode || "round"), k = m(() => l.tools.buttonSize || void 0), Ze = m(() => !!re.toolbar), ue = m(() => Ze.value || w.value.add || w.value.export), de = m(
+      () => w.value.refresh || w.value.size || (w.value.modeSwitch || l.modeSwitch) && !!re["card-item"] || w.value.columnSetting || l.dynamicColumn || l.withSelectionCart
+    ), be = m(() => ue.value && l.toolbarPosition !== "bottom"), Se = m(() => de.value && l.toolsPosition !== "bottom"), Ce = m(() => ue.value && l.toolbarPosition === "bottom"), ke = m(() => de.value && l.toolsPosition === "bottom"), et = m(() => be.value || Se.value), tt = m(
+      () => Ce.value || ke.value || l.withPager && $.value === "table"
+    );
+    m(() => ue.value || de.value);
+    let O = !1;
+    const p = D([]), se = D(!1);
+    function V(e) {
+      const t = l.cartRowKey || l.rowKey;
+      return t ? e == null ? void 0 : e[t] : e;
+    }
+    function at(e) {
+      const t = l.cartRowKey || l.rowKey;
+      if (!t) return "已选项";
+      const r = e == null ? void 0 : e[t];
+      return r == null ? "" : String(r);
+    }
+    function lt(e) {
+      const t = new Set(_.value.map((s) => V(s))), i = [...p.value.filter((s) => !t.has(V(s)))];
+      e.forEach((s) => {
+        const S = V(s), x = i.findIndex((T) => V(T) === S);
+        x >= 0 ? i[x] = s : i.push(s);
+      }), (i.length !== p.value.length || i.some((s, S) => V(s) !== V(p.value[S]) || s !== p.value[S])) && (p.value = i, b("cart-change", p.value));
+    }
+    function _e() {
+      se.value = !0;
+    }
+    function ze(e) {
+      const t = V(e);
+      p.value = p.value.filter((i) => V(i) !== t), b("cart-change", p.value);
+      const r = H.value;
+      r && _.value.includes(e) && r.toggleRowSelection(e, !1);
+    }
+    function ce() {
+      var e, t;
+      p.value = [], b("cart-change", p.value), (t = (e = H.value) == null ? void 0 : e.clearSelection) == null || t.call(e);
+    }
+    function nt() {
+      return p.value;
+    }
+    function ot() {
+      if (!l.withSelectionCart || !l.withSelection || !_.value.length || !p.value.length) return;
+      const e = H.value;
+      e && (O = !0, _.value.forEach((t) => {
+        p.value.some((r) => V(r) === V(t)) && e.toggleRowSelection(t, !0);
+      }), we(() => {
+        O = !1;
+      }));
+    }
+    const X = l.columnStorageKey ? `wd:tablesize:${l.columnStorageKey}` : "", xe = X ? Xt(localStorage.getItem(X), null) : null, R = D(xe || l.tableSize);
+    N(
+      () => l.tableSize,
+      (e) => {
+        xe || (R.value = e);
+      }
+    );
+    function Pe(e) {
+      R.value = e, X && localStorage.setItem(X, JSON.stringify(e));
+    }
+    const Be = D(null), j = D(0), U = D(0), Z = m(() => l.height === "fix"), it = m(() => {
+      if (l.autoHeight) return !1;
+      const e = l.height;
+      return e != null && e !== "" && e !== "fix";
+    }), rt = m(
+      () => Z.value && j.value > 0 ? { height: `${j.value}px` } : void 0
+    ), ut = m(() => {
+      if (Z.value) return U.value > 0 ? U.value : void 0;
+      if (l.autoHeight) return "100%";
+      const e = l.height;
+      if (!(e == null || e === ""))
+        return e;
+    });
+    function dt(e) {
+      let t = e.parentElement;
+      for (; t && t !== document.body && t !== document.documentElement; ) {
+        const r = getComputedStyle(t), i = parseFloat(r.height), v = r.maxHeight === "none" ? 0 : parseFloat(r.maxHeight), s = r.overflowY, S = s === "auto" || s === "scroll" || s === "overlay", x = Number.isFinite(i) && i > 0 || Number.isFinite(v) && v > 0;
+        if (S || x) return t;
+        t = t.parentElement;
+      }
+      return null;
+    }
+    let ee = null, z = null;
+    function te() {
+      const e = Be.value;
+      if (!e || !Z.value) return;
+      const t = dt(e);
+      if (ee !== t && (z == null || z.disconnect(), ee = t, t && typeof ResizeObserver < "u" && (z = new ResizeObserver(() => te()), z.observe(t))), !t) {
+        j.value = 0, U.value = 0;
+        return;
+      }
+      const r = getComputedStyle(t), i = parseFloat(r.paddingBottom) || 0, v = t.getBoundingClientRect(), s = e.getBoundingClientRect().top, S = Math.floor(t.clientHeight - i + v.top + t.clientTop - s - t.scrollTop);
+      if (S <= 0) {
+        j.value = 0, U.value = 0;
+        return;
+      }
+      j.value = S;
+      const x = e.querySelector(".wd-datagrid__toolbar"), T = e.querySelector(".wd-datagrid__pager");
+      U.value = Math.max(40, S - ((x == null ? void 0 : x.offsetHeight) ?? 0) - ((T == null ? void 0 : T.offsetHeight) ?? 0));
+    }
+    function ae() {
+      te();
+    }
+    N(
+      () => l.height,
+      (e) => {
+        e === "fix" ? (window.addEventListener("resize", ae), we(te)) : (window.removeEventListener("resize", ae), z == null || z.disconnect(), z = null, ee = null);
+      }
+    );
+    const W = Zt(), st = W.page.pager.pageSizes, ct = W.page.pager.hideOnSinglePage, ft = m(() => l.pagerStyle === "simple" ? "prev, pager, next" : l.pagerStyle === "full" ? "total, sizes, prev, pager, next, jumper" : W.page.pager.layout), gt = m(() => l.pagerPosition || W.page.pager.position || "right"), F = m(() => Array.isArray(l.dataSource)), K = qt({
+      api: F.value ? "" : l.api,
+      apiMethod: l.apiMethod,
+      apiParam: l.apiParam,
+      pageSize: W.page.pager.pageSize,
+      immediate: !1
+    }), { list: _, total: Ke, loading: fe, currentPage: le, pageSize: ge, selection: Te } = K;
+    N(
+      () => l.dataSource,
+      (e) => {
+        F.value && (_.value = e, Ke.value = e.length);
+      },
+      { immediate: !0 }
+    );
+    const {
+      columns: vt,
+      controllableColumns: pt,
+      hiddenKeys: mt,
+      columnOrderMap: yt,
+      settingVisible: L,
+      init: ht,
+      setVisible: wt,
+      reorder: bt,
+      reset: St
+    } = Yt(l.columnStorageKey || void 0), I = D(""), G = D(""), ne = D("before");
+    function Ct(e, t) {
+      I.value = t, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t));
+    }
+    function kt(e, t) {
+      if (!I.value || I.value === t) return;
+      const i = e.currentTarget.getBoundingClientRect();
+      G.value = t, ne.value = e.clientY - i.top < i.height / 2 ? "before" : "after", e.dataTransfer && (e.dataTransfer.dropEffect = "move");
+    }
+    function _t(e) {
+      G.value === e && (G.value = "");
+    }
+    function zt(e) {
+      bt(I.value, e, ne.value), De();
+    }
+    function De() {
+      I.value = "", G.value = "";
+    }
+    const xt = m(() => {
+      const e = re.default;
+      if (!e) return [];
+      const t = e();
+      return vt.value.length || ht(t), Jt(Pt(t, mt.value), yt.value);
+    });
+    function Pt(e, t) {
+      const r = [];
+      return e.forEach((i) => {
+        if (!i || typeof i != "object") {
+          i && r.push(i);
+          return;
+        }
+        const v = i.props || {}, s = String(v.prop || v.columnKey || "");
+        v.type === "selection" || v.type === "index" || s && t.has(s) || r.push(i);
+      }), r;
+    }
+    function Bt(e) {
+      return (le.value - 1) * ge.value + e + 1;
+    }
+    function Kt({ row: e, column: t, rowIndex: r, columnIndex: i }) {
+      if (!l.rowspanKey || !l.rowspanColumn.length) return { rowspan: 1, colspan: 1 };
+      const v = t.property;
+      if (!l.rowspanColumn.includes(v)) return { rowspan: 1, colspan: 1 };
+      const s = _.value, S = e[l.rowspanKey], x = s.findIndex((T) => T[l.rowspanKey] === S);
+      return r === x ? { rowspan: s.filter((q) => q[l.rowspanKey] === S).length, colspan: 1 } : { rowspan: 0, colspan: 0 };
+    }
+    function ve(e) {
+      return l.selectionKey ? e.map((t) => t == null ? void 0 : t[l.selectionKey]) : e;
+    }
+    function pe(e, t) {
+      if (e === void 0 && (e = l.modelValue), (!e || e.length === 0) && (!t || t.length === 0)) return;
+      const r = H.value;
+      if (!r) return;
+      const i = ve(K.getSelection());
+      i.length === e.length && e.every((v) => i.includes(v)) || (O = !0, r.clearSelection(), e && e.length && (l.selectionKey ? _.value.filter((s) => e.includes(s == null ? void 0 : s[l.selectionKey])) : _.value.filter((s) => e.includes(s))).forEach((s) => r.toggleRowSelection(s, !0)), we(() => {
+        O = !1;
+      }));
+    }
+    N(
+      () => l.modelValue,
+      (e, t) => {
+        pe(e, t);
+      },
+      { deep: !0 }
+    ), N(
+      () => _.value,
+      () => {
+        O || pe(), l.withSelectionCart && ot();
+      }
+    );
+    function Tt(e) {
+      if (K.setSelection(e), O) return;
+      l.withSelectionCart && lt(e);
+      const t = ve(e);
+      b("selection-change", t), b("update:modelValue", t);
+    }
+    function Ve(e) {
+      K.onChangeCurrentpage(e), b("page-change", { currentPage: e, pageSize: ge.value });
+    }
+    function Re(e) {
+      K.onChangePagesize(e), b("page-change", { currentPage: le.value, pageSize: e });
+    }
+    function $e() {
+      $.value = $.value === "table" ? "card" : "table", b("mode-change", $.value);
+    }
+    const Dt = m(() => {
+      const e = l.rowActions.reduce((t, r) => t + r.text.length * 14 + 16, 20);
+      return Math.max(e, 90);
+    });
+    function Vt(e, t) {
+      b("row-action", { row: e, command: t.command ?? t.text, text: t.text });
+    }
+    function me(e) {
+      return F.value ? Promise.resolve() : K.fetchData(e == null ? void 0 : e.apiParam).then((t) => {
+        b("loaded", t);
+      });
+    }
+    function oe() {
+      return F.value ? Promise.resolve() : K.fetchData().then((e) => b("loaded", e));
+    }
+    function Rt() {
+      return ve(K.getSelection());
+    }
+    function $t() {
+      var e, t;
+      (t = (e = H.value) == null ? void 0 : e.clearSelection) == null || t.call(e), K.clearSelection();
+    }
+    function Ae(e) {
+      return F.value ? Promise.resolve() : (le.value = 1, K.fetchData(e).then((t) => b("loaded", t)));
+    }
+    function Me() {
+      return K.reset();
+    }
+    Je({
+      requestApi: me,
+      refresh: oe,
+      onChangePagesize: Re,
+      onChangeCurrentpage: Ve,
+      getSelection: Rt,
+      clearSelection: $t,
+      search: Ae,
+      resetSearch: Me,
+      getCartList: nt,
+      clearCart: ce,
+      tableRef: H
+    });
+    let ie = null;
+    return Ot(() => {
+      ie = Qt({
+        filter: l.filter,
+        refresh: () => oe(),
+        search: (e) => Ae(e),
+        resetSearch: () => Me()
+      }), l.active && !F.value && me(), Z.value && (window.addEventListener("resize", ae), te()), pe();
+    }), Lt(() => {
+      window.removeEventListener("resize", ae), z == null || z.disconnect(), z = null, ee = null, ie == null || ie();
+    }), N(
+      () => [l.api, l.apiMethod],
+      () => {
+        l.active && !F.value && me();
+      }
+    ), (e, t) => {
+      const r = P("el-icon"), i = P("el-button"), v = P("el-tooltip"), s = P("el-dropdown-item"), S = P("el-dropdown-menu"), x = P("el-dropdown"), T = P("el-badge"), q = P("el-table-column"), ye = P("el-empty"), At = P("el-table"), Mt = P("el-pagination"), Et = P("el-checkbox"), Ht = P("el-dialog"), Ee = It("loading");
+      return o(), y("div", {
+        ref_key: "rootRef",
+        ref: Be,
+        class: A(["wd-datagrid", {
+          "wd-datagrid--auto-height": d.autoHeight,
+          "wd-datagrid--fixed-height": it.value
+        }]),
+        style: Gt(rt.value)
+      }, [
+        et.value ? (o(), y("div", ta, [
+          be.value ? (o(), y("div", {
+            key: 0,
+            class: A(["wd-datagrid__toolbar-left wd-datagrid__toolbar-group", d.toolbarPosition === "right" ? "at-right" : "at-left"])
+          }, [
+            Y(e.$slots, "toolbar", {
+              selection: u(Te),
+              list: u(_)
+            }, void 0, !0),
+            w.value.add ? (o(), f(i, {
+              key: 0,
+              type: "primary",
+              size: k.value,
+              onClick: t[0] || (t[0] = (c) => b("add"))
+            }, {
+              default: a(() => [
+                n(r, null, {
+                  default: a(() => [
+                    n(u(Ie))
+                  ]),
+                  _: 1
+                }),
+                t[10] || (t[10] = C("新增 ", -1))
+              ]),
+              _: 1
+            }, 8, ["size"])) : g("", !0),
+            w.value.export ? (o(), f(i, {
+              key: 1,
+              size: k.value,
+              onClick: t[1] || (t[1] = (c) => b("export"))
+            }, {
+              default: a(() => [
+                n(r, null, {
+                  default: a(() => [
+                    n(u(Ge))
+                  ]),
+                  _: 1
+                }),
+                t[11] || (t[11] = C("导出 ", -1))
+              ]),
+              _: 1
+            }, 8, ["size"])) : g("", !0)
+          ], 2)) : g("", !0),
+          Se.value ? (o(), y("div", {
+            key: 1,
+            class: A(["wd-datagrid__toolbar-right wd-datagrid__toolbar-group", [`is-${B.value}`, d.toolsPosition === "left" ? "at-left" : "at-right"]])
+          }, [
+            w.value.refresh ? (o(), f(v, {
+              key: 0,
+              content: "刷新",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(i, {
+                  circle: B.value === "round",
+                  size: k.value,
+                  onClick: oe
+                }, {
+                  default: a(() => [
+                    n(r, null, {
+                      default: a(() => [
+                        n(u(Ne))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["circle", "size"])
+              ]),
+              _: 1
+            })) : g("", !0),
+            w.value.size ? (o(), f(v, {
+              key: 1,
+              content: "调整大小",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(x, {
+                  trigger: "click",
+                  onCommand: Pe
+                }, {
+                  dropdown: a(() => [
+                    n(S, null, {
+                      default: a(() => [
+                        n(s, {
+                          command: "large",
+                          disabled: R.value === "large"
+                        }, {
+                          default: a(() => [...t[12] || (t[12] = [
+                            C("大", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"]),
+                        n(s, {
+                          command: "default",
+                          disabled: R.value === "default"
+                        }, {
+                          default: a(() => [...t[13] || (t[13] = [
+                            C("默认", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"]),
+                        n(s, {
+                          command: "small",
+                          disabled: R.value === "small"
+                        }, {
+                          default: a(() => [...t[14] || (t[14] = [
+                            C("小", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: a(() => [
+                    n(i, {
+                      circle: B.value === "round",
+                      size: k.value
+                    }, {
+                      default: a(() => [
+                        n(r, null, {
+                          default: a(() => [
+                            n(u(je))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["circle", "size"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : g("", !0),
+            (w.value.modeSwitch || d.modeSwitch) && e.$slots["card-item"] ? (o(), f(v, {
+              key: 2,
+              content: "表格/列表切换",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(i, {
+                  circle: B.value === "round",
+                  size: k.value,
+                  onClick: $e
+                }, {
+                  default: a(() => [
+                    n(r, null, {
+                      default: a(() => [
+                        $.value === "card" ? (o(), f(u(Ue), { key: 0 })) : (o(), f(u(We), { key: 1 }))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["circle", "size"])
+              ]),
+              _: 1
+            })) : g("", !0),
+            w.value.columnSetting || d.dynamicColumn ? (o(), f(v, {
+              key: 3,
+              content: "列设置",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(i, {
+                  circle: B.value === "round",
+                  size: k.value,
+                  onClick: t[2] || (t[2] = (c) => L.value = !0)
+                }, {
+                  default: a(() => [
+                    n(r, null, {
+                      default: a(() => [
+                        n(u(qe))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["circle", "size"])
+              ]),
+              _: 1
+            })) : g("", !0),
+            d.withSelectionCart ? (o(), f(v, {
+              key: 4,
+              content: d.cartConfig.buttonText || "已选数据",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(T, {
+                  value: p.value.length,
+                  hidden: p.value.length === 0,
+                  max: 999
+                }, {
+                  default: a(() => [
+                    n(i, {
+                      circle: B.value === "round" && !d.cartConfig.buttonText,
+                      size: k.value,
+                      class: A(["wd-datagrid__cart-btn", { "wd-datagrid__cart-btn--text": !!d.cartConfig.buttonText }]),
+                      onClick: _e
+                    }, {
+                      default: a(() => [
+                        n(r, null, {
+                          default: a(() => [
+                            n(u(Ye))
+                          ]),
+                          _: 1
+                        }),
+                        d.cartConfig.buttonText ? (o(), y("span", aa, M(d.cartConfig.buttonText), 1)) : g("", !0)
+                      ]),
+                      _: 1
+                    }, 8, ["circle", "size", "class"])
+                  ]),
+                  _: 1
+                }, 8, ["value", "hidden"])
+              ]),
+              _: 1
+            }, 8, ["content"])) : g("", !0)
+          ], 2)) : g("", !0)
+        ])) : g("", !0),
+        $.value === "table" ? Oe((o(), f(At, {
+          key: 1,
+          ref_key: "tableRef",
+          ref: H,
+          data: u(_),
+          size: R.value,
+          border: d.border,
+          stripe: d.stripe,
+          height: ut.value,
+          "row-key": d.rowKey || void 0,
+          "tree-props": d.treeProps,
+          "default-expand-all": d.defaultExpandAll,
+          "span-method": Kt,
+          class: "wd-datagrid__table",
+          onSelectionChange: Tt,
+          onSortChange: u(K).changeSort
+        }, {
+          empty: a(() => [
+            Y(e.$slots, "empty", {}, () => [
+              n(ye, {
+                description: u(fe) ? "加载中..." : "暂无数据",
+                "image-size": 80
+              }, null, 8, ["description"])
+            ], !0)
+          ]),
+          default: a(() => [
+            d.withSelection ? (o(), f(q, {
+              key: 0,
+              type: "selection",
+              width: "60",
+              align: "center",
+              "reserve-selection": ""
+            })) : g("", !0),
+            d.withIndex ? (o(), f(q, {
+              key: 1,
+              type: "index",
+              label: "序号",
+              width: "60",
+              align: "center",
+              index: Bt
+            })) : g("", !0),
+            n(u(Xe), { vnodes: xt.value }, null, 8, ["vnodes"]),
+            d.rowActions.length ? (o(), f(q, {
+              key: 2,
+              label: "操作",
+              width: Dt.value,
+              align: "center",
+              fixed: "right"
+            }, {
+              default: a(({ row: c }) => [
+                (o(!0), y(J, null, Q(d.rowActions, (h) => (o(), f(i, {
+                  key: h.command || h.text,
+                  link: "",
+                  size: "small",
+                  type: h.type || "primary",
+                  onClick: (he) => Vt(c, h)
+                }, {
+                  default: a(() => [
+                    C(M(h.text), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type", "onClick"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["width"])) : g("", !0)
+          ]),
+          _: 3
+        }, 8, ["data", "size", "border", "stripe", "height", "row-key", "tree-props", "default-expand-all", "onSortChange"])), [
+          [Ee, u(fe)]
+        ]) : Oe((o(), y("div", la, [
+          u(_).length ? g("", !0) : (o(), f(ye, {
+            key: 0,
+            description: "暂无数据",
+            "image-size": 80
+          })),
+          (o(!0), y(J, null, Q(u(_), (c, h) => (o(), y("div", {
+            key: c[d.rowKey || "id"] ?? h,
+            class: "wd-datagrid__card"
+          }, [
+            Y(e.$slots, "card-item", {
+              row: c,
+              index: h
+            }, () => [
+              E("div", na, M(c.name || c.title || `第 ${h + 1} 项`), 1),
+              E("div", oa, [
+                (o(!0), y(J, null, Q(c, (he, He) => (o(), y("div", {
+                  key: He,
+                  class: "wd-datagrid__card-line"
+                }, [
+                  E("span", ia, M(He), 1),
+                  E("span", ra, M(he), 1)
+                ]))), 128))
+              ])
+            ], !0)
+          ]))), 128))
+        ])), [
+          [Ee, u(fe)]
+        ]),
+        tt.value ? (o(), y("div", {
+          key: 3,
+          class: A(["wd-datagrid__pager wd-datagrid__bottom-bar", `pager-at-${gt.value}`])
+        }, [
+          Ce.value ? (o(), y("div", ua, [
+            Y(e.$slots, "toolbar", {
+              selection: u(Te),
+              list: u(_)
+            }, void 0, !0),
+            w.value.add ? (o(), f(i, {
+              key: 0,
+              type: "primary",
+              size: k.value,
+              onClick: t[3] || (t[3] = (c) => b("add"))
+            }, {
+              default: a(() => [
+                n(r, null, {
+                  default: a(() => [
+                    n(u(Ie))
+                  ]),
+                  _: 1
+                }),
+                t[15] || (t[15] = C("新增 ", -1))
+              ]),
+              _: 1
+            }, 8, ["size"])) : g("", !0),
+            w.value.export ? (o(), f(i, {
+              key: 1,
+              size: k.value,
+              onClick: t[4] || (t[4] = (c) => b("export"))
+            }, {
+              default: a(() => [
+                n(r, null, {
+                  default: a(() => [
+                    n(u(Ge))
+                  ]),
+                  _: 1
+                }),
+                t[16] || (t[16] = C("导出 ", -1))
+              ]),
+              _: 1
+            }, 8, ["size"])) : g("", !0)
+          ])) : g("", !0),
+          ke.value ? (o(), y("div", {
+            key: 1,
+            class: A(["wd-datagrid__bottom-group wd-datagrid__bottom-tools wd-datagrid__toolbar-group", `is-${B.value}`])
+          }, [
+            w.value.refresh ? (o(), f(v, {
+              key: 0,
+              content: "刷新",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(i, {
+                  circle: B.value === "round",
+                  size: k.value,
+                  onClick: oe
+                }, {
+                  default: a(() => [
+                    n(r, null, {
+                      default: a(() => [
+                        n(u(Ne))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["circle", "size"])
+              ]),
+              _: 1
+            })) : g("", !0),
+            w.value.size ? (o(), f(v, {
+              key: 1,
+              content: "调整大小",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(x, {
+                  trigger: "click",
+                  onCommand: Pe
+                }, {
+                  dropdown: a(() => [
+                    n(S, null, {
+                      default: a(() => [
+                        n(s, {
+                          command: "large",
+                          disabled: R.value === "large"
+                        }, {
+                          default: a(() => [...t[17] || (t[17] = [
+                            C("大", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"]),
+                        n(s, {
+                          command: "default",
+                          disabled: R.value === "default"
+                        }, {
+                          default: a(() => [...t[18] || (t[18] = [
+                            C("默认", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"]),
+                        n(s, {
+                          command: "small",
+                          disabled: R.value === "small"
+                        }, {
+                          default: a(() => [...t[19] || (t[19] = [
+                            C("小", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: a(() => [
+                    n(i, {
+                      circle: B.value === "round",
+                      size: k.value
+                    }, {
+                      default: a(() => [
+                        n(r, null, {
+                          default: a(() => [
+                            n(u(je))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["circle", "size"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : g("", !0),
+            (w.value.modeSwitch || d.modeSwitch) && e.$slots.list ? (o(), f(v, {
+              key: 2,
+              content: "表格/列表切换",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(i, {
+                  circle: B.value === "round",
+                  size: k.value,
+                  onClick: $e
+                }, {
+                  default: a(() => [
+                    n(r, null, {
+                      default: a(() => [
+                        $.value === "card" ? (o(), f(u(Ue), { key: 0 })) : (o(), f(u(We), { key: 1 }))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["circle", "size"])
+              ]),
+              _: 1
+            })) : g("", !0),
+            w.value.columnSetting || d.dynamicColumn ? (o(), f(v, {
+              key: 3,
+              content: "列设置",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(i, {
+                  circle: B.value === "round",
+                  size: k.value,
+                  onClick: t[5] || (t[5] = (c) => L.value = !0)
+                }, {
+                  default: a(() => [
+                    n(r, null, {
+                      default: a(() => [
+                        n(u(qe))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["circle", "size"])
+              ]),
+              _: 1
+            })) : g("", !0),
+            d.withSelectionCart ? (o(), f(v, {
+              key: 4,
+              content: d.cartConfig.buttonText || "已选数据",
+              placement: "top"
+            }, {
+              default: a(() => [
+                n(T, {
+                  value: p.value.length,
+                  hidden: p.value.length === 0,
+                  max: 999
+                }, {
+                  default: a(() => [
+                    n(i, {
+                      circle: B.value === "round" && !d.cartConfig.buttonText,
+                      size: k.value,
+                      class: A(["wd-datagrid__cart-btn", { "wd-datagrid__cart-btn--text": !!d.cartConfig.buttonText }]),
+                      onClick: _e
+                    }, {
+                      default: a(() => [
+                        n(r, null, {
+                          default: a(() => [
+                            n(u(Ye))
+                          ]),
+                          _: 1
+                        }),
+                        d.cartConfig.buttonText ? (o(), y("span", da, M(d.cartConfig.buttonText), 1)) : g("", !0)
+                      ]),
+                      _: 1
+                    }, 8, ["circle", "size", "class"])
+                  ]),
+                  _: 1
+                }, 8, ["value", "hidden"])
+              ]),
+              _: 1
+            }, 8, ["content"])) : g("", !0)
+          ], 2)) : g("", !0),
+          d.withPager && $.value === "table" ? (o(), f(Mt, {
+            key: 2,
+            class: "wd-datagrid__pager-main",
+            "current-page": u(le),
+            "page-size": u(ge),
+            total: u(Ke),
+            "page-sizes": u(st),
+            layout: ft.value,
+            small: d.pagerStyle === "simple",
+            "hide-on-single-page": u(ct),
+            background: !0,
+            onCurrentChange: Ve,
+            onSizeChange: Re
+          }, null, 8, ["current-page", "page-size", "total", "page-sizes", "layout", "small", "hide-on-single-page"])) : g("", !0)
+        ], 2)) : g("", !0),
+        n(Ht, {
+          modelValue: u(L),
+          "onUpdate:modelValue": t[8] || (t[8] = (c) => Nt(L) ? L.value = c : null),
+          title: "列设置",
+          width: "360px",
+          "append-to-body": ""
+        }, {
+          footer: a(() => [
+            n(i, {
+              onClick: t[6] || (t[6] = (c) => u(St)())
+            }, {
+              default: a(() => [...t[20] || (t[20] = [
+                C("恢复默认", -1)
+              ])]),
+              _: 1
+            }),
+            n(i, {
+              type: "primary",
+              onClick: t[7] || (t[7] = (c) => L.value = !1)
+            }, {
+              default: a(() => [...t[21] || (t[21] = [
+                C("完成", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          default: a(() => [
+            t[22] || (t[22] = E("div", { class: "wd-datagrid__col-tip" }, "勾选控制列的显示 / 隐藏，拖拽手柄可调整列顺序", -1)),
+            E("div", sa, [
+              (o(!0), y(J, null, Q(u(pt), (c) => (o(), y("div", {
+                key: c.key,
+                class: A(["wd-datagrid__col-item", {
+                  "is-dragging": I.value === c.key,
+                  "drag-over--before": G.value === c.key && ne.value === "before",
+                  "drag-over--after": G.value === c.key && ne.value === "after"
+                }]),
+                onDragover: Le((h) => kt(h, c.key), ["prevent"]),
+                onDragleave: (h) => _t(c.key),
+                onDrop: Le((h) => zt(c.key), ["prevent"])
+              }, [
+                n(Et, {
+                  class: "wd-datagrid__col-checkbox",
+                  "model-value": c.visible,
+                  "onUpdate:modelValue": (h) => u(wt)(c.key, h)
+                }, {
+                  default: a(() => [
+                    C(M(c.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["model-value", "onUpdate:modelValue"]),
+                E("span", {
+                  class: "wd-datagrid__col-handle",
+                  draggable: "true",
+                  title: "拖拽调整顺序",
+                  onDragstart: (h) => Ct(h, c.key),
+                  onDragend: De
+                }, [
+                  n(r, null, {
+                    default: a(() => [
+                      n(u(Wt))
+                    ]),
+                    _: 1
+                  })
+                ], 40, fa)
+              ], 42, ca))), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        (o(), f(jt(d.cartConfig.type === "drawer" ? "el-drawer" : "el-dialog"), {
+          modelValue: se.value,
+          "onUpdate:modelValue": t[9] || (t[9] = (c) => se.value = c),
+          title: String(d.cartConfig.title || "已选数据").replace("{count}", String(p.value.length)),
+          width: d.cartConfig.size,
+          "append-to-body": ""
+        }, Ut({
+          default: a(() => [
+            Y(e.$slots, "cart-content", {
+              list: p.value,
+              remove: ze,
+              clear: ce
+            }, () => [
+              p.value.length ? (o(), y("div", ga, [
+                (o(!0), y(J, null, Q(p.value, (c, h) => (o(), y("div", {
+                  key: h,
+                  class: "wd-datagrid__cart-item"
+                }, [
+                  E("span", va, M(c.name || c.title || at(c)), 1),
+                  d.cartConfig.showRemove !== !1 ? (o(), f(i, {
+                    key: 0,
+                    link: "",
+                    type: "danger",
+                    size: "small",
+                    onClick: (he) => ze(c)
+                  }, {
+                    default: a(() => [...t[23] || (t[23] = [
+                      C(" 移除 ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])) : g("", !0)
+                ]))), 128))
+              ])) : (o(), f(ye, {
+                key: 0,
+                description: "暂无已选数据",
+                "image-size": 80
+              }))
+            ], !0)
+          ]),
+          _: 2
+        }, [
+          d.cartConfig.showClear !== !1 ? {
+            name: "footer",
+            fn: a(() => [
+              n(i, {
+                type: "danger",
+                onClick: ce
+              }, {
+                default: a(() => [...t[24] || (t[24] = [
+                  C("清空", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue", "title", "width"]))
+      ], 6);
+    };
+  }
+}), Ca = /* @__PURE__ */ ea(pa, [["__scopeId", "data-v-41e543b4"]]);
+export {
+  Ca as W
+};
+//# sourceMappingURL=DataGrid-BhgND4G_.mjs.map