@aplus-frontend/ui 0.0.21 → 0.0.23

package/es/src/editable-table/index.vue.mjs

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

package/es/src/editable-table/interface.d.ts

@@ -124,17 +124,23 @@ export type EditableTableExpose<ModelType = any, RecordType = any> = {
      */
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
     /**
-     * 添加一行数据
-     * @param defaultValue
-     * @returns
+     * 添加单条数据
+     * @param defaultValue 默认值，如果需要设置`insertIndex`，可以设置`defaultValue`为`{}`
+     * @param insertIndex 数据插入的位置
+     */
+    add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
+    /**
+     * 添加多条数据
+     * @param list 添加的条数或数据
+     * @param insetIn 插入的位置（前/后）
      */
-    add: (defaultValue?: Partial<RecordType>) => void;
+    addMultiple: (list: number | Partial<RecordType>[], insetIn?: 'prefix' | 'suffix') => void;
     /**
      * 删除一行数据
      * @param index
      * @returns
      */
-    remove: (index: number) => void;
+    remove: (index: number | number[]) => void;
     /**
      * 获取所有行的数据
      * @returns

package/es/src/index.d.ts

@@ -28,6 +28,7 @@ export * from './ap-upload';
 export * from './ap-download';
 export * from './check-card';
 export * from './ap-modal';
+export * from './ap-list';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';