@dazhicheng/ui 1.5.198 → 1.5.201

package/dist/components/tt-select/src/components/Table.vue.js

@@ -0,0 +1,307 @@
+import { defineComponent as We, useTemplateRef as S, ref as v, shallowRef as we, computed as E, unref as d, nextTick as He, watch as U, createBlock as w, openBlock as r, mergeProps as Me, withCtx as O, createElementVNode as u, createVNode as N, createElementBlock as h, createCommentVNode as Y, Fragment as H, renderList as $, normalizeStyle as j, createTextVNode as ze, toDisplayString as J, renderSlot as K, withModifiers as Ve, normalizeClass as Q } from "vue";
+import { calc as I } from "@dazhicheng/utils";
+import { useDesign as Be } from "@dazhicheng/hooks";
+import { ElCheckbox as Z, ElTooltip as Pe } from "element-plus";
+import Se from "@dazhicheng-ui/components/tt-empty";
+import { TtText as ee } from "@dazhicheng-ui/components/tt-text";
+import { debounce as Ee, cloneDeep as Ne } from "lodash-es";
+import { VxeList as $e } from "vxe-pc-ui";
+import { GRID_MIN_HEIGHT as Ie, GRID_MAX_HEIGHT as Le } from "../const.js";
+import { selectTableProps as Ae } from "../props.js";
+const Ge = { class: "vxe-table--render-default size--mini border--default" }, Xe = { ref: "table" }, Fe = { key: 0 }, qe = { class: "vxe-header--row" }, Ue = { class: "vxe-cell" }, Oe = ["onMousedown"], Ye = {
+  key: 0,
+  class: "vxe-empty--content"
+}, je = ["onClick", "onMouseenter"], Je = { class: "vxe-cell" }, Ke = {
+  key: 1,
+  class: "vxe-body--column is--padding col--ellipsis"
+}, Qe = { class: "vxe-cell" }, ct = /* @__PURE__ */ We({
+  name: "TtSelectTable",
+  __name: "Table",
+  props: Ae,
+  emits: ["radio-change", "checkbox-change", "scroll", "checkbox-all"],
+  setup(te, { expose: le, emit: ne }) {
+    const n = te, b = ne, { prefixCls: oe } = Be("select-table"), L = S("vxelist"), ie = S("table"), se = S("resizableBar"), M = v(!1), z = we(), V = v(""), x = v(!1);
+    let f = null;
+    const k = v([]), y = v(!1), C = E(() => {
+      var e, l;
+      return {
+        maxHeight: Le,
+        minHeight: Ie,
+        showHeader: ((e = n.grid) == null ? void 0 : e.showHeader) !== void 0 ? n.grid.showHeader : ((l = d(T)) == null ? void 0 : l.length) > 1 && !!n.list.length,
+        virtualYConfig: {
+          enabled: !0,
+          gt: 30,
+          sItem: ".vxe-body--row",
+          oSize: 5
+        },
+        size: "mini",
+        autoResize: !1,
+        loading: n.loading,
+        data: n.list
+      };
+    }), R = E(() => n.list.filter((e) => e.checked)), T = E(() => {
+      var l, o, t, s;
+      return (o = (l = n.grid) == null ? void 0 : l.columns) != null && o.length ? (t = n.grid) == null ? void 0 : t.columns : [{ title: "label", field: ((s = n.configProps) == null ? void 0 : s.labelField) ?? "label" }];
+    });
+    function ae(e, l) {
+      e.stopPropagation(), e.preventDefault(), M.value = !0;
+      const { clientX: o } = e, t = e.target, s = t.parentNode, c = ie.value, i = t.getBoundingClientRect(), a = c == null ? void 0 : c.getBoundingClientRect(), g = t.clientWidth, _ = Math.floor(g / 2), m = I(i.x).sub((a == null ? void 0 : a.x) || 0).add(_).toNumber();
+      let D = 0, W = s.clientWidth;
+      const Re = I(m).sub(W).add(l.minWidth || 50).toNumber(), p = se.value;
+      if (!p) return;
+      p.style.left = `${m}px`, p.style.zIndex = "9999";
+      const Te = p.querySelector(".vxe-table--resizable-number-tip");
+      F(), document.onmousemove = _e, document.onmouseup = function() {
+        document.onmousemove = null, document.onmouseup = null, M.value = !1, l.style.width = `${W}px`;
+      };
+      function _e(P) {
+        P.stopPropagation(), P.preventDefault();
+        const q = P.clientX - o, De = m + q;
+        D = Math.max(De, Re), p && (p.style.left = `${D}px`, W = Math.max(I(s.clientWidth).add(q).toNumber(), l.minWidth), F());
+      }
+      function F() {
+        Te.textContent = `宽：${W}像素`;
+      }
+    }
+    function re(e) {
+      b("checkbox-all", { checked: e });
+    }
+    function ce(e) {
+      var l;
+      e.disabled || e.isDelete || (B(), e.isCurrent = !0, e.checked = !e.checked, n.multiple ? b("checkbox-change", { checked: e.checked, row: e }) : b("radio-change", { oldValue: (l = R.value) == null ? void 0 : l[0], row: e }));
+    }
+    function de(e, l) {
+      if (!l.disabled && !l.isDelete) return;
+      const o = e.currentTarget;
+      if (!o) return;
+      const t = l.message;
+      t && (f && (clearTimeout(f), f = null), z.value = o, V.value = t, x.value = !0);
+    }
+    function ue() {
+      x.value = !1, f && clearTimeout(f), f = setTimeout(() => {
+        x.value || (z.value = void 0, V.value = ""), f = null;
+      }, 300);
+    }
+    function he(e, l) {
+      Array.isArray(e) ? e.forEach((o) => {
+        o.checked = l;
+      }) : e.checked = l;
+    }
+    function fe() {
+      n.list.forEach((e) => {
+        e.checked = !1;
+      }), y.value = !1;
+    }
+    function ge(e) {
+      e && (e.checked = !0);
+    }
+    function me() {
+      const e = n.list.find((l) => l.checked);
+      e && (e.checked = !1);
+    }
+    function A(e, l) {
+      var o;
+      (o = L.value) == null || o.scrollTo(e, l);
+    }
+    function pe() {
+      return n.list.find((e) => e.isCurrent);
+    }
+    function G(e) {
+      return n.list.findIndex((l) => l.value === (e == null ? void 0 : e.value));
+    }
+    function ve(e) {
+      var a, g;
+      const l = G(e), o = (a = L.value) == null ? void 0 : a.$el.querySelector(".vxe-list--virtual-wrapper"), t = o.clientHeight, s = (g = o.querySelector(".vxe-body--row")) == null ? void 0 : g.clientHeight, c = Math.floor(t / s - 2), i = (l - c) * s;
+      A(null, i);
+    }
+    function be(e) {
+      B(), e.isCurrent = !0;
+    }
+    function B() {
+      const e = n.list.find((l) => l.isCurrent);
+      e && (e.isCurrent = !1);
+    }
+    function xe(e) {
+      return e !== void 0 ? n.list[e] : n.list;
+    }
+    function ke() {
+      var o, t;
+      const e = n.selectWidth / ((o = d(T)) == null ? void 0 : o.length);
+      return ((t = d(T)) == null ? void 0 : t.length) * 130 < n.selectWidth ? e : 130;
+    }
+    function ye(e) {
+      const { scrollTop: l, $event: o } = e, t = o.target.scrollHeight;
+      l > 100 && l + C.value.maxHeight >= t && !n.loading && Ce(), b("scroll", e);
+    }
+    const Ce = Ee(() => {
+      const { total: e, currentPage: l = 0 } = n.getPagination();
+      (e && n.list.length < e || n.hasNextPage) && (n.setPagination({ currentPage: l + 1 }), He(() => {
+        n.reload();
+      }));
+    }, 200), X = {
+      clearCurrentRow: B,
+      setCheckboxRow: he,
+      clearCheckboxRow: fe,
+      setRadioRow: ge,
+      clearRadioRow: me,
+      scrollTo: A,
+      getCurrentRecord: pe,
+      getRowIndex: G,
+      scrollToRow: ve,
+      setCurrentRow: be,
+      getData: xe
+    };
+    return U(
+      () => n.grid.columns,
+      () => {
+        const e = d(T), l = Ne(e) || [];
+        n.multiple && n.showCheckbox && l.unshift({
+          width: 40,
+          type: "checkbox",
+          field: "checkbox"
+        });
+        const o = ke();
+        k.value = l.map((t) => {
+          const s = e.length <= 1 ? n.selectWidth : t.minWidth || t.width || o, c = e.length <= 1 ? n.selectWidth : t.width || o, i = t.type ? t.width : c, a = {};
+          return i && (a.width = `${i}px`), {
+            ...t,
+            title: (t.title, t.title),
+            minWidth: s,
+            width: i,
+            style: a
+          };
+        });
+      },
+      { immediate: !0 }
+    ), U(
+      () => R.value,
+      (e) => {
+        y.value = e.length === n.list.length;
+      }
+    ), le({
+      getGridInstance: () => X,
+      ...X
+    }), (e, l) => (r(), w(d($e), Me({
+      ref: "vxelist",
+      style: { height: "auto", "max-height": "360px" },
+      class: {
+        [d(oe)]: !0,
+        "pt-5px": !C.value.showHeader,
+        "h-60px!": n.list.length === 0 && n.loading
+      }
+    }, C.value, { onScroll: ye }), {
+      default: O(({ items: o }) => [
+        u("div", Ge, [
+          u("table", Xe, [
+            C.value.showHeader ? (r(), h("thead", Fe, [
+              u("tr", qe, [
+                (r(!0), h(H, null, $(k.value, (t) => {
+                  var s, c, i;
+                  return r(), h("th", {
+                    key: t.field,
+                    class: "vxe-header--column fixed--width is--padding",
+                    style: j(t.style)
+                  }, [
+                    u("div", Ue, [
+                      t.type === "checkbox" ? (r(), w(d(Z), {
+                        key: 0,
+                        modelValue: y.value,
+                        "onUpdate:modelValue": l[0] || (l[0] = (a) => y.value = a),
+                        indeterminate: ((s = R.value) == null ? void 0 : s.length) > 0 && ((c = R.value) == null ? void 0 : c.length) < ((i = n.list) == null ? void 0 : i.length),
+                        onChange: re
+                      }, null, 8, ["modelValue", "indeterminate"])) : (r(), h(H, { key: 1 }, [
+                        ze(J(t.title), 1)
+                      ], 64))
+                    ]),
+                    u("div", {
+                      class: "vxe-cell--col-resizable",
+                      onMousedown: (a) => ae(a, t)
+                    }, null, 40, Oe)
+                  ], 4);
+                }), 128))
+              ])
+            ])) : Y("", !0),
+            u("tbody", null, [
+              !e.loading && !o.length ? (r(), h("div", Ye, [
+                K(e.$slots, "empty", {}, () => [
+                  N(d(Se))
+                ])
+              ])) : Y("", !0),
+              (r(!0), h(H, null, $(o, (t, s) => {
+                var c;
+                return r(), h("tr", {
+                  key: t.value,
+                  class: Q(["vxe-body--row", {
+                    "is--selected": t.checked,
+                    "is--disabled": t.disabled,
+                    "is--current": t.isCurrent,
+                    "is--delete": t.isDelete
+                  }]),
+                  onClick: Ve((i) => ce(t), ["prevent"]),
+                  onMouseenter: (i) => de(i, t),
+                  onMouseleave: ue
+                }, [
+                  (c = k.value) != null && c.length ? (r(!0), h(H, { key: 0 }, $(k.value, (i, a) => {
+                    var g, _, m;
+                    return r(), h("td", {
+                      key: i.field,
+                      class: "is--padding vxe-body--column col--ellipsis",
+                      style: j(i.style)
+                    }, [
+                      u("div", Je, [
+                        (g = i.slots) != null && g.default ? K(e.$slots, (_ = i.slots) == null ? void 0 : _.default, {
+                          key: 0,
+                          item: { column: i, row: t.item, rowIndex: s, columnIndex: a }
+                        }) : i.type === "checkbox" ? (r(), w(d(Z), {
+                          key: 1,
+                          modelValue: t.checked,
+                          "onUpdate:modelValue": (D) => t.checked = D,
+                          disabled: t.isDelete || t.disabled
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : (r(), w(d(ee), {
+                          key: 2,
+                          "model-value": String(((m = t.item) == null ? void 0 : m[i.field]) ?? "")
+                        }, null, 8, ["model-value"]))
+                      ])
+                    ], 4);
+                  }), 128)) : (r(), h("td", Ke, [
+                    u("div", Qe, [
+                      N(d(ee), {
+                        "model-value": String(t.label ?? "")
+                      }, null, 8, ["model-value"])
+                    ])
+                  ]))
+                ], 42, je);
+              }), 128))
+            ])
+          ], 512),
+          u("div", {
+            ref: "resizableBar",
+            class: Q(["vxe-table--resizable-col-bar", { "block!": M.value }])
+          }, [...l[1] || (l[1] = [
+            u("div", { class: "vxe-table--resizable-number-tip" }, null, -1)
+          ])], 2),
+          N(d(Pe), {
+            offset: 5,
+            "show-arrow": !0,
+            "virtual-ref": z.value,
+            "virtual-triggering": "",
+            visible: x.value,
+            placement: "top",
+            "popper-options": {
+              strategy: "fixed"
+            }
+          }, {
+            content: O(() => [
+              u("span", null, J(V.value), 1)
+            ]),
+            _: 1
+          }, 8, ["virtual-ref", "visible"])
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  ct as default
+};

package/dist/components/tt-select/src/components/Table.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Table.vue.js";
+/* empty css           */
+export {
+  o as default
+};

package/dist/components/tt-select/src/const.js

@@ -0,0 +1,19 @@
+const e = 360, a = 32, t = {
+  // 当前页码，默认值为 1
+  currentPage: 1,
+  // 每页显示的记录数，默认值为 30
+  pageSize: 30,
+  // 总记录数，默认值为 0
+  total: 0,
+  // 可选的每页记录数列表
+  pageSizes: [300, 500, 1e3, 2e3],
+  // 分页器布局
+  layouts: ["Total", "PrevPage", "JumpNumber", "NextPage", "Sizes", "FullJump"],
+  // 分页器大小
+  size: "small"
+};
+export {
+  e as GRID_MAX_HEIGHT,
+  a as GRID_MIN_HEIGHT,
+  t as defaultPagination
+};

package/dist/components/tt-select/src/hooks/useDataSource.js

@@ -0,0 +1,196 @@
+import { isFunction as v, isNullOrUnDef as w } from "@dazhicheng/utils";
+import { useDebounceFn as re } from "@vueuse/core";
+import { cloneDeep as B, isArray as k, set as A, get as S } from "lodash-es";
+import { ref as o, computed as u, unref as e, watch as h, nextTick as ge, toValue as b } from "vue";
+import { ElMessage as oe } from "element-plus";
+import { isEqualObject as x } from "../utils/index.js";
+function De(a, l, C) {
+  const m = o([]), P = o(""), D = o(!0), K = o([]), M = o(-1), L = o(!1), G = o(!1), E = o(!1), q = o(!1), H = u(() => e(a).isGrpc ? e(a).totalFieldGrpc || "total" : e(a).totalField || "data.pagination.total"), J = u(() => e(a).isGrpc ? e(a).dataFieldGrpc || "items" : e(a).dataField || "data"), Q = u(() => e(a).isGrpc ? e(a).resultFieldGrpc || "items" : e(a).resultField || "data.list"), W = u(() => e(a).searchField || "keyword"), V = u(() => e(a).valueField || "value"), O = u(() => e(a).labelField || "label"), z = u(() => e(a).mergeFields || []), X = u(() => e(a).isGrpc ? e(a).currentPageFieldGrpc || "page.index" : e(a).currentPageField || "pageIndex"), Y = u(() => e(a).isGrpc ? e(a).pageSizeFieldGrpc || "page.size" : e(a).pageSizeField || "pageSize"), R = u(() => e(a).deleteField || ""), Z = u(() => e(a).messageField || ""), $ = u(() => e(a).hasNextPageField), N = u(() => e(a).immediate || !1), p = u(() => e(a).changeDataClearable || !1), ee = u(() => e(a).defaultSingle), te = u(() => e(a).isSelectFirstOption), ae = u(() => e(G) || e(L));
+  let I = e(a).isPage ?? !0;
+  async function ie(t) {
+    const i = e(a).afterFetch;
+    return i && v(i) ? await i(t) : t;
+  }
+  function ne(t, i) {
+    const n = S(t, e($) || ""), f = S(t, e(H) || "") !== void 0;
+    return { shouldPage: n || i && f, hasNextPage: n };
+  }
+  function le(t, i, n) {
+    l.setHasNextPage(n), l.setShowPager(i || n), i && l.setPagination({
+      total: S(t, e(H) || "") || 0
+    });
+  }
+  function ce(t, i) {
+    const n = i || b(q) ? e(Q) || "" : e(J) || "";
+    return S(t, n) || [];
+  }
+  async function se(t) {
+    const i = await ie(t), { shouldPage: n, hasNextPage: f } = ne(i, I);
+    I = n, le(i, n, f);
+    const r = ce(i, n);
+    q.value = f, y(r), C("fetch-success", r);
+  }
+  async function T() {
+    var d, g;
+    if (!e(a).api || !v(e(a).api))
+      return oe({
+        message: "请传入api方法",
+        type: "error",
+        plain: !0
+      });
+    const { defaultData: t } = e(a), { extra: i } = e(l), { currentPage: n, pageSize: f } = l.getPagination() || {}, r = {};
+    I && (A(r, e(X) || "", n || 1), A(r, e(Y) || "", f));
+    let s = {
+      ...r,
+      ...b(i),
+      ...e(t)
+    };
+    A(s, e(W), e(P)), l.setLoading(!0);
+    const c = e(a).beforeFetch;
+    c && v(c) && (s = await c(s));
+    try {
+      const F = await ((g = (d = e(a)) == null ? void 0 : d.api) == null ? void 0 : g.call(d, s).finally(() => {
+        l.setLoading(!1);
+      }));
+      await se(F), D.value = !1, L.value = !1, G.value = !1;
+    } catch (F) {
+      C("fetch-error", F);
+    }
+  }
+  function U(t) {
+    var s, c;
+    if (t.isDelete)
+      return !0;
+    const i = e(a).disableFn && v(e(a).disableFn), n = e(V), f = w(t[n]) ? t.value : t[n], r = i ? (c = (s = e(a)).disableFn) == null ? void 0 : c.call(s, f, b(l.selectValue), t) : t.disabled;
+    if (e(l).multiple && e(l.multipleLimit)) {
+      const d = b(l.selectValue) || [];
+      return r || (e(l.multipleLimit) || 0) > 0 && d.length >= (e(l.multipleLimit) || 0) && !d.includes(f);
+    }
+    return r;
+  }
+  function y(t) {
+    function i(s) {
+      var c;
+      if (k(e(z)) && e(z).length > 0) {
+        const d = (c = e(z)) == null ? void 0 : c.map((F) => s[F]), g = e(a).joinFn;
+        return g && v(g) ? g(d) : d.join("-");
+      }
+      return s[e(O)];
+    }
+    function n(s) {
+      var d;
+      const c = { ...s, mergeLabel: i(s) };
+      return w(s) ? s : {
+        item: c,
+        // 遍历列字段，将对应的值添加到结果中-TODO: 这里可以优化都是用table这里可以去掉
+        ...(d = l.columnsFields) == null ? void 0 : d.reduce(
+          (g, F) => (g[F] = c[F], g),
+          {}
+        ),
+        value: w(c[e(V)]) ? c.value : c[e(V)],
+        label: w(c[e(O)]) ? c.label : c[e(O)],
+        disabled: U(c) || !1,
+        message: c[e(Z)] || "",
+        ...e(R) ? { isDelete: !!c[e(R)] || !1 } : {}
+      };
+    }
+    let f = t.map((s) => n(s));
+    e(a).isFilterEmpty && (f = f.filter((s) => s.value));
+    const { currentPage: r } = l.getPagination() || {};
+    if (r === 1) {
+      const s = e(a).customDefault;
+      s && f.unshift(n(s)), m.value = f, _(-1), setTimeout(() => {
+        var c;
+        if (e(l.multiple)) {
+          const d = l.getKeyboardEvent && ((c = l.getKeyboardEvent) == null ? void 0 : c.call(l));
+          d && d.ArrowDown();
+        }
+      }, 30);
+    } else
+      m.value = [...m.value, ...f];
+    K.value = B(e(m));
+  }
+  const ue = re(T, 300);
+  async function j() {
+    e(a).api && (P.value = "", l.setPagination({
+      currentPage: 1
+    }), await T());
+  }
+  async function de(t) {
+    P.value = t;
+  }
+  function _(t) {
+    M.value = t;
+  }
+  function fe() {
+    l.renderType === "table" && m.value.forEach((t) => {
+      t.item && (t.disabled = U(t.item));
+    });
+  }
+  return h(
+    () => e(P),
+    (t, i) => {
+      t !== i && (l.setPagination({
+        currentPage: 1
+      }), ue());
+    }
+  ), h(
+    () => m.value,
+    () => {
+      e(E) && (e(p) && ge(() => {
+        var i, n;
+        const t = l.getSelectEvent && ((i = l.getSelectEvent) == null ? void 0 : i.call(l));
+        (n = t == null ? void 0 : t.clear) == null || n.call(t);
+      }), E.value = !1);
+    },
+    { deep: !0 }
+  ), h(
+    () => B(e(a).data),
+    (t, i = []) => {
+      const n = x({ data: t }, { data: i });
+      E.value = !!n, !e(a).api && k(t) && n && (l.setPagination({
+        currentPage: 1
+      }), y(t), D.value = !1);
+    },
+    { immediate: !0 }
+  ), h(
+    () => b(e(l).extra),
+    async (t, i) => {
+      const n = x(t, i, e(a).watchExtraField || []);
+      G.value = !!n, n && e(N) && await j();
+    },
+    { deep: !0 }
+  ), h(
+    () => b(e(a).defaultData),
+    async (t, i) => {
+      const n = x(t, i);
+      L.value = !!n, n && e(N) && await j();
+    },
+    { deep: !0 }
+  ), h(
+    () => e(a).defaultChecked,
+    (t, i) => {
+      x(t, i) && D.value && (t && k(t) ? y(t) : t && y([t]));
+    },
+    { deep: !0, immediate: !0 }
+  ), {
+    options: m,
+    getDefaultSingle: ee,
+    getIsSelectFirstOption: te,
+    getImmediate: N,
+    reload: async (t = !1) => {
+      e(a).api && (t ? await j() : await T());
+    },
+    searchValue: P,
+    isLoaded: D,
+    dataList: K,
+    setSearchValue: de,
+    activeIndex: M,
+    setActiveIndex: _,
+    needLoad: ae,
+    updateOptionsDisabled: fe
+  };
+}
+export {
+  De as useDataSource
+};

package/dist/components/tt-select/src/hooks/useGrid.js

@@ -0,0 +1,97 @@
+import { isFunction as k } from "lodash-es";
+import { ref as x, computed as v, unref as t } from "vue";
+function D(d, n) {
+  const h = x();
+  function f(e) {
+    const i = t(n).selectWidth / e.length;
+    return e.length * 130 < t(n).selectWidth ? i : 130;
+  }
+  function a() {
+    const e = t(h);
+    if (!e || !e.getColumns) return {};
+    const i = {};
+    return e.getColumns().forEach((o) => {
+      const l = o.property || o.field || o.id;
+      if (!l) return;
+      const c = o.renderWidth ?? o.width ?? o.minWidth;
+      c != null && (i[l] = c);
+    }), i;
+  }
+  const g = v(() => {
+    const e = t(d).columns || [{ title: "label", field: "label" }], i = f(e), r = a(), o = e.map((l) => {
+      const c = l.field || l.property, s = c ? r[c] : void 0, W = e.length <= 1 ? t(n).selectWidth : l.minWidth || l.width || i, b = e.length <= 1 ? t(n).selectWidth : l.width || i;
+      return {
+        resizable: !0,
+        // showOverflow: true,
+        ...l,
+        title: l.title,
+        minWidth: W,
+        width: s !== void 0 ? s : b
+      };
+    });
+    return t(n).showCheckbox && o.unshift({
+      type: t(n).multiple ? "checkbox" : "radio",
+      width: 48,
+      align: "center",
+      visible: t(n).multiple,
+      fixed: "left"
+    }), o;
+  });
+  function m({ row: e }) {
+    var i, r;
+    return (i = t(h)) != null && i.isCheckedByCheckboxRow(e) || (r = t(h)) != null && r.isCheckedByRadioRow(e) ? {
+      color: "var(--el-color-primary)",
+      fontWeight: 700,
+      width: "100%",
+      textDecorationLine: e.isDelete ? "line-through" : "none"
+    } : u(e) ? {
+      color: "var(--el-text-color-placeholder)",
+      width: "100%",
+      textDecorationLine: e.isDelete ? "line-through" : "none"
+    } : {
+      color: "var(--el-text-color-regular)",
+      width: "100%"
+    };
+  }
+  function u(e) {
+    if (e.isDelete)
+      return !0;
+    const i = t(n).disableFn && k(t(n).disableFn) ? t(n).disableFn(e.value, t(n).selectValue, e) : e.disabled;
+    if (t(n).multiple && t(n).multipleLimit) {
+      const r = t(n).selectValue || [];
+      return i || t(n).multipleLimit > 0 && r.length >= t(n).multipleLimit && !r.includes(e.value);
+    }
+    return i;
+  }
+  function C() {
+    const e = {
+      rowConfig: {
+        keyField: "value",
+        isHover: !0,
+        isCurrent: !0,
+        // useKey: true,
+        ...t(d).rowConfig
+      }
+    };
+    return t(n).multiple ? e.checkboxConfig = {
+      highlight: !1,
+      trigger: "row",
+      checkMethod: ({ row: i }) => !u(i),
+      ...t(d).checkboxConfig
+    } : e.radioConfig = {
+      highlight: !1,
+      trigger: "row",
+      checkMethod: ({ row: i }) => !u(i),
+      ...t(d).radioConfig
+    }, e;
+  }
+  return {
+    getColumns: g,
+    rowStyle: m,
+    gridRef: h,
+    getOtherGridConfig: C
+  };
+}
+export {
+  D as useGrid
+};

package/dist/components/tt-select/src/hooks/useKeyboard.js

@@ -0,0 +1,63 @@
+import { unref as i, nextTick as x, toValue as I } from "vue";
+function l(r) {
+  function c() {
+    return r.tableInstance();
+  }
+  function t() {
+    const e = c();
+    x(() => {
+      if (!e) return;
+      i(r.activeIndex) > i(r.options).length - 1 && !I(r.loading) && r.setActiveIndex(0);
+      const n = e == null ? void 0 : e.getData(i(r.activeIndex) + 1);
+      if (n) {
+        if (n != null && n.disabled || n != null && n.isDelete) {
+          r.setActiveIndex(i(r.activeIndex) + 1), t();
+          return;
+        }
+        e == null || e.scrollToRow(n), e == null || e.setCurrentRow(n), r.setActiveIndex(i(r.activeIndex) + 1);
+      }
+    });
+  }
+  function d() {
+    const e = c();
+    if (!e) return;
+    i(r.activeIndex) === -1 && r.setActiveIndex(i(r.options).length);
+    const n = e == null ? void 0 : e.getData(i(r.activeIndex) - 1);
+    if (n) {
+      if (n != null && n.disabled || n != null && n.isDelete) {
+        r.setActiveIndex(i(r.activeIndex) - 1), d();
+        return;
+      }
+      e == null || e.scrollToRow(n), e == null || e.setCurrentRow(n), r.setActiveIndex(i(r.activeIndex) - 1);
+    }
+  }
+  function s() {
+    var u;
+    if (i(r.activeIndex) <= -1) return;
+    const e = c();
+    if (!e) return;
+    const n = e == null ? void 0 : e.getCurrentRecord(), { radioChange: a, checkboxChange: v } = r.getGridEvent();
+    if (n)
+      if (i(r.multiple)) {
+        const o = (u = i(r.selectValue)) == null ? void 0 : u.includes(n.value);
+        e == null || e.setCheckboxRow(n, !o), v({ checked: !o, row: n });
+      } else
+        e == null || e.setRadioRow(n), a({ row: n });
+  }
+  return {
+    handleKeyDownNext: t,
+    handleKeyDownPrev: d,
+    handleKeyDownEnter: s,
+    keyboardCaptureEvent: {
+      // 向上箭头键事件处理函数
+      ArrowUp: d,
+      // 向下箭头键事件处理函数
+      ArrowDown: t,
+      // 回车键事件处理函数
+      Enter: s
+    }
+  };
+}
+export {
+  l as useKeyboard
+};