@aplus-frontend/ui 0.0.22 → 0.0.24

package/es/src/editable-table/form-item.vue.mjs

@@ -1,15 +1,16 @@
-import { defineComponent as P, ref as L, unref as o, useSlots as V, watch as j, openBlock as f, createBlock as z, mergeProps as c, withCtx as i, createVNode as _, createSlots as O, createElementBlock as T, Fragment as K, createElementVNode as x, normalizeClass as q, toDisplayString as A, createCommentVNode as G, renderList as H, renderSlot as M, normalizeProps as W, guardReactiveProps as U } from "vue";
-import { Table as $ } from "ant-design-vue";
-import { ApForm as C } from "../ap-form/index.mjs";
-import { cloneDeep as g, omit as J } from "lodash-unified";
+import { defineComponent as V, ref as A, unref as o, useSlots as O, watch as T, openBlock as C, createBlock as K, mergeProps as w, withCtx as i, createVNode as M, createSlots as q, createElementBlock as G, Fragment as H, createElementVNode as b, normalizeClass as W, toDisplayString as U, createCommentVNode as $, renderList as J, renderSlot as Q, normalizeProps as X, guardReactiveProps as Y } from "vue";
+import { Table as Z } from "ant-design-vue";
+import { ApForm as y } from "../ap-form/index.mjs";
+import { isNumber as m, cloneDeep as p, omit as I } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { useInjectForm as Q } from "../ap-form/context.mjs";
+import { useInjectForm as ee } from "../ap-form/context.mjs";
 import "./style/index.css";
-import { isDef as X } from "../utils/index.mjs";
-import Y from "./hooks/use-get-columns.mjs";
-import { useNamespace as Z } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
-const pe = /* @__PURE__ */ P({
+import { isDef as c } from "../utils/index.mjs";
+import te from "./hooks/use-get-columns.mjs";
+import { getColumnIsRequired as oe } from "./utils.mjs";
+import { useNamespace as ae } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as le } from "../config-provider/hooks/use-global-config.mjs";
+const xe = /* @__PURE__ */ V({
   name: "EditableTableInner",
   __name: "form-item",
   props: {
@@ -109,81 +110,95 @@ const pe = /* @__PURE__ */ P({
       default: () => ({})
     }
   },
-  setup(h, {
-    expose: w
+  setup(R, {
+    expose: B
   }) {
-    var p;
-    const n = h, {
+    var h;
+    const l = R, {
       formInstance: t,
-      model: b
-    } = Q(), d = L(((p = o(b)) == null ? void 0 : p[n.name]) || []), y = V(), R = C.useWatch(n.name);
-    j(() => R.value, (a) => {
-      var l;
-      d.value = a, (l = n.onChange) == null || l.call(n, a);
+      model: D
+    } = ee(), d = A(((h = o(D)) == null ? void 0 : h[l.name]) || []), F = O(), E = y.useWatch(l.name);
+    T(() => E.value, (e) => {
+      var a;
+      d.value = e, (a = l.onChange) == null || a.call(l, e);
     });
     const {
-      b: u,
-      em: B
-    } = Z("editable-table"), D = I("uiMode", "aplus"), E = Y(n);
-    function F(a) {
-      var e, r;
-      const l = ((e = o(d)) == null ? void 0 : e.length) || 0;
-      X(n.maxLength) && l >= n.maxLength || (r = t == null ? void 0 : t.setFieldValue) == null || r.call(t, n.name, [...o(d) || [], a || {}]);
+      b: f,
+      em: L
+    } = ae("editable-table"), v = le("uiMode", "aplus"), N = te(l);
+    function S(e, a) {
+      var u, s;
+      const n = ((u = o(d)) == null ? void 0 : u.length) || 0;
+      if (c(l.maxLength) && n >= l.maxLength)
+        return;
+      const r = [...o(d) || []];
+      c(a) ? r.splice(a, 0, {
+        ...e || {}
+      }) : r.push({
+        ...e || {}
+      }), (s = t == null ? void 0 : t.setFieldValue) == null || s.call(t, l.name, [...o(d) || [], e || {}]);
     }
-    function v(a) {
-      var e;
-      const l = g(o(d) || []);
-      l.splice(a, 1), (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, n.name, [...l]);
+    function k(e, a = "suffix") {
+      var g, x;
+      const n = ((g = o(d)) == null ? void 0 : g.length) || 0, r = m(e) ? e : e.length;
+      if (c(l.maxLength) && n + r > l.maxLength)
+        return;
+      const u = [...o(d) || []], s = m(e) ? new Array(e).fill({}) : p(e);
+      a === "suffix" ? u.push(...s) : u.unshift(...s), (x = t == null ? void 0 : t.setFieldValue) == null || x.call(t, l.name, u);
     }
-    function S() {
+    function _(e) {
+      var r;
+      let a = p(o(d) || []);
+      const n = m(e) ? [e] : e;
+      a = a.filter((u, s) => !n.includes(s)), (r = t == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, a);
+    }
+    function j() {
       return o(d);
     }
-    function k(a) {
-      var l;
-      return (l = o(d)) == null ? void 0 : l[a];
+    function z(e) {
+      var a;
+      return (a = o(d)) == null ? void 0 : a[e];
     }
-    function N(a, l) {
+    function P(e, a) {
       var r;
-      const e = g(o(d));
-      e[a] && (e[a] = {
-        ...e[a],
-        ...l
-      }, (r = t == null ? void 0 : t.setFieldValue) == null || r.call(t, n.name, [...e]));
+      const n = p(o(d));
+      n[e] && (n[e] = {
+        ...n[e],
+        ...a
+      }, (r = t == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, [...n]));
     }
-    return w({
-      add: F,
-      remove: v,
-      getRowData: k,
-      getRowsData: S,
-      setRowData: N
-    }), (a, l) => (f(), z(o(C).FormItem, c(a.formItem, {
-      name: a.name,
-      label: a.label
+    return B({
+      add: S,
+      remove: _,
+      getRowData: z,
+      getRowsData: j,
+      setRowData: P,
+      addMultiple: k
+    }), (e, a) => (C(), K(o(y).FormItem, w(e.formItem, {
+      name: e.name,
+      label: e.label
     }), {
-      default: i(() => [_(o($), c(o(J)(n, ["name", "maxLength"]), {
-        class: [o(u)(), o(D) === "admin" ? o(u)("admin") : null],
-        columns: o(E),
+      default: i(() => [M(o(Z), w(o(I)(l, ["name", "maxLength"]), {
+        class: [o(f)(), o(v) === "admin" ? o(f)("admin") : null],
+        columns: o(N),
         "data-source": d.value
-      }), O({
+      }), q({
         headerCell: i(({
-          column: e
-        }) => {
-          var r, s, m;
-          return [(r = e == null ? void 0 : e.fieldProps) != null && r.required || (m = (s = e == null ? void 0 : e.fieldProps) == null ? void 0 : s.rules) != null && m.length ? (f(), T(K, {
-            key: 0
-          }, [x("span", {
-            class: q(o(B)("header-cell", "required"))
-          }, "*", 2), x("span", null, A(e.title), 1)], 64)) : G("", !0)];
-        }),
+          column: n
+        }) => [o(oe)(n) ? (C(), G(H, {
+          key: 0
+        }, [b("span", {
+          class: W(o(L)("header-cell", "required"))
+        }, "*", 2), b("span", null, U(n.title), 1)], 64)) : $("", !0)]),
         _: 2
-      }, [H(y, (e, r) => ({
+      }, [J(F, (n, r) => ({
         name: r,
-        fn: i((s) => [M(a.$slots, r, W(U(s || {})))])
+        fn: i((u) => [Q(e.$slots, r, X(Y(u || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  pe as default
+  xe as default
 };

package/es/src/editable-table/hooks/use-get-columns.mjs

@@ -1,17 +1,17 @@
-import { computed as y, createVNode as i, mergeProps as x } from "vue";
-import { omit as h, isFunction as C, isBoolean as F } from "lodash-unified";
-import { getEditableComponent as R } from "../utils.mjs";
-import { updateFormProps as T, getFieldProps as I, getPlaceholder as N, getTableRenderProps as L } from "../../ap-table/utils.mjs";
+import { computed as b, createVNode as i, mergeProps as x } from "vue";
+import { omit as h, isFunction as C, isBoolean as R } from "lodash-unified";
+import { getEditableComponent as F, getRawDisplayValue as T } from "../utils.mjs";
+import { updateFormProps as I, getFieldProps as N, getPlaceholder as V, getTableRenderProps as w } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
-import { apTableRenderItemMap as M, noRenderAsFormItemValueList as V } from "../../ap-table/constants.mjs";
-import { Typography as w } from "ant-design-vue";
-import { useLocale as A } from "../../config-provider/hooks/use-locale.mjs";
+import { apTableRenderItemMap as L, noRenderAsFormItemValueList as M } from "../../ap-table/constants.mjs";
+import { Typography as A } from "ant-design-vue";
+import { useLocale as B } from "../../config-provider/hooks/use-locale.mjs";
 const q = (t) => {
   const {
     t: u
-  } = A(), f = y(() => {
-    let o = t.columns;
-    return o ? (o = o.map((e) => ({
+  } = B(), f = b(() => {
+    let l = t.columns;
+    return l ? (l = l.map((e) => ({
       ...h(e, ["ellipsis"]),
       customRender({
         value: n,
@@ -20,32 +20,32 @@ const q = (t) => {
         const c = C(e.editable) ? e.editable(a.text, a.record, a.index) : !!e.editable;
         let r;
         if (c) {
-          const d = R(e.valueType), l = T(e, I(e.fieldProps, {
+          const d = F(e.valueType), o = I(e, N(e.fieldProps, {
             value: n,
             ...a
           })), s = {};
-          t.onFieldChange && (s[`onUpdate:${l.valuePropName || "value"}`] = (g) => {
+          t.onFieldChange && (s[`onUpdate:${o.valuePropName || "value"}`] = (y) => {
             var p;
-            return (p = t.onFieldChange) == null ? void 0 : p.call(t, a.index, e.dataIndex, g);
+            return (p = t.onFieldChange) == null ? void 0 : p.call(t, a.index, e.dataIndex, y);
           });
-          const b = {
+          const g = {
             name: [t.name, a.index, e.dataIndex],
-            ...l || {},
+            ...o || {},
             // 格式化placeholder
-            placeholder: N(u, e.valueType, l == null ? void 0 : l.placeholder),
+            placeholder: V(u, e.valueType, o == null ? void 0 : o.placeholder),
             field: {
               style: "width: 100%",
-              ...(l == null ? void 0 : l.field) || {},
+              ...(o == null ? void 0 : o.field) || {},
               ...s
             }
           };
-          r = i(d, b, null);
+          r = i(d, g, null);
         } else {
-          const d = M[e.valueType], l = L(e, {
+          const d = L[e.valueType], o = w(e, {
             value: n,
             ...a
           });
-          r = m(e, n, i(d, x(l, {
+          r = m(e, n, i(d, x(o, {
             mode: "read"
           }), null));
         }
@@ -56,21 +56,21 @@ const q = (t) => {
           originalNode: r
         }) : r;
       }
-    })), o) : [];
+    })), l) : [];
   });
-  function m(o, e, n) {
-    return V.includes(o.valueType) ? n : o.copyable || o.ellipsis ? i(w.Paragraph, {
-      copyable: o.copyable ? {
+  function m(l, e, n) {
+    return M.includes(l.valueType) ? n : l.copyable || l.ellipsis ? i(A.Paragraph, {
+      copyable: l.copyable ? {
         text: e,
         tooltip: !1
       } : !1,
-      ellipsis: o.ellipsis ? F(o.ellipsis) ? {
+      ellipsis: l.ellipsis ? R(l.ellipsis) ? {
         tooltip: e
       } : {
-        ...o.ellipsis,
+        ...l.ellipsis,
         tooltip: e
       } : !1,
-      content: o.ellipsis ? e : n
+      content: l.ellipsis ? T(l, e) : n
     }, null) : n;
   }
   return f;