@aplus-frontend/ui 0.6.0-beta.3 → 0.6.0-beta.5

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

@@ -1,15 +1,15 @@
-import { defineComponent as P, useSlots as A, toRef as H, ref as h, unref as u, watch as K, nextTick as W, createBlock as G, openBlock as U, mergeProps as y, withCtx as g, createVNode as $, createSlots as q, renderList as J, renderSlot as Q, normalizeProps as X, guardReactiveProps as Y } from "vue";
+import { defineComponent as A, useSlots as H, toRef as W, ref as h, unref as r, watch as G, nextTick as U, createBlock as $, openBlock as q, mergeProps as y, withCtx as g, createVNode as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as I } from "vue";
 import { ApForm as C } from "../../ap-form/index.mjs";
-import { isArray as Z, isUndefined as I, isNumber as m, cloneDeep as M, omit as ee } from "lodash-unified";
+import { isArray as w, isUndefined as M, isNumber as m, cloneDeep as ee, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import { isDef as w } from "../../utils/index.mjs";
-import { useGetEditableColumns as oe } from "../hooks/use-editable-columns.mjs";
+import { isDef as b } from "../../utils/index.mjs";
+import { useGetEditableColumns as te } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import { useInjectForm as te } from "../../ap-form/context.mjs";
-import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as le } from "../../config-provider/hooks/use-global-config.mjs";
+import { useInjectForm as ae } from "../../ap-form/context.mjs";
+import { useNamespace as le } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as fe } from "../../config-provider/hooks/use-global-config.mjs";
 import ne from "../index.vue.mjs";
-const ge = /* @__PURE__ */ P({
+const Ce = /* @__PURE__ */ A({
   name: "EditableGrid",
   __name: "form-item",
   props: {
@@ -157,126 +157,134 @@ const ge = /* @__PURE__ */ P({
       default: () => ({})
     }
   },
-  setup(b, {
-    expose: x
+  setup(x, {
+    expose: R
   }) {
-    const R = A(), l = b, {
-      b: B
-    } = ae("editable-grid");
-    function S(e, o) {
-      return Z(o) ? o.reduce((n, a) => n == null ? void 0 : n[a], e) : e == null ? void 0 : e[o];
+    const B = H(), l = x, {
+      b: S
+    } = le("editable-grid");
+    function F(e, t) {
+      return w(t) ? t.reduce((f, a) => f == null ? void 0 : f[a], e) : e == null ? void 0 : e[t];
     }
     const {
-      internalInstance: t,
-      model: F
-    } = te(), p = H(l.name), d = h(S(u(F), p.value) || []), N = C.useWatch(p);
-    K(() => N.value, async (e) => {
-      var o;
-      await W(), d.value = e, (o = l.onChange) == null || o.call(l, e);
+      internalInstance: o,
+      model: v
+    } = ae(), p = W(l.name), d = h(F(r(v), p.value) || []), N = C.useWatch(p);
+    G(() => N.value, async (e) => {
+      var t;
+      await U(), d.value = e, (t = l.onChange) == null || t.call(l, e);
     }, {
       deep: !0
     });
-    const c = h(), v = le("valueTypeMap"), k = oe(l, v);
-    function D(e, o) {
-      var s;
-      const n = ((s = u(d)) == null ? void 0 : s.length) || 0;
-      if (w(l.maxLength) && n >= l.maxLength)
+    const c = h(), D = fe("valueTypeMap"), V = te(l, D);
+    function L(e, t) {
+      var n;
+      const f = ((n = r(d)) == null ? void 0 : n.length) || 0;
+      if (b(l.maxLength) && f >= l.maxLength)
         return;
       const a = {
         ...e || {}
       };
-      t == null || t.setFieldValue(l.name, a, !0, (f, r) => {
-        if (!f[r]) {
-          f[r] = [a];
+      o == null || o.setFieldValue(l.name, a, !0, (s, u) => {
+        if (!s[u]) {
+          s[u] = [a];
           return;
         }
-        I(o) ? f[r].push(a) : f[r].splice(o, 0, a);
+        M(t) ? s[u].push(a) : s[u].splice(t, 0, a);
       });
     }
-    function L(e, o = "suffix") {
-      var f;
-      const n = ((f = u(d)) == null ? void 0 : f.length) || 0, a = m(e) ? e : e.length;
-      if (w(l.maxLength) && n + a > l.maxLength)
+    function T(e, t = "suffix") {
+      var s;
+      const f = ((s = r(d)) == null ? void 0 : s.length) || 0, a = m(e) ? e : e.length;
+      if (b(l.maxLength) && f + a > l.maxLength)
         return;
-      const s = m(e) ? new Array(e).fill(0).map(() => ({})) : M(e);
-      t == null || t.setFieldValue(l.name, s, !0, (r, i) => {
-        if (!r[i]) {
-          r[i] = [...s];
+      const n = m(e) ? new Array(e).fill(0).map(() => ({})) : ee(e);
+      o == null || o.setFieldValue(l.name, n, !0, (u, i) => {
+        if (!u[i]) {
+          u[i] = [...n];
           return;
         }
-        o === "suffix" ? r[i].push(...s) : r[i].unshift(...s);
+        t === "suffix" ? u[i].push(...n) : u[i].unshift(...n);
       });
     }
-    function V(e) {
-      const o = new Set(m(e) ? [e] : e);
-      t == null || t.setFieldValue(l.name, void 0, !0, (n, a) => {
-        n[a] = n[a].filter((s, f) => !o.has(f));
+    function k(e) {
+      const t = new Set(m(e) ? [e] : e);
+      o == null || o.setFieldValue(l.name, void 0, !0, (f, a) => {
+        f[a] = f[a].filter((n, s) => !t.has(s));
       });
     }
-    function T() {
-      return u(d);
-    }
     function _(e) {
-      var o;
-      return (o = u(d)) == null ? void 0 : o[e];
+      var f;
+      const t = new Set(w(e) ? e : [e]);
+      t.size !== 0 && ((f = o == null ? void 0 : o.setFieldValue) == null || f.call(o, l.name, void 0, !0, (a, n) => {
+        a[n] = a[n].filter((s) => !t.has(s[l.rowKey]));
+      }));
     }
-    function j(e, o, n = !0) {
-      t == null || t.setFieldValue(l.name, void 0, !0, (a, s) => {
-        if (!(!a[s] || !a[s][e])) {
-          if (!n) {
-            const f = Object.keys(a[s][e]);
-            for (const r of f)
-              r !== l.rowKey && delete a[s][e][r];
+    function j() {
+      return r(d);
+    }
+    function E(e) {
+      var t;
+      return (t = r(d)) == null ? void 0 : t[e];
+    }
+    function O(e, t, f = !0) {
+      o == null || o.setFieldValue(l.name, void 0, !0, (a, n) => {
+        if (!(!a[n] || !a[n][e])) {
+          if (!f) {
+            const s = Object.keys(a[n][e]);
+            for (const u of s)
+              u !== l.rowKey && delete a[n][e][u];
           }
-          Object.assign(a[s][e], {
-            ...o
+          Object.assign(a[n][e], {
+            ...t
           });
         }
       });
     }
-    function E(e) {
-      t == null || t.setFieldValue(l.name, e);
+    function z(e) {
+      o == null || o.setFieldValue(l.name, e);
     }
-    function O(e) {
-      var n;
-      const o = e === "end" ? d.value.length - 1 : e;
-      (n = c.value) == null || n.scrollToRow(o);
+    function K(e) {
+      var f;
+      const t = e === "end" ? d.value.length - 1 : e;
+      (f = c.value) == null || f.scrollToRow(t);
     }
-    function z() {
+    function P() {
       var e;
-      (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, l.name, []);
+      (e = o == null ? void 0 : o.setFieldValue) == null || e.call(o, l.name, []);
     }
-    return x({
-      add: D,
-      remove: V,
-      getRowData: _,
-      getRowsData: T,
-      setRowData: j,
-      addMultiple: L,
-      scrollTo: O,
-      setTableData: E,
-      clear: z
-    }), (e, o) => (U(), G(u(C).FormItem, y(e.formItem, {
+    return R({
+      add: L,
+      remove: k,
+      getRowData: E,
+      getRowsData: j,
+      setRowData: O,
+      addMultiple: T,
+      scrollTo: K,
+      setTableData: z,
+      clear: P,
+      removeByKey: _
+    }), (e, t) => (q(), $(r(C).FormItem, y(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: g(() => [$(ne, y(u(ee)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
+      default: g(() => [J(ne, y(r(oe)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
         ref_key: "tableRef",
         ref: c,
-        class: u(B)(),
-        columns: u(k),
+        class: r(S)(),
+        columns: r(V),
         "data-source": d.value,
         "search-form": !1
-      }), q({
+      }), Q({
         _: 2
-      }, [J(R, (n, a) => ({
+      }, [X(B, (f, a) => ({
         name: a,
-        fn: g((s) => [Q(e.$slots, a, X(Y(s || {})))])
+        fn: g((n) => [Y(e.$slots, a, Z(I(n || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  ge as default
+  Ce as default
 };

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

@@ -1,16 +1,16 @@
-import { defineComponent as U, useSlots as $, ref as w, watch as x, unref as u, createBlock as q, openBlock as J, withCtx as h, createVNode as v, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as M, guardReactiveProps as ee } from "vue";
+import { defineComponent as $, useSlots as q, ref as v, watch as x, unref as u, createBlock as J, openBlock as Q, withCtx as h, createVNode as b, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as M, normalizeProps as ee, guardReactiveProps as te } from "vue";
 import { ApForm as y } from "../../ap-form/index.mjs";
-import { isEqual as ae, isArray as b, isUndefined as te, isNumber as g, cloneDeep as oe, omit as le } from "lodash-unified";
+import { isEqual as ae, isArray as g, isUndefined as oe, isNumber as C, cloneDeep as le, omit as ne } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import { isDef as R } from "../../utils/index.mjs";
-import { useGetEditableColumns as ne } from "../hooks/use-editable-columns.mjs";
+import { useGetEditableColumns as se } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import { useNamespace as se } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as re } from "../../hooks/useControllableValue.mjs";
-import { useGlobalConfig as ue } from "../../config-provider/hooks/use-global-config.mjs";
-import ie from "../index.vue.mjs";
-const be = /* @__PURE__ */ U({
+import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as ue } from "../../hooks/useControllableValue.mjs";
+import { useGlobalConfig as ie } from "../../config-provider/hooks/use-global-config.mjs";
+import fe from "../index.vue.mjs";
+const Re = /* @__PURE__ */ $({
   name: "EditableGrid",
   __name: "index",
   props: {
@@ -161,147 +161,155 @@ const be = /* @__PURE__ */ U({
     expose: S,
     emit: F
   }) {
-    const N = $(), t = B, {
+    const N = q(), o = B, {
       b: V
-    } = se("editable-grid"), _ = F, C = w(), {
+    } = re("editable-grid"), _ = F, w = v(), {
       value: m,
-      updateValue: k
-    } = re(t, _), f = w(), L = ue("valueTypeMap"), c = y.useWatch(t.name, f);
+      updateValue: L
+    } = ue(o, _), i = v(), k = ie("valueTypeMap"), c = y.useWatch(o.name, i);
     x(() => c.value, (e) => {
-      var a;
-      k(e), (a = t.onChange) == null || a.call(t, e);
+      var t;
+      L(e), (t = o.onChange) == null || t.call(o, e);
     }, {
       deep: !0,
       flush: "post"
     }), x(m, (e) => {
-      var a;
-      e !== u(c) && (ae(e, u(c)) || (a = f.value) == null || a.setFieldValue(t.name, e));
+      var t;
+      e !== u(c) && (ae(e, u(c)) || (t = i.value) == null || t.setFieldValue(o.name, e));
     }, {
       deep: !0
     });
-    const E = ne(t, L);
-    function D() {
+    const D = se(o, k);
+    function E() {
       var e;
-      (e = f.value) == null || e.resetFields();
+      (e = i.value) == null || e.resetFields();
     }
     function T(e) {
-      return e ? (b(e) ? e : [e]).map((o) => b(o) ? [t.name, ...o] : [t.name, o]) : void 0;
+      return e ? (g(e) ? e : [e]).map((a) => g(a) ? [o.name, ...a] : [o.name, a]) : void 0;
     }
-    async function j(e, a) {
+    async function j(e, t) {
       var l;
-      const o = await ((l = f.value) == null ? void 0 : l.validateFields(T(e), a));
-      return o == null ? void 0 : o[t.name];
+      const a = await ((l = i.value) == null ? void 0 : l.validateFields(T(e), t));
+      return a == null ? void 0 : a[o.name];
     }
-    function O(e, a) {
+    function O(e, t) {
       var s, n, r;
-      const o = ((s = u(m)) == null ? void 0 : s.length) || 0;
-      if (R(t.maxLength) && o >= t.maxLength)
+      const a = ((s = u(m)) == null ? void 0 : s.length) || 0;
+      if (R(o.maxLength) && a >= o.maxLength)
         return;
       const l = {
         ...e || {}
       };
-      (r = (n = f.value) == null ? void 0 : n.setFieldValue) == null || r.call(n, t.name, l, !0, (d, i) => {
-        if (!d[i]) {
-          d[i] = [l];
+      (r = (n = i.value) == null ? void 0 : n.setFieldValue) == null || r.call(n, o.name, l, !0, (d, f) => {
+        if (!d[f]) {
+          d[f] = [l];
           return;
         }
-        te(a) ? d[i].push(l) : d[i].splice(a, 0, l);
+        oe(t) ? d[f].push(l) : d[f].splice(t, 0, l);
       });
     }
-    function A(e, a = "suffix") {
+    function z(e, t = "suffix") {
       var n, r, d;
-      const o = ((n = u(m)) == null ? void 0 : n.length) || 0, l = g(e) ? e : e.length;
-      if (R(t.maxLength) && o + l > t.maxLength)
+      const a = ((n = u(m)) == null ? void 0 : n.length) || 0, l = C(e) ? e : e.length;
+      if (R(o.maxLength) && a + l > o.maxLength)
         return;
-      const s = g(e) ? new Array(e).fill(0).map(() => ({})) : oe(e);
-      (d = (r = f.value) == null ? void 0 : r.setFieldValue) == null || d.call(r, t.name, s, !0, (i, p) => {
-        if (!i[p]) {
-          i[p] = [...s];
+      const s = C(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
+      (d = (r = i.value) == null ? void 0 : r.setFieldValue) == null || d.call(r, o.name, s, !0, (f, p) => {
+        if (!f[p]) {
+          f[p] = [...s];
           return;
         }
-        a === "suffix" ? i[p].push(...s) : i[p].unshift(...s);
+        t === "suffix" ? f[p].push(...s) : f[p].unshift(...s);
       });
     }
-    function z(e) {
-      var o, l;
-      const a = new Set(g(e) ? [e] : e);
-      (l = (o = f.value) == null ? void 0 : o.setFieldValue) == null || l.call(o, t.name, void 0, !0, (s, n) => {
-        s[n] = s[n].filter((r, d) => !a.has(d));
+    function A(e) {
+      var a, l;
+      const t = new Set(C(e) ? [e] : e);
+      (l = (a = i.value) == null ? void 0 : a.setFieldValue) == null || l.call(a, o.name, void 0, !0, (s, n) => {
+        s[n] = s[n].filter((r, d) => !t.has(d));
       });
     }
+    function K(e) {
+      var a, l;
+      const t = new Set(g(e) ? e : [e]);
+      t.size !== 0 && ((l = (a = i.value) == null ? void 0 : a.setFieldValue) == null || l.call(a, o.name, void 0, !0, (s, n) => {
+        s[n] = s[n].filter((r) => !t.has(r[o.rowKey]));
+      }));
+    }
     function I() {
       return u(m);
     }
     function P(e) {
-      var a;
-      (a = f.value) == null || a.setFieldValue(t.name, e);
+      var t;
+      (t = i.value) == null || t.setFieldValue(o.name, e);
     }
     function H(e) {
-      var a;
-      return (a = u(m)) == null ? void 0 : a[e];
+      var t;
+      return (t = u(m)) == null ? void 0 : t[e];
     }
-    function K(e, a, o = !0) {
+    function W(e, t, a = !0) {
       var l, s;
-      (s = (l = f.value) == null ? void 0 : l.setFieldValue) == null || s.call(l, t.name, void 0, !0, (n, r) => {
+      (s = (l = i.value) == null ? void 0 : l.setFieldValue) == null || s.call(l, o.name, void 0, !0, (n, r) => {
         if (!(!n[r] || !n[r][e])) {
-          if (!o) {
+          if (!a) {
             const d = Object.keys(n[r][e]);
-            for (const i of d)
-              i !== t.rowKey && delete n[r][e][i];
+            for (const f of d)
+              f !== o.rowKey && delete n[r][e][f];
           }
           Object.assign(n[r][e], {
-            ...a
+            ...t
           });
         }
       });
     }
-    function W(e) {
-      var o;
-      const a = e === "end" ? m.value.length - 1 : e;
-      (o = C.value) == null || o.scrollToRow(a);
+    function G(e) {
+      var a;
+      const t = e === "end" ? m.value.length - 1 : e;
+      (a = w.value) == null || a.scrollToRow(t);
     }
-    function G() {
-      var e, a;
-      (a = (e = f.value) == null ? void 0 : e.setFieldValue) == null || a.call(e, t.name, []);
+    function U() {
+      var e, t;
+      (t = (e = i.value) == null ? void 0 : e.setFieldValue) == null || t.call(e, o.name, []);
     }
     return S({
-      resetFields: D,
+      resetFields: E,
       validateFields: j,
       add: O,
-      remove: z,
+      remove: A,
       getRowData: H,
       getRowsData: I,
-      setRowData: K,
-      addMultiple: A,
-      scrollTo: W,
-      clear: G,
-      setTableData: P
-    }), (e, a) => (J(), q(u(y), {
+      setRowData: W,
+      addMultiple: z,
+      scrollTo: G,
+      clear: U,
+      setTableData: P,
+      removeByKey: K
+    }), (e, t) => (Q(), J(u(y), {
       ref_key: "formRef",
-      ref: f,
+      ref: i,
       "initial-values": {
-        [t.name]: u(m)
+        [o.name]: u(m)
       },
       style: {
         height: "100%"
       }
     }, {
-      default: h(() => [v(u(y).FormItem, {
+      default: h(() => [b(u(y).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: h(() => [v(ie, Q(u(le)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: h(() => [b(fe, X(u(ne)(o, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
-          ref: C,
+          ref: w,
           class: u(V)(),
-          columns: u(E),
+          columns: u(D),
           "data-source": u(m),
           "search-form": !1
-        }), X({
+        }), Y({
           _: 2
-        }, [Y(N, (o, l) => ({
+        }, [Z(N, (a, l) => ({
           name: l,
-          fn: h((s) => [Z(e.$slots, l, M(ee(s || {})))])
+          fn: h((s) => [M(e.$slots, l, ee(te(s || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -310,5 +318,5 @@ const be = /* @__PURE__ */ U({
   }
 });
 export {
-  be as default
+  Re as default
 };