@aplus-frontend/ui 7.0.0-beta.2 → 7.0.0

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

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

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

@@ -1,18 +1,18 @@
-import { defineComponent as G, useSlots as O, ref as f, watch as U, unref as t, createBlock as W, openBlock as M, withCtx as d, createVNode as y, mergeProps as $, createSlots as q, renderList as J, renderSlot as Q, normalizeProps as X, guardReactiveProps as Y } from "vue";
+import { defineComponent as O, useSlots as U, ref as y, watch as W, unref as n, createBlock as M, openBlock as $, withCtx as d, createVNode as w, mergeProps as q, createSlots as J, renderList as Q, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
 import { ApForm as u } from "../../ap-form/index.mjs";
-import { isEqual as Z, isArray as w, omit as ee } from "lodash-unified";
+import { isEqual as ee, isArray as g, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { useGetEditableColumns as oe } from "../hooks/use-editable-columns.mjs";
+import { useGetEditableColumns as ae } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import { useEditableApi as ae } from "../hooks/use-editable-api.mjs";
+import { useEditableApi as te } from "../hooks/use-editable-api.mjs";
 import { arrayToObject as p } from "./utils.mjs";
-import te from "../style/editable.mjs";
-import { useNamespace as ne } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as le } from "../../hooks/useControllableValue.mjs";
-import { useGlobalConfig as re } from "../../config-provider/hooks/use-global-config.mjs";
-import se from "../index.vue.mjs";
-const Ce = /* @__PURE__ */ G({
+import ne from "../style/editable.mjs";
+import { useNamespace as le } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as re } from "../../hooks/useControllableValue.mjs";
+import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
+import ie from "../index.vue.mjs";
+const xe = /* @__PURE__ */ O({
   name: "EditableGrid",
   __name: "index",
   props: {
@@ -128,102 +128,107 @@ const Ce = /* @__PURE__ */ G({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(g, {
-    expose: h,
-    emit: b
+  setup(h, {
+    expose: C,
+    emit: R
   }) {
-    const R = O(), o = g, {
+    const b = U(), o = h, {
       b: v
-    } = ne("editable-aggrid"), C = te("editable-aggrid"), x = b, s = f(), {
+    } = le("editable-aggrid"), x = ne("editable-aggrid"), B = R, s = y(), {
       value: r,
       updateValue: m
-    } = le(o, x), l = f(), B = u.useWatch(o.name, l);
-    U(r, (e) => {
+    } = re(o, B), l = y(), S = u.useWatch(o.name, l);
+    W(r, (e) => {
       const a = p(e, o.rowKey);
-      Z(a, t(B)) || l.value?.setFieldValue(o.name, a);
+      ee(a, n(S)) || l.value?.setFieldValue(o.name, a);
     }, {
       deep: !0
     });
-    const S = re("valueTypeMap"), _ = oe(o, S), {
+    const T = se("valueTypeMap"), _ = ae(o, T), {
       add: F,
       addMultiple: E,
-      remove: T,
-      removeByKey: N,
-      getRowData: A,
-      getRowsData: V,
-      setRowData: k,
-      clear: D,
+      remove: N,
+      removeByKey: A,
+      getRowData: V,
+      getRowsData: k,
+      setRowData: D,
+      clear: K,
       refreshRowIds: i
-    } = ae(o, l, r, m);
-    function K() {
+    } = te(o, l, r, m);
+    function j() {
       const e = s.value?._internalGridApi;
       if (!i.value?.length || !e)
         return;
-      const a = i.value.map((n) => e.getRowNode(n)).filter((n) => !!n);
+      const a = i.value.map((t) => e.getRowNode(t)).filter((t) => !!t);
       e.refreshCells({
         rowNodes: a,
         force: !0
       }), i.value = [];
     }
-    function j() {
+    function I() {
       l.value?.resetFields();
     }
-    function I(e) {
-      return e ? (w(e) ? e : [e]).map((n) => w(n) ? [o.name, ...n] : [o.name, n]) : void 0;
+    function z(e) {
+      return e ? (g(e) ? e : [e]).map((t) => g(t) ? [o.name, ...t] : [o.name, t]) : void 0;
     }
-    async function z(e, a) {
-      return (await l.value?.validateFields(I(e), a))?.[o.name];
+    async function H(e, a) {
+      return (await l.value?.validateFields(z(e), a))?.[o.name];
     }
-    function H(e) {
+    function L(e) {
       m(e);
       const a = p(e, o.rowKey);
       l.value?.setFieldValue(o.name, a);
     }
-    function L(e) {
-      const a = e === "end" ? r.value.length - 1 : e;
-      s.value?.scrollToRow(a);
+    function c(e, a) {
+      const t = e === "end" ? r.value.length - 1 : e;
+      s.value?.scrollToRow(t, a);
+    }
+    function P(e, a) {
+      s.value?.scrollToColumn(e, a);
     }
-    return h({
-      resetFields: j,
-      validateFields: z,
+    return C({
+      resetFields: I,
+      validateFields: H,
       add: F,
       addMultiple: E,
-      remove: T,
-      removeByKey: N,
-      getRowData: A,
-      getRowsData: V,
-      setRowData: k,
-      clear: D,
-      setTableData: H,
-      scrollTo: L
-    }), (e, a) => (M(), W(t(u), {
+      remove: N,
+      removeByKey: A,
+      getRowData: V,
+      getRowsData: k,
+      setRowData: D,
+      clear: K,
+      setTableData: L,
+      scrollTo: c,
+      scrollToRow: c,
+      scrollToColumn: P
+    }), (e, a) => ($(), M(n(u), {
       ref_key: "formRef",
       ref: l,
       "initial-values": {
-        [o.name]: t(p)(t(r), o.rowKey)
+        [o.name]: n(p)(n(r), o.rowKey)
       },
       style: {
         height: "100%"
       }
     }, {
-      default: d(() => [y(t(u).FormItem, {
+      default: d(() => [w(n(u).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: d(() => [y(se, $(t(ee)(o, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: d(() => [w(ie, q(n(oe)(o, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: s,
-          class: [t(v)(), t(C)],
+          class: [n(v)(), n(x)],
           size: "mini",
-          columns: t(_),
-          "data-source": t(r),
+          columns: n(_),
+          "data-source": n(r),
           "search-form": !1,
-          onUpdate: K
-        }), q({
+          onUpdate: j
+        }), J({
           _: 2
-        }, [J(R, (n, c) => ({
-          name: c,
-          fn: d((P) => [Q(e.$slots, c, X(Y(P || {})))])
+        }, [Q(b, (t, f) => ({
+          name: f,
+          fn: d((G) => [X(e.$slots, f, Y(Z(G || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -232,5 +237,5 @@ const Ce = /* @__PURE__ */ G({
   }
 });
 export {
-  Ce as default
+  xe as default
 };

package/es/src/ag-grid/editable/interface.d.ts

@@ -80,7 +80,9 @@ export type EditableAgGridProps<RecordType = any> = Omit<AgGridProps<RecordType>
     onFieldChange?: (rowIndex: number, fieldName: DataIndex, newValue: any) => void;
 };
 export type EditableAgGridExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableTableExpose<ModelType, RecordType>, 'scrollTo' | 'remove'> & {
-    scrollTo: (index: number | 'end') => void;
+    scrollTo: (index: number | 'end', position?: 'top' | 'bottom' | 'middle') => void;
+    scrollToRow: (index: number | 'end', position?: 'top' | 'bottom' | 'middle') => void;
+    scrollToColumn: (key: string, position?: 'auto' | 'start' | 'middle' | 'end') => void;
     remove: (data: RecordType | RecordType[]) => void;
 };
 export type EditableAgGridFormItemExpose<RecordType = any, ModelType = RecordType[]> = Omit<EditableAgGridExpose<RecordType, ModelType>, 'resetFields' | 'validateFields'>;

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

@@ -1,7 +1,7 @@
-import { getTableRenderProps as y, objectToString as P } from "../../ap-table/utils.mjs";
-import { rendererMap as h } from "../renderer/index.mjs";
-import { isNumber as f, isFunction as m } from "lodash-unified";
-import { ref as R, unref as x, computed as T } from "vue";
+import { getTableRenderProps as c, objectToString as D } from "../../ap-table/utils.mjs";
+import { rendererMap as x } from "../renderer/index.mjs";
+import { isNumber as u, isFunction as m } from "lodash-unified";
+import { ref as P, unref as v, computed as y } from "vue";
 import "../components/body-cell/index.vue.mjs";
 import "../components/header-cell/index.vue.mjs";
 import "../components/tooltip/index.vue.mjs";
@@ -12,24 +12,24 @@ import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-con
 import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
 import W from "../components/body-cell/index.vue2.mjs";
 import z from "../components/tooltip/index.vue2.mjs";
-import v from "../components/header-cell/index.vue2.mjs";
+import h from "../components/header-cell/index.vue2.mjs";
 function F(t) {
-  return f(t) && t > 1;
+  return u(t) && t > 1;
 }
-function M(t, o) {
-  if (o.bodyCellTooltip)
-    return m(o.bodyCellTooltip) ? o.bodyCellTooltip(t.value, t.data) : o.bodyCellTooltip;
-  if (o.renderText)
-    return o.renderText({
+function M(t, a) {
+  if (a.bodyCellTooltip)
+    return m(a.bodyCellTooltip) ? a.bodyCellTooltip(t.value, t.data) : a.bodyCellTooltip;
+  if (a.renderText)
+    return a.renderText({
       value: t.value,
       record: t.data,
-      column: o,
+      column: a,
       text: t.value
     });
-  const n = o.valueType || "text", d = h[n];
-  if (d) {
-    const p = y(
-      { ...o, valueType: n },
+  const d = a.valueType || "text", p = x[d];
+  if (p) {
+    const f = c(
+      { ...a, valueType: d },
       {
         value: t.value,
         text: t.value,
@@ -39,61 +39,61 @@ function M(t, o) {
         pinned: t.node?.rowPinned
       }
     );
-    return d(p);
+    return p(f);
   }
-  return P(t.value);
+  return D(t.value);
 }
-const X = (t, o, n) => {
-  const d = _("valueTypeMap"), u = R(), { em: p } = G("ag-grid"), c = (r) => {
-    const a = {
+const X = (t, a, d) => {
+  const p = _("valueTypeMap"), C = P(), { em: f } = G("ag-grid"), b = (r) => {
+    const i = {
       cellRenderer: W,
       cellRendererParams: {
         column: r,
-        extraValueType: x(d),
-        rowKey: o.rowKey
+        extraValueType: v(p),
+        rowKey: a.rowKey
       }
     };
     if (r.customRender)
-      return a;
+      return i;
     if (r.renderText)
       return {
-        valueFormatter: (i) => r.renderText({
-          value: i.value,
-          record: i.data,
+        valueFormatter: (o) => r.renderText({
+          value: o.value,
+          record: o.data,
           column: r,
-          text: i.value
+          text: o.value
         })
       };
-    const l = r.valueType || "text", e = h[l];
+    const s = r.valueType || "text", e = x[s];
     return e ? {
-      valueFormatter: (i) => {
-        const s = y(
-          { ...r, valueType: l },
+      valueFormatter: (o) => {
+        const l = c(
+          { ...r, valueType: s },
           {
-            value: i.value,
-            text: i.value,
-            record: i.data,
-            column: i.column,
-            rowIndex: i.node?.rowIndex,
-            pinned: i.node?.rowPinned
+            value: o.value,
+            text: o.value,
+            record: o.data,
+            column: o.column,
+            rowIndex: o.node?.rowIndex,
+            pinned: o.node?.rowPinned
           }
         );
-        return e(s);
+        return e(l);
       }
-    } : a;
-  }, b = (r) => {
-    const a = {}, l = r.bodyCellTooltip || !r.customRender && (r.ellipsis === !0 || r.ellipsis === "tooltip" || f(r.ellipsis)), e = f(r.ellipsis) && r.ellipsis > 1, i = f(r.ellipsis) ? r.ellipsis : 1;
-    return a.tooltipValueGetter = l ? (s) => M(s, r) : void 0, a.wrapText = !r.ellipsis || e, a.cellStyle = {
-      "--ag-grid-line-clamp": i
-    }, a.tooltipComponent = z, a.tooltipComponentParams = {
-      lineClamp: i,
-      gridWrapperRef: u
-    }, a;
-  }, g = T(() => {
-    const r = x(t);
-    function a(l) {
-      return l.map((e) => {
-        const i = {
+    } : i;
+  }, w = (r) => {
+    const i = r.valueType || "text", s = x[i], e = {}, o = r.bodyCellTooltip || !r.customRender && s && (r.ellipsis === !0 || r.ellipsis === "tooltip" || u(r.ellipsis)), l = u(r.ellipsis) && r.ellipsis > 1, n = u(r.ellipsis) ? r.ellipsis : 1;
+    return e.tooltipValueGetter = o ? (T) => M(T, r) : void 0, e.wrapText = !r.ellipsis || l, e.cellStyle = {
+      "--ag-grid-line-clamp": n
+    }, e.tooltipComponent = z, e.tooltipComponentParams = {
+      lineClamp: n,
+      gridWrapperRef: C
+    }, e;
+  }, g = y(() => {
+    const r = v(t);
+    function i(s) {
+      return s.map((e) => {
+        const o = {
           field: S(e.dataIndex),
           colId: I(e.key) ? String(e.key) : void 0,
           sortable: !!e.sorter,
@@ -110,44 +110,45 @@ const X = (t, o, n) => {
           pinned: e.fixed || null,
           // undefined to null
           colSpan: e.colSpan,
-          cellClass: n((s) => {
-            const C = e.cellClass || "", D = m(C) ? C(s.data, s.node) : C;
+          spanRows: e.spanRows,
+          cellClass: d((l) => {
+            const n = e.cellClass || "", T = m(n) ? n(l.data, l.node) : n;
             return [
-              `${p("cell", e.align || "left")}`,
-              F(e.ellipsis) ? p("cell", "multiline") : null,
-              D
+              `${f("cell", e.align || "left")}`,
+              F(e.ellipsis) ? f("cell", "multiline") : null,
+              T
             ].flat().filter(Boolean);
           }),
           headerStyle: e.headerStyle,
           headerClass: e.headerClass,
           autoHeight: !0,
           // 设置自动计算高度以自适应多行换行的场景
-          ...b(e),
-          ...c(e)
+          ...w(e),
+          ...b(e)
         };
         return e.children?.length ? {
-          ...i,
-          headerGroupComponent: v,
+          ...o,
+          headerGroupComponent: h,
           headerGroupComponentParams: {
             column: e
           },
-          children: a(e.children)
-        } : i;
+          children: i(e.children)
+        } : o;
       });
     }
-    return a(r);
-  }), w = T(
+    return i(r);
+  }), R = y(
     () => ({
-      headerComponent: v,
-      resizable: o.columnResizable,
+      headerComponent: h,
+      resizable: a.columnResizable,
       suppressMovable: !0,
       cellDataType: !1
     })
   );
   return {
     columnDefs: g,
-    defaultColDef: w,
-    gridWrapperRef: u
+    defaultColDef: R,
+    gridWrapperRef: C
   };
 };
 export {