@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

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

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

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

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

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

@@ -1,7 +1,7 @@
-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 { 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 "../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 h from "../components/header-cell/index.vue2.mjs";
+import v from "../components/header-cell/index.vue2.mjs";
 function F(t) {
-  return u(t) && t > 1;
+  return f(t) && t > 1;
 }
-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({
+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({
       value: t.value,
       record: t.data,
-      column: a,
+      column: o,
       text: t.value
     });
-  const d = a.valueType || "text", p = x[d];
-  if (p) {
-    const f = c(
-      { ...a, valueType: d },
+  const n = o.valueType || "text", d = h[n];
+  if (d) {
+    const p = y(
+      { ...o, valueType: n },
       {
         value: t.value,
         text: t.value,
@@ -39,61 +39,61 @@ function M(t, a) {
         pinned: t.node?.rowPinned
       }
     );
-    return p(f);
+    return d(p);
   }
-  return D(t.value);
+  return P(t.value);
 }
-const X = (t, a, d) => {
-  const p = _("valueTypeMap"), C = P(), { em: f } = G("ag-grid"), b = (r) => {
-    const i = {
+const X = (t, o, n) => {
+  const d = _("valueTypeMap"), u = R(), { em: p } = G("ag-grid"), c = (r) => {
+    const a = {
       cellRenderer: W,
       cellRendererParams: {
         column: r,
-        extraValueType: v(p),
-        rowKey: a.rowKey
+        extraValueType: x(d),
+        rowKey: o.rowKey
       }
     };
     if (r.customRender)
-      return i;
+      return a;
     if (r.renderText)
       return {
-        valueFormatter: (o) => r.renderText({
-          value: o.value,
-          record: o.data,
+        valueFormatter: (i) => r.renderText({
+          value: i.value,
+          record: i.data,
           column: r,
-          text: o.value
+          text: i.value
         })
       };
-    const s = r.valueType || "text", e = x[s];
+    const l = r.valueType || "text", e = h[l];
     return e ? {
-      valueFormatter: (o) => {
-        const l = c(
-          { ...r, valueType: s },
+      valueFormatter: (i) => {
+        const s = y(
+          { ...r, valueType: l },
           {
-            value: o.value,
-            text: o.value,
-            record: o.data,
-            column: o.column,
-            rowIndex: o.node?.rowIndex,
-            pinned: o.node?.rowPinned
+            value: i.value,
+            text: i.value,
+            record: i.data,
+            column: i.column,
+            rowIndex: i.node?.rowIndex,
+            pinned: i.node?.rowPinned
           }
         );
-        return e(l);
+        return e(s);
       }
-    } : 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 = {
+    } : 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 = {
           field: S(e.dataIndex),
           colId: I(e.key) ? String(e.key) : void 0,
           sortable: !!e.sorter,
@@ -110,45 +110,44 @@ const X = (t, a, d) => {
           pinned: e.fixed || null,
           // undefined to null
           colSpan: e.colSpan,
-          spanRows: e.spanRows,
-          cellClass: d((l) => {
-            const n = e.cellClass || "", T = m(n) ? n(l.data, l.node) : n;
+          cellClass: n((s) => {
+            const C = e.cellClass || "", D = m(C) ? C(s.data, s.node) : C;
             return [
-              `${f("cell", e.align || "left")}`,
-              F(e.ellipsis) ? f("cell", "multiline") : null,
-              T
+              `${p("cell", e.align || "left")}`,
+              F(e.ellipsis) ? p("cell", "multiline") : null,
+              D
             ].flat().filter(Boolean);
           }),
           headerStyle: e.headerStyle,
           headerClass: e.headerClass,
           autoHeight: !0,
           // 设置自动计算高度以自适应多行换行的场景
-          ...w(e),
-          ...b(e)
+          ...b(e),
+          ...c(e)
         };
         return e.children?.length ? {
-          ...o,
-          headerGroupComponent: h,
+          ...i,
+          headerGroupComponent: v,
           headerGroupComponentParams: {
             column: e
           },
-          children: i(e.children)
-        } : o;
+          children: a(e.children)
+        } : i;
       });
     }
-    return i(r);
-  }), R = y(
+    return a(r);
+  }), w = T(
     () => ({
-      headerComponent: h,
-      resizable: a.columnResizable,
+      headerComponent: v,
+      resizable: o.columnResizable,
       suppressMovable: !0,
       cellDataType: !1
     })
   );
   return {
     columnDefs: g,
-    defaultColDef: R,
-    gridWrapperRef: C
+    defaultColDef: w,
+    gridWrapperRef: u
   };
 };
 export {