@aplus-frontend/ui 7.13.8 → 7.13.10

package/es/src/ag-grid/components/body-cell/index.vue2.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as e, createBlock as n, openBlock as m, resolveDynamicComponent as r, unref as o } from "vue";
-import { contentCustom as t } from "../../../ap-grid/utils/col.mjs";
-const s = /* @__PURE__ */ e({
+import { defineComponent as e, createBlock as r, openBlock as n, resolveDynamicComponent as o, unref as m } from "vue";
+import { contentCustom as p } from "../../../ap-grid/utils/col.mjs";
+const i = /* @__PURE__ */ e({
   __name: "index",
   props: {
     params: {}
   },
-  setup(a) {
-    return (c, d) => (m(), n(r(
-      o(t)(
+  setup(s) {
+    return (a, d) => (n(), r(o(
+      m(p)(
         {
           value: a.params.value,
           text: a.params.value,
@@ -26,5 +26,5 @@ const s = /* @__PURE__ */ e({
   }
 });
 export {
-  s as default
+  i as default
 };

package/es/src/ag-grid/components/empty/index.vue2.mjs

@@ -1,25 +1,25 @@
-import { defineComponent as r, createElementBlock as p, openBlock as m, normalizeClass as i, unref as t, createBlock as o, resolveDynamicComponent as s } from "vue";
-import { Empty as a } from "@aplus-frontend/antdv";
+import { defineComponent as n, createElementBlock as t, openBlock as m, normalizeClass as s, unref as o, createBlock as p, resolveDynamicComponent as i } from "vue";
+import { Empty as r } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
 import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
-const k = /* @__PURE__ */ r({
+const _ = /* @__PURE__ */ n({
   __name: "index",
   props: {
     params: {}
   },
-  setup(e) {
-    const { b: n } = c("ag-grid");
-    return (l, y) => (m(), p("div", {
-      class: i(t(n)("empty"))
+  setup(l) {
+    const { b: a } = c("ag-grid");
+    return (e, y) => (m(), t("div", {
+      class: s(o(a)("empty"))
     }, [
-      e.params.emptyComponent ? (m(), o(s(e.params.emptyComponent), { key: 0 })) : (m(), o(t(a), {
+      e.params.emptyComponent ? (m(), p(i(e.params.emptyComponent), { key: 0 })) : (m(), p(o(r), {
         key: 1,
-        image: t(a).PRESENTED_IMAGE_SIMPLE,
+        image: o(r).PRESENTED_IMAGE_SIMPLE,
         description: e.params.emptyText
       }, null, 8, ["image", "description"]))
     ], 2));
   }
 });
 export {
-  k as default
+  _ as default
 };

package/es/src/ag-grid/components/header-cell/index.vue2.mjs

@@ -1,67 +1,67 @@
-import { defineComponent as B, computed as f, createElementBlock as g, openBlock as s, normalizeClass as a, unref as e, createBlock as D, createCommentVNode as O, resolveDynamicComponent as V, createVNode as C } from "vue";
-import { CaretUpOutlined as j, CaretDownOutlined as z } from "@ant-design/icons-vue";
-import { useToken as A } from "@aplus-frontend/antdv/es/theme/internal";
-import { useInjectSorter as E } from "../../context.mjs";
-import { getTableTitle as U } from "../../../ap-table/utils.mjs";
+import { defineComponent as B, computed as d, createElementBlock as f, openBlock as l, normalizeClass as r, unref as e, createBlock as _, createCommentVNode as D, resolveDynamicComponent as O, createVNode as g } from "vue";
+import { CaretUpOutlined as V, CaretDownOutlined as j } from "@ant-design/icons-vue";
+import { useToken as z } from "@aplus-frontend/antdv/es/theme/internal";
+import { useInjectSorter as A } from "../../context.mjs";
+import { getTableTitle as E } from "../../../ap-table/utils.mjs";
 import "../../../config-provider/index.mjs";
-import $ from "../../style/custom-header.mjs";
-import { useNamespace as S } from "../../../config-provider/hooks/use-namespace.mjs";
-const Q = /* @__PURE__ */ B({
+import U from "../../style/custom-header.mjs";
+import { useNamespace as C } from "../../../config-provider/hooks/use-namespace.mjs";
+const P = /* @__PURE__ */ B({
   __name: "index",
   props: {
     params: {}
   },
-  setup(o) {
-    const t = o, { b: v, e: n } = S("ag-custom-header"), { be: b, bem: h } = S("ag-grid"), k = $("ag-custom-header"), [, x] = A(), { sorter: m, setSorter: I } = E(), l = f(() => t.params.column.sorter);
-    function T(r) {
-      return r ? r === "asc" ? "desc" : null : "asc";
+  setup(S) {
+    const o = S, { b: v, e: a } = C("ag-custom-header"), { be: b, bem: h } = C("ag-grid"), k = U("ag-custom-header"), [, I] = z(), { sorter: c, setSorter: T } = A(), n = d(() => o.params.column.sorter);
+    function y(t) {
+      return t ? t === "asc" ? "desc" : null : "asc";
     }
-    const u = f(() => t.params?.column?.getColId?.());
-    function y() {
-      if (!l.value)
+    const m = d(() => o.params?.column?.getColId?.());
+    function x() {
+      if (!n.value)
         return;
-      const c = t.params.column.getColId(), N = t.params.column.getSort(), i = T(N), p = t.params.api, w = p.getColumnState().map((d) => ({
-        ...d,
-        sort: d.colId === c ? i : null
+      const s = o.params.column.getColId(), N = o.params.column.getSort(), u = y(N), p = o.params.api, w = p.getColumnState().map((i) => ({
+        ...i,
+        sort: i.colId === s ? u : null
       }));
       p.applyColumnState({
         state: w
-      }), I({ [c]: i });
+      }), T({ [s]: u });
     }
-    return (r, c) => (s(), g("div", {
-      class: a([
+    return (t, s) => (l(), f("div", {
+      class: r([
         e(v)(),
-        { sortable: l.value },
-        `align-${o.params.column.align || "left"}`,
+        { sortable: n.value },
+        `align-${t.params.column.align || "left"}`,
         e(k)
       ]),
-      onClick: y
+      onClick: x
     }, [
-      (s(), D(V(
-        e(U)(
-          o.params.column,
+      (l(), _(O(
+        e(E)(
+          t.params.column,
           [
             e(b)("table-header", "title"),
-            o.params.column.tooltip ? "" : e(h)("table-header", "title", "single")
+            t.params.column.tooltip ? "" : e(h)("table-header", "title", "single")
           ],
           void 0,
-          e(x).colorTextTertiary
+          e(I).colorTextTertiary
         )
       ))),
-      l.value ? (s(), g("span", {
+      n.value ? (l(), f("span", {
         key: 0,
-        class: a(e(n)("sort-wrapper"))
+        class: r(e(a)("sort-wrapper"))
       }, [
-        C(e(j), {
-          class: a({ [e(n)("sorter-up")]: !0, active: e(m)[u.value] === "asc" })
+        g(e(V), {
+          class: r({ [e(a)("sorter-up")]: !0, active: e(c)[m.value] === "asc" })
         }, null, 8, ["class"]),
-        C(e(z), {
-          class: a({ [e(n)("sorter-down")]: !0, active: e(m)[u.value] === "desc" })
+        g(e(j), {
+          class: r({ [e(a)("sorter-down")]: !0, active: e(c)[m.value] === "desc" })
         }, null, 8, ["class"])
-      ], 2)) : O("", !0)
+      ], 2)) : D("", !0)
     ], 2));
   }
 });
 export {
-  Q as default
+  P as default
 };

package/es/src/ag-grid/components/row/index.vue2.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as n, createBlock as r, openBlock as a, resolveDynamicComponent as o } from "vue";
-const p = /* @__PURE__ */ n({
+import { defineComponent as r, createBlock as o, openBlock as n, resolveDynamicComponent as a } from "vue";
+const t = /* @__PURE__ */ r({
   name: "AgGridCustomRow",
   __name: "index",
   props: {
     params: {}
   },
-  setup(e) {
-    return (m, t) => (a(), r(o(e.params.render(e.params))));
+  setup(p) {
+    return (e, m) => (n(), o(a(e.params.render(e.params))));
   }
 });
 export {
-  p as default
+  t as default
 };

package/es/src/ag-grid/components/tooltip/index.vue2.mjs

@@ -1,27 +1,27 @@
-import { defineComponent as p, ref as u, onMounted as m, withDirectives as d, openBlock as v, createElementBlock as f, normalizeClass as g, unref as h, toDisplayString as w, vShow as x } from "vue";
+import { defineComponent as p, ref as u, onMounted as m, withDirectives as d, openBlock as v, createElementBlock as f, normalizeClass as g, unref as h, toDisplayString as w, vShow as _ } from "vue";
 import "../../../config-provider/index.mjs";
-import { useNamespace as C } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useNamespace as x } from "../../../config-provider/hooks/use-namespace.mjs";
 const k = /* @__PURE__ */ p({
   __name: "index",
   props: {
     params: {}
   },
-  setup(r) {
-    const n = r, e = u(!1), { e: i } = C("ag-grid");
+  setup(l) {
+    const n = l, e = u(!1), { e: i } = x("ag-grid");
     return m(() => {
-      const { rowIndex: t, column: a, gridWrapperRef: c, lineClamp: s } = n.params, o = c.value?.querySelector(
-        `div.ag-row[row-index="${t}"] .ag-cell[col-id="${a.colId}"] span.ag-cell-value`
+      const { rowIndex: o, column: t, gridWrapperRef: s, lineClamp: c } = n.params, r = s.value?.querySelector(
+        `div.ag-row[row-index="${o}"] .ag-cell[col-id="${t.colId}"] span.ag-cell-value`
       );
-      if (!o) {
+      if (!r) {
         e.value = !0;
         return;
       }
-      const l = s === 1 ? "Width" : "Height";
-      e.value = o[`scroll${l}`] > o[`client${l}`];
-    }), (t, a) => d((v(), f("div", {
+      const a = c === 1 ? "Width" : "Height";
+      e.value = r[`scroll${a}`] > r[`client${a}`];
+    }), (o, t) => d((v(), f("div", {
       class: g(h(i)("tooltip"))
-    }, w(r.params.value), 3)), [
-      [x, e.value]
+    }, w(o.params.value), 3)), [
+      [_, e.value]
     ]);
   }
 });

package/es/src/ag-grid/editable/form-item.vue.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as A, useSlots as L, ref as g, onMounted as P, watch as G, createElementBlock as W, openBlock as U, Fragment as $, createVNode as c, unref as l, withCtx as h, mergeProps as q, createSlots as J, renderList as Q, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
-import { cloneDeep as d, isEqual as ee, omit as oe } from "lodash-unified";
-import { ApForm as C } from "../../ap-form/index.mjs";
+import { defineComponent as A, useSlots as L, ref as y, onMounted as P, watch as G, createElementBlock as W, openBlock as U, Fragment as $, createVNode as p, unref as l, withCtx as g, mergeProps as q, createSlots as J, renderList as Q, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { cloneDeep as u, isEqual as ee, omit as oe } from "lodash-unified";
+import { ApForm as h } from "../../ap-form/index.mjs";
 import { useInjectForm as te } from "../../ap-form/context.mjs";
 import { useWatch as ae } from "../../ap-form/hooks/use-watch.mjs";
 import { getModelValue as ne } from "../../ap-form/utils/get.mjs";
 import { transformValues as le } from "../../ap-form/utils/transform.mjs";
 import "../../config-provider/index.mjs";
 import { useGetEditableColumns as re } from "../hooks/use-editable-columns.mjs";
-import { useEditableFormItemApi as ie } from "../hooks/use-editable-form-item-api.mjs";
+import { useEditableFormItemApi as se } from "../hooks/use-editable-form-item-api.mjs";
 import "../index.vue2.mjs";
-import se from "../style/editable.mjs";
+import ie from "../style/editable.mjs";
 import { getShadowName as me } from "../utils.mjs";
-import { getColumnTransformOptions as ue, arrayToObject as b } from "./utils.mjs";
+import { getColumnTransformOptions as ue, arrayToObject as C } from "./utils.mjs";
 import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as pe } from "../../config-provider/hooks/use-global-config.mjs";
-import ce from "../index.vue.mjs";
-const Ne = /* @__PURE__ */ A({
+import fe from "../index.vue.mjs";
+const _e = /* @__PURE__ */ A({
   name: "EditableGrid",
   __name: "form-item",
   props: {
@@ -133,65 +133,65 @@ const Ne = /* @__PURE__ */ A({
     name: {},
     formItem: {}
   },
-  setup(s, {
+  setup(b, {
     expose: R
   }) {
-    const x = L(), o = s, {
-      b: B
-    } = de("editable-aggrid"), v = se("editable-aggrid"), r = g(), {
-      internalInstance: i
+    const B = L(), o = b, {
+      b: v
+    } = de("editable-aggrid"), x = ie("editable-aggrid"), r = y(), {
+      internalInstance: s
     } = te();
     function I(e) {
       const t = ue(o.columns || []);
       if (!Object.keys(t).length || !e?.length)
         return e;
       let a = [];
-      for (const u of e)
-        a.push(le(u, t));
+      for (const m of e)
+        a.push(le(m, t));
       return a;
     }
-    const m = me(o.name);
+    const i = me(o.name);
     let f = [];
     P(() => {
-      const e = o.formItem?.initialValue ?? ne(i?.getInitialValues() ?? {}, o.name);
-      e && (i?.updateInitialModel(m, b(d(e), o.rowKey)), f = d(e), n.value || N(d(e), "suffix", !0));
+      const e = o.formItem?.initialValue ?? ne(s?.getInitialValues() ?? {}, o.name);
+      e && (s?.updateInitialModel(i, C(u(e), o.rowKey)), f = u(e), n.value || _(u(e), "suffix", !0));
     });
-    const n = g([]), S = ae(o.name);
+    const n = y([]), S = ae(o.name);
     G(() => S.value, (e) => {
-      ee(e, n.value) || w(e ?? d(f));
+      ee(e, n.value) || c(e ?? u(f));
     }, {
       deep: !0,
       flush: "post",
       immediate: !0
     });
-    const T = pe("valueTypeMap"), E = re(o, T, m), {
+    const T = pe("valueTypeMap"), E = re(o, T, i), {
       add: F,
       addMultiple: V,
-      __addMultiple: N,
-      remove: j,
-      removeByKey: _,
+      __addMultiple: _,
+      remove: N,
+      removeByKey: j,
       getRowData: k,
       getRowsData: D,
       setRowData: O,
       clear: H,
-      refreshRowIds: p
-    } = ie(o, i, n, m);
+      refreshRowIds: d
+    } = se(o, s, n, i);
     function K() {
       const e = r.value?._internalGridApi;
-      if (!p.value?.length || !e)
+      if (!d.value?.length || !e)
         return;
-      const t = p.value.map((a) => e.getRowNode(a)).filter((a) => !!a);
+      const t = d.value.map((a) => e.getRowNode(a)).filter((a) => !!a);
       e.refreshCells({
         rowNodes: t,
         force: !0
-      }), p.value = [];
+      }), d.value = [];
     }
-    function w(e) {
+    function c(e) {
       n.value = [...e];
-      const t = b(e, o.rowKey);
-      i?.setFieldValue(o.name, [...e]), i?.setFieldValue(m, t);
+      const t = C(e, o.rowKey);
+      s?.setFieldValue(o.name, [...e]), s?.setFieldValue(i, t);
     }
-    function y(e, t) {
+    function w(e, t) {
       const a = e === "end" ? n.value.length - 1 : e;
       r.value?.scrollToRow(a, t);
     }
@@ -201,29 +201,29 @@ const Ne = /* @__PURE__ */ A({
     return R({
       add: F,
       addMultiple: V,
-      remove: j,
-      removeByKey: _,
+      remove: N,
+      removeByKey: j,
       getRowData: k,
       getRowsData: D,
       setRowData: O,
       clear: H,
-      setTableData: w,
-      scrollTo: y,
-      scrollToRow: y,
+      setTableData: c,
+      scrollTo: w,
+      scrollToRow: w,
       scrollToColumn: M,
       table: r
-    }), (e, t) => (U(), W($, null, [c(l(C).FormItem, {
+    }), (e, t) => (U(), W($, null, [p(l(h).FormItem, {
       hidden: "",
-      name: s.name,
-      "initial-value": s.formItem?.initialValue,
+      name: e.name,
+      "initial-value": e.formItem?.initialValue,
       transform: I
-    }, null, 8, ["name", "initial-value"]), c(l(C).FormItem, {
-      label: s.label
+    }, null, 8, ["name", "initial-value"]), p(l(h).FormItem, {
+      label: e.label
     }, {
-      default: h(() => [c(ce, q(l(oe)(o, ["name", "maxLength", "onChange", "defaultValue", "formItem"]), {
+      default: g(() => [p(fe, q(l(oe)(o, ["name", "maxLength", "onChange", "defaultValue", "formItem"]), {
         ref_key: "tableRef",
         ref: r,
-        class: [l(B)(), l(v)],
+        class: [l(v)(), l(x)],
         size: "mini",
         columns: l(E),
         "data-source": n.value,
@@ -231,14 +231,14 @@ const Ne = /* @__PURE__ */ A({
         onUpdate: K
       }), J({
         _: 2
-      }, [Q(x, (a, u) => ({
-        name: u,
-        fn: h((z) => [X(e.$slots, u, Y(Z(z || {})))])
+      }, [Q(B, (a, m) => ({
+        name: m,
+        fn: g((z) => [X(e.$slots, m, Y(Z(z || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 8, ["label"])], 64));
   }
 });
 export {
-  Ne as default
+  _e as default
 };

package/es/src/ag-grid/editable/index.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as M, useSlots as $, ref as v, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as p, createVNode as R, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
-import { isEqual as te, isArray as C, omit as ne } from "lodash-unified";
+import { defineComponent as M, useSlots as $, ref as b, watch as q, unref as l, createBlock as J, openBlock as Q, withCtx as m, createVNode as v, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as ee, normalizeProps as oe, guardReactiveProps as ae } from "vue";
+import { isEqual as te, isArray as R, omit as ne } from "lodash-unified";
 import { ApForm as c } from "../../ap-form/index.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
@@ -10,8 +10,8 @@ import se from "../style/editable.mjs";
 import { arrayToObject as f, getRowKey as ie } from "./utils.mjs";
 import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as ue } from "../../hooks/useControllableValue.mjs";
-import { useGlobalConfig as me } from "../../config-provider/hooks/use-global-config.mjs";
-import pe from "../index.vue.mjs";
+import { useGlobalConfig as pe } from "../../config-provider/hooks/use-global-config.mjs";
+import me from "../index.vue.mjs";
 const Fe = /* @__PURE__ */ M({
   name: "EditableGrid",
   __name: "index",
@@ -133,23 +133,23 @@ const Fe = /* @__PURE__ */ M({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(y, {
+  setup(C, {
     expose: x,
     emit: B
   }) {
-    const S = $(), a = y, {
+    const S = $(), a = C, {
       b: T
-    } = de("editable-aggrid"), F = se("editable-aggrid"), _ = B, i = v(), {
+    } = de("editable-aggrid"), F = se("editable-aggrid"), _ = B, i = b(), {
       value: s,
-      updateValue: w
-    } = ue(a, _), r = v(), E = c.useWatch(a.name, r);
+      updateValue: y
+    } = ue(a, _), r = b(), E = c.useWatch(a.name, r);
     q(s, (e) => {
       const o = f(e, a.rowKey);
       te(o, l(E)) || r.value?.setFieldValue(a.name, o);
     }, {
       deep: !0
     });
-    const K = me("valueTypeMap"), k = re(a, K), {
+    const K = pe("valueTypeMap"), k = re(a, K), {
       add: A,
       addMultiple: N,
       remove: j,
@@ -159,7 +159,7 @@ const Fe = /* @__PURE__ */ M({
       setRowData: H,
       clear: O,
       refreshRowIds: d
-    } = le(a, r, s, w);
+    } = le(a, r, s, y);
     function z() {
       const e = i.value?._internalGridApi;
       if (!d.value?.length || !e)
@@ -173,31 +173,31 @@ const Fe = /* @__PURE__ */ M({
     function L() {
       r.value?.resetFields();
     }
-    function g(e) {
-      return e ? (C(e) ? e : [e]).map((t) => C(t) ? [a.name, ...t] : [a.name, t]) : void 0;
+    function w(e) {
+      return e ? (R(e) ? e : [e]).map((t) => R(t) ? [a.name, ...t] : [a.name, t]) : void 0;
     }
-    function h(e) {
+    function g(e) {
       try {
         const o = Object.keys(e), t = s.value.map((n) => ie(n, void 0, a.rowKey));
-        return o.sort((n, u) => t.findIndex((m) => String(m) === n) - t.findIndex((m) => String(m) === u)), o.map((n) => e[n]);
+        return o.sort((n, u) => t.findIndex((p) => String(p) === n) - t.findIndex((p) => String(p) === u)), o.map((n) => e[n]);
       } catch {
         return e;
       }
     }
     async function P(e, o) {
-      const n = (await r.value?.validateFields(g(e), o))?.[a.name];
-      return h(n);
+      const n = (await r.value?.validateFields(w(e), o))?.[a.name];
+      return g(n);
     }
     async function G(e, o) {
-      const n = (await r.value?.validateFieldsReturnTransformed(g(e), o))?.[a.name];
-      return h(n);
+      const n = (await r.value?.validateFieldsReturnTransformed(w(e), o))?.[a.name];
+      return g(n);
     }
     function U(e) {
-      w(e);
+      y(e);
       const o = f(e, a.rowKey);
       r.value?.setFieldValue(a.name, o);
     }
-    function b(e, o) {
+    function h(e, o) {
       const t = e === "end" ? s.value.length - 1 : e;
       i.value?.scrollToRow(t, o);
     }
@@ -217,8 +217,8 @@ const Fe = /* @__PURE__ */ M({
       setRowData: H,
       clear: O,
       setTableData: U,
-      scrollTo: b,
-      scrollToRow: b,
+      scrollTo: h,
+      scrollToRow: h,
       scrollToColumn: W,
       table: i
     }), (e, o) => (Q(), J(l(c), {
@@ -231,11 +231,11 @@ const Fe = /* @__PURE__ */ M({
         height: "100%"
       }
     }, {
-      default: p(() => [R(l(c).FormItem, {
-        name: y.name,
+      default: m(() => [v(l(c).FormItem, {
+        name: e.name,
         "no-style": ""
       }, {
-        default: p(() => [R(pe, X(l(ne)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: m(() => [v(me, X(l(ne)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: i,
           class: [l(T)(), l(F)],
@@ -248,7 +248,7 @@ const Fe = /* @__PURE__ */ M({
           _: 2
         }, [Z(S, (t, n) => ({
           name: n,
-          fn: p((u) => [ee(e.$slots, n, oe(ae(u || {})))])
+          fn: m((u) => [ee(e.$slots, n, oe(ae(u || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),

package/es/src/ag-grid/hooks/use-columns.d.ts

@@ -1,4 +1,5 @@
 import { Ref, ComputedRef } from 'vue';
+import { DefaultSortOrderType } from '../../ap-table/hooks/use-sorted-filtered';
 import { AgGridColumnType, AgGridProps } from '../interface';
 /**
  * 维护/更新表格将要显示的类
@@ -8,4 +9,5 @@ export declare const useColumns: <RecordType>(props: AgGridProps<RecordType>) =>
     shownColumns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
     columnKeys: ComputedRef<string[]>;
     getTargetColumnByKey: (key?: string) => AgGridColumnType<RecordType> | undefined;
+    defaultSortOrder: ComputedRef<DefaultSortOrderType | undefined>;
 };

package/es/src/ag-grid/hooks/use-columns.mjs

@@ -1,31 +1,49 @@
-import { ref as u, computed as a, watch as i } from "vue";
-import { getStringKey as l } from "../utils.mjs";
-const g = (o) => {
-  const n = u([]), t = u([]);
+import { ref as c, computed as s, watch as y } from "vue";
+import { getStringKey as i } from "../utils.mjs";
+const g = (r) => {
+  const o = c([]), u = c([]);
   function m() {
-    return o.columns?.filter((e) => !e.hideInTable) || [];
+    return r.columns?.filter((e) => !e.hideInTable) || [];
   }
-  function r(e) {
-    return n.value.find((c) => l(c.key) === e);
+  function d(e) {
+    return o.value.find((n) => i(n.key) === e);
   }
-  const s = a(
-    () => n.value.map((e) => l(e.key)).filter(Boolean)
+  const f = s(
+    () => o.value.map((e) => i(e.key)).filter(Boolean)
   );
-  return i(
-    () => o.columns,
+  y(
+    () => r.columns,
     () => {
       const e = m();
-      n.value = e, t.value = e, o.onShownColumnsChange?.(e);
+      o.value = e, u.value = e, r.onShownColumnsChange?.(e);
     },
     {
       deep: !0,
       immediate: !0
     }
-  ), {
-    columns: n,
-    shownColumns: t,
-    columnKeys: s,
-    getTargetColumnByKey: r
+  );
+  function l(e) {
+    for (const n of e)
+      if (n.children) {
+        const t = l(n.children);
+        if (t)
+          return t;
+      } else if (n.defaultSortOrder) {
+        const t = n.field ?? n.dataIndex ?? n.key;
+        return {
+          colKey: n.key,
+          field: t,
+          order: n.defaultSortOrder
+        };
+      }
+  }
+  const a = s(() => l(o.value));
+  return {
+    columns: o,
+    shownColumns: u,
+    columnKeys: f,
+    getTargetColumnByKey: d,
+    defaultSortOrder: a
   };
 };
 export {