@aplus-frontend/ui 0.1.22 → 0.1.23

package/es/src/ap-table/ap-table.vue.mjs

@@ -1,21 +1,21 @@
-import { defineComponent as ie, useSlots as ce, ref as pe, unref as l, createVNode as m, Fragment as D, watchEffect as fe, computed as s, watch as me, openBlock as g, createElementBlock as x, normalizeClass as v, normalizeStyle as j, mergeProps as y, createSlots as A, withCtx as h, renderList as W, createBlock as ge, resolveDynamicComponent as ye, renderSlot as b, createCommentVNode as he, createElementVNode as be, normalizeProps as Se, guardReactiveProps as we } from "vue";
-import { Typography as Re, Table as Ce } from "ant-design-vue";
-import { useToken as Te } from "ant-design-vue/es/theme/internal";
-import { ApForm as Fe } from "../ap-form/index.mjs";
-import { noRenderAsFormItemValueList as H } from "./constants.mjs";
+import { defineComponent as pe, useSlots as fe, ref as me, unref as l, createVNode as g, Fragment as j, watchEffect as ge, computed as d, watch as ye, openBlock as y, createElementBlock as v, normalizeClass as B, normalizeStyle as A, mergeProps as h, createSlots as W, withCtx as b, renderList as H, createBlock as he, resolveDynamicComponent as be, renderSlot as S, createCommentVNode as Se, createElementVNode as we, normalizeProps as Re, guardReactiveProps as Ce } from "vue";
+import { Typography as Te, Table as Fe } from "ant-design-vue";
+import { useToken as xe } from "ant-design-vue/es/theme/internal";
+import { ApForm as ve } from "../ap-form/index.mjs";
+import { noRenderAsFormItemValueList as $ } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as xe } from "./hooks/use-table-paging.mjs";
-import { omit as $, isUndefined as u, isBoolean as ve } from "lodash-unified";
+import { useTablePaging as Be } from "./hooks/use-table-paging.mjs";
+import { omit as q, isUndefined as i, isBoolean as Pe } from "lodash-unified";
 import "./style/ap-table.css";
-import { apColumnToColumn as Be, getTableTitle as Pe, getTableRenderType as Ie, getTableRenderProps as ke, getTableCellRenderNode as ze, getColumnOrder as q, updateFormProps as Ne, getFieldProps as Le, getPlaceholder as Ee, getSearchFormItemRenderNode as Ve, objectToString as Ke } from "./utils.mjs";
-import Oe from "./hooks/use-table-content-height.mjs";
-import { getRawDisplayValue as De } from "../editable-table/utils.mjs";
-import je from "./hooks/use-table-row-selection.mjs";
-import { isDef as Ae } from "../utils/index.mjs";
-import { useLocale as We } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as He } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as $e } from "../config-provider/hooks/use-global-config.mjs";
-const sa = /* @__PURE__ */ ie({
+import { apColumnToColumn as Ie, getTableTitle as ke, getTableRenderType as ze, getTableRenderProps as Ne, getTableCellRenderNode as Le, getColumnOrder as U, updateFormProps as Ee, getFieldProps as Ve, getPlaceholder as Ke, getSearchFormItemRenderNode as Oe, objectToString as De } from "./utils.mjs";
+import je from "./hooks/use-table-content-height.mjs";
+import { getRawDisplayValue as Ae } from "../editable-table/utils.mjs";
+import We from "./hooks/use-table-row-selection.mjs";
+import { isDef as He } from "../utils/index.mjs";
+import { useLocale as $e } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as qe } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as Ue } from "../config-provider/hooks/use-global-config.mjs";
+const ua = /* @__PURE__ */ pe({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -135,240 +135,244 @@ const sa = /* @__PURE__ */ ie({
       default: !1
     }
   },
-  setup(U, {
-    expose: G
+  setup(G, {
+    expose: M
   }) {
-    const a = U;
-    let B = 0;
-    const S = ce(), [, M] = Te(), {
-      t: J
-    } = We(), {
-      e: w,
-      b: c
-    } = He("ap-table"), P = $e("valueTypeMap"), {
-      height: Q,
-      contentRef: X
-    } = Oe(), i = pe([]), Y = () => {
+    const e = G;
+    let P = 0;
+    const w = fe(), [, J] = xe(), {
+      t: Q
+    } = $e(), {
+      e: R,
+      b: p
+    } = qe("ap-table"), I = Ue("valueTypeMap"), {
+      height: X,
+      contentRef: Y
+    } = je(), c = me([]), Z = () => {
       var t;
-      let e = ((t = a.columns) == null ? void 0 : t.filter((o) => !o.hideInTable)) || [];
-      return e = e.map((o) => ({
-        resizable: Ae(o.resizable) ? o.resizable : a.columnResizable,
-        ...$(Be(o), ["ellipsis"]),
-        title: Pe(o, S.headerCell, l(M).colorPrimary),
-        customRender({
-          value: r,
-          ...n
-        }) {
-          var K, O;
-          const d = Ie(o), E = ke({
-            ...o,
-            valueType: d
-          }, {
-            value: r,
-            ...n
-          }), de = ze(d, E, n.record, l(P)), V = ((K = o.renderText) == null ? void 0 : K.call(o, {
-            value: r,
-            ...n
-          })) || r, ue = o.renderText ? m(D, null, [(O = o.renderText) == null ? void 0 : O.call(o, {
-            value: r,
-            ...n
-          })]) : de;
-          let F = le(o, V, ue);
-          return o.customRender && (F = o.customRender({
-            value: r,
-            ...n,
-            column: o,
-            originalNode: F,
-            originalText: V
-          })), F;
-        }
-      })), e;
+      let a = ((t = e.columns) == null ? void 0 : t.filter((r) => !r.hideInTable)) || [];
+      function o(r) {
+        return r.map((n) => ({
+          resizable: He(n.resizable) ? n.resizable : e.columnResizable,
+          ...q(Ie(n), ["ellipsis"]),
+          title: ke(n, w.headerCell, l(J).colorPrimary),
+          customRender({
+            value: s,
+            ...u
+          }) {
+            var O, D;
+            const V = ze(n), ue = Ne({
+              ...n,
+              valueType: V
+            }, {
+              value: s,
+              ...u
+            }), ie = Le(V, ue, u.record, l(I)), K = ((O = n.renderText) == null ? void 0 : O.call(n, {
+              value: s,
+              ...u
+            })) || s, ce = n.renderText ? g(j, null, [(D = n.renderText) == null ? void 0 : D.call(n, {
+              value: s,
+              ...u
+            })]) : ie;
+            let x = ne(n, K, ce);
+            return n.customRender && (x = n.customRender({
+              value: s,
+              ...u,
+              column: n,
+              originalNode: x,
+              originalText: K
+            })), x;
+          },
+          children: o(n.children || [])
+        }));
+      }
+      return o(a);
     };
-    fe(() => {
-      i.value = Y();
+    ge(() => {
+      c.value = Z();
     });
-    const I = s(() => {
-      var e, t, o;
-      return B++, ((o = (t = (e = a.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !H.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
-        let d = q(r.order);
-        return q(n.order) - d;
-      })) == null ? void 0 : o.map((r) => {
-        const n = Ne(r, Le(r.fieldProps, {})), d = {
+    const k = d(() => {
+      var a, o, t;
+      return P++, ((t = (o = (a = e.columns) == null ? void 0 : a.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !$.includes(r.valueType))) == null ? void 0 : o.sort((r, n) => {
+        let s = U(r.order);
+        return U(n.order) - s;
+      })) == null ? void 0 : t.map((r) => {
+        const n = Ee(r, Ve(r.fieldProps, {})), s = {
           ...r,
           fieldProps: {
             label: r.title,
             name: r.dataIndex,
             ...n || {},
             // 格式化placeholder
-            placeholder: Ee(J, r.valueType, n == null ? void 0 : n.placeholder),
-            _signal: B
+            placeholder: Ke(Q, r.valueType, n == null ? void 0 : n.placeholder),
+            _signal: P
           },
           renderNode: void 0
         };
-        return d.renderNode = Ve(d, l(P)), d;
+        return s.renderNode = Oe(s, l(I)), s;
       })) || [];
-    }), Z = s(() => l(i).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), _ = s(() => l(i).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ee = s(() => u(a.dataSource) ? f.value.records : a.dataSource), {
-      rowSelection: R,
-      selectedRows: k,
-      ...C
-    } = je({
-      ...a.rowSelection === !0 ? {} : a.rowSelection,
-      rowKey: a.rowKey,
-      dataSource: ee
+    }), _ = d(() => l(c).filter((a) => a.sorter === !0).map((a) => a.dataIndex).filter(Boolean)), ee = d(() => l(c).filter((a) => a.filters && !a.onFilter).map((a) => a.dataIndex).filter(Boolean)), ae = d(() => i(e.dataSource) ? m.value.records : e.dataSource), {
+      rowSelection: C,
+      selectedRows: z,
+      ...T
+    } = We({
+      ...e.rowSelection === !0 ? {} : e.rowSelection,
+      rowKey: e.rowKey,
+      dataSource: ae
     }), {
-      formRef: T,
-      submit: z,
-      reset: N,
-      tableProps: p,
-      handleTableChange: ae,
-      data: f
-    } = xe({
-      async request(e) {
-        var o, r;
-        !R.value.preserveSelectedRowKeys && u(a.dataSource) && C.clearAll();
-        const t = await ((o = a.request) == null ? void 0 : o.call(a, e));
-        return (r = a.onLoad) == null || r.call(a, (t == null ? void 0 : t.data) || []), {
-          data: (t == null ? void 0 : t.data) || [],
-          total: (t == null ? void 0 : t.total) || 0
+      formRef: F,
+      submit: N,
+      reset: L,
+      tableProps: f,
+      handleTableChange: oe,
+      data: m
+    } = Be({
+      async request(a) {
+        var t, r;
+        !C.value.preserveSelectedRowKeys && i(e.dataSource) && T.clearAll();
+        const o = await ((t = e.request) == null ? void 0 : t.call(e, a));
+        return (r = e.onLoad) == null || r.call(e, (o == null ? void 0 : o.data) || []), {
+          data: (o == null ? void 0 : o.data) || [],
+          total: (o == null ? void 0 : o.total) || 0
         };
       },
-      filterFields: _,
-      sortFields: Z,
-      defaultParams: a.params,
-      defaultData: a.defaultData,
-      manual: a.manual,
-      defaultCurrent: a.pagination ? a.pagination.defaultCurrent : void 0,
-      defaultPageSize: a.pagination ? a.pagination.defaultPageSize : void 0,
-      formatParams: a.beforeSearchSubmit,
-      showLessItems: a.pagination ? a.pagination.showLessItems : void 0,
-      showTotal: a.pagination ? a.pagination.showTotal : void 0
-    }), oe = s(() => {
-      var t, o;
-      if (a.adaptive && (f.value.total > 0 || ((t = a.dataSource) == null ? void 0 : t.length)))
+      filterFields: ee,
+      sortFields: _,
+      defaultParams: e.params,
+      defaultData: e.defaultData,
+      manual: e.manual,
+      defaultCurrent: e.pagination ? e.pagination.defaultCurrent : void 0,
+      defaultPageSize: e.pagination ? e.pagination.defaultPageSize : void 0,
+      formatParams: e.beforeSearchSubmit,
+      showLessItems: e.pagination ? e.pagination.showLessItems : void 0,
+      showTotal: e.pagination ? e.pagination.showTotal : void 0
+    }), re = d(() => {
+      var o, t;
+      if (e.adaptive && (m.value.total > 0 || ((o = e.dataSource) == null ? void 0 : o.length)))
         return {
-          y: l(Q),
-          x: ((o = a.scroll) == null ? void 0 : o.x) || "100%"
+          y: l(X),
+          x: ((t = e.scroll) == null ? void 0 : t.x) || "100%"
         };
-      if (a.scroll)
-        return a.scroll;
-    }), te = s(() => {
-      var e;
-      if (a.tableLayout)
-        return a.tableLayout;
-      if ((e = a.columns) != null && e.some((t) => t.ellipsis))
+      if (e.scroll)
+        return e.scroll;
+    }), te = d(() => {
+      var a;
+      if (e.tableLayout)
+        return e.tableLayout;
+      if ((a = e.columns) != null && a.some((o) => o.ellipsis))
         return "fixed";
-    }), L = s(() => {
+    }), E = d(() => {
       var r;
-      const e = l(p), t = u(a.dataSource) ? e : {
-        ...e,
-        dataSource: a.dataSource,
-        onChange: a.onChange
-      }, o = l(R);
-      return {
+      const a = l(f), o = i(e.dataSource) ? a : {
         ...a,
-        ...t,
-        rowSelection: a.rowSelection === !0 || ((r = a.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
-          ...o,
+        dataSource: e.dataSource,
+        onChange: e.onChange
+      }, t = l(C);
+      return {
+        ...e,
+        ...o,
+        rowSelection: e.rowSelection === !0 || ((r = e.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
+          ...t,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: u(a.dataSource) ? o.preserveSelectedRowKeys : !0
-        } : a.rowSelection,
-        loading: u(a.loading) ? l(p).loading : a.loading,
-        pagination: a.pagination === !1 ? !1 : l(p).pagination,
-        scroll: l(oe)
+          preserveSelectedRowKeys: i(e.dataSource) ? t.preserveSelectedRowKeys : !0
+        } : e.rowSelection,
+        loading: i(e.loading) ? l(f).loading : e.loading,
+        pagination: e.pagination === !1 ? !1 : l(f).pagination,
+        scroll: l(re)
       };
-    }), re = s(() => [c(), a.card ? null : c("wrapper"), a.adaptive ? c("adaptive") : null].filter(Boolean));
-    function le(e, t, o) {
-      if (H.includes(e.valueType))
-        return o;
-      const r = Ke(t);
-      return e.copyable || e.ellipsis ? m(Re.Paragraph, {
-        copyable: e.copyable ? {
+    }), le = d(() => [p(), e.card ? null : p("wrapper"), e.adaptive ? p("adaptive") : null].filter(Boolean));
+    function ne(a, o, t) {
+      if ($.includes(a.valueType))
+        return t;
+      const r = De(o);
+      return a.copyable || a.ellipsis ? g(Te.Paragraph, {
+        copyable: a.copyable ? {
           text: r,
           tooltip: !1
         } : !1,
-        ellipsis: e.ellipsis ? ve(e.ellipsis) ? {
+        ellipsis: a.ellipsis ? Pe(a.ellipsis) ? {
           tooltip: r
         } : {
-          ...e.ellipsis,
+          ...a.ellipsis,
           tooltip: r
         } : !1,
-        content: e.ellipsis ? De(e, t) : o
-      }, null) : o;
+        content: a.ellipsis ? Ae(a, o) : t
+      }, null) : t;
     }
-    me(() => l(f).loading, (e) => {
-      var t;
-      (t = a.onLoadingChange) == null || t.call(a, e);
+    ye(() => l(m).loading, (a) => {
+      var o;
+      (o = e.onLoadingChange) == null || o.call(e, a);
     });
-    function ne(e) {
-      var t, o, r;
-      (r = (o = (t = T.value) == null ? void 0 : t.apForm) == null ? void 0 : o.setFieldsValue) == null || r.call(o, e);
+    function se(a) {
+      var o, t, r;
+      (r = (t = (o = F.value) == null ? void 0 : o.apForm) == null ? void 0 : t.setFieldsValue) == null || r.call(t, a);
     }
-    function se() {
-      var e, t, o;
-      return (o = (t = (e = T.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValue) == null ? void 0 : o.call(t, !0);
+    function de() {
+      var a, o, t;
+      return (t = (o = (a = F.value) == null ? void 0 : a.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : t.call(o, !0);
     }
-    return G({
-      submit: () => z(),
-      reset: () => N(),
-      setSearchFormValues: ne,
-      getSearchFormValues: se,
-      dataSource: s(() => l(f).records),
+    return M({
+      submit: () => N(),
+      reset: () => L(),
+      setSearchFormValues: se,
+      getSearchFormValues: de,
+      dataSource: d(() => l(m).records),
       rowSelection: {
-        selectedRows: s(() => l(k)),
-        ...C
+        selectedRows: d(() => l(z)),
+        ...T
       }
-    }), (e, t) => (g(), x("div", {
-      class: v(re.value)
-    }, [l(u)(e.dataSource) && e.searchForm !== !1 && I.value.length > 0 ? (g(), x("div", {
+    }), (a, o) => (y(), v("div", {
+      class: B(le.value)
+    }, [l(i)(a.dataSource) && a.searchForm !== !1 && k.value.length > 0 ? (y(), v("div", {
       key: 0,
-      class: v(e.card ? l(w)("search-wrapper") : null),
-      style: j(e.searchFormWrapperStyle)
-    }, [m(l(Fe).SearchForm, y(e.searchForm || {}, {
+      class: B(a.card ? l(R)("search-wrapper") : null),
+      style: A(a.searchFormWrapperStyle)
+    }, [g(l(ve).SearchForm, h(a.searchForm || {}, {
       ref_key: "formRef",
-      ref: T,
+      ref: F,
       "custom-reset": "",
-      onSubmit: l(z),
-      onReset: l(N),
-      "submit-loading": l(p).loading
-    }), A({
-      default: h(() => [(g(!0), x(D, null, W(I.value, (o) => (g(), ge(ye(o.renderNode), y({
-        key: o.dataIndex,
+      onSubmit: l(N),
+      onReset: l(L),
+      "submit-loading": l(f).loading
+    }), W({
+      default: b(() => [(y(!0), v(j, null, H(k.value, (t) => (y(), he(be(t.renderNode), h({
+        key: t.dataIndex,
         ref_for: !0
-      }, o.fieldProps || {}, {
-        span: o.span
+      }, t.fieldProps || {}, {
+        span: t.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
-    }, [S.searchFormExtra ? {
+    }, [w.searchFormExtra ? {
       name: "extra",
-      fn: h(() => [b(e.$slots, "searchFormExtra")]),
+      fn: b(() => [S(a.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : he("", !0), be("div", {
+    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : Se("", !0), we("div", {
       ref_key: "contentRef",
-      ref: X,
-      class: v([l(w)("table-wrapper"), e.card ? l(w)("table-wrapper-card") : null]),
-      style: j(e.tableWrapperStyle)
-    }, [b(e.$slots, "title", y({
-      selectedRows: l(k),
-      selectedRowKeys: l(R).selectedRowKeys
-    }, C)), m(l(Ce), y({
-      class: l(c)("table")
-    }, L.value, {
+      ref: Y,
+      class: B([l(R)("table-wrapper"), a.card ? l(R)("table-wrapper-card") : null]),
+      style: A(a.tableWrapperStyle)
+    }, [S(a.$slots, "title", h({
+      selectedRows: l(z),
+      selectedRowKeys: l(C).selectedRowKeys
+    }, T)), g(l(Fe), h({
+      class: l(p)("table")
+    }, E.value, {
       "table-layout": te.value,
-      onChange: l(ae),
-      columns: i.value,
-      onResizeColumn: t[0] || (t[0] = (o, r) => r.width = o)
-    }), A({
-      summary: h(() => [b(e.$slots, "summary", {
-        columns: i.value,
-        records: L.value.dataSource
+      onChange: l(oe),
+      columns: c.value,
+      onResizeColumn: o[0] || (o[0] = (t, r) => r.width = t)
+    }), W({
+      summary: b(() => [S(a.$slots, "summary", {
+        columns: c.value,
+        records: E.value.dataSource
       })]),
       _: 2
-    }, [W(l($)(S, ["title", "searchFormExtra", "headerCell"]), (o, r) => ({
+    }, [H(l(q)(w, ["title", "searchFormExtra", "headerCell"]), (t, r) => ({
       name: r,
-      fn: h((n) => [b(e.$slots, r, Se(we(n || {})))])
+      fn: b((n) => [S(a.$slots, r, Re(Ce(n || {})))])
     }))]), 1040, ["class", "table-layout", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  sa as default
+  ua as default
 };

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

@@ -68,7 +68,7 @@ export type ApTableRowSelection<RecordType = any> = Omit<TableRowSelection<Recor
     mode: 'internal';
 };
 export type CommonFieldReturnType = ApFormItemProps & {
-    field: Recordable;
+    field?: Recordable;
     placeholder?: string;
     disabled?: boolean;
 };

package/es/src/ap-table/style/ap-table.css

@@ -50,6 +50,9 @@
 .aplus-ap-table-table tr > th.ant-table-cell {
   background-color: var(--ap-table-header-bg, #F2F6F9);
 }
+.aplus-ap-table-table tr > th.ant-table-cell::before {
+  background-color: #D8DDE5 !important;
+}
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
   padding: 12px 16px;
 }

package/es/src/business/ap-label/ApLabel.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as c, useSlots as r, computed as m, createVNode as e, mergeProps as d } from "vue";
-import { Tooltip as f, Badge as p } from "ant-design-vue";
+import { defineComponent as a, useSlots as r, computed as m, createVNode as e, mergeProps as d } from "vue";
+import { Tooltip as p, Badge as f } from "ant-design-vue";
 import { IconApAdLineAnnotation as A, IconApAdFillWarn as y, IconApAdFillExecution as v, IconApAdFillSuccessful as b } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
 import { ApLabelProps as g } from "./constans.mjs";
 import { omit as T } from "lodash-unified";
 import "./style.css";
 import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
-const B = /* @__PURE__ */ c({
+const B = /* @__PURE__ */ a({
   name: "ApLabel",
   props: g(),
   setup(l) {
@@ -17,8 +17,9 @@ const B = /* @__PURE__ */ c({
       color: l.iconColor,
       "font-size": l.iconSize + "px",
       "margin-left": "4px",
-      display: "inline-flex"
-    })), a = (u, t) => u ? e(f, {
+      display: "inline-flex",
+      cursor: "pointer"
+    })), c = (u, t) => u ? e(p, {
       title: u,
       placement: t.placement || "top",
       color: t.toolTipBgColor
@@ -37,9 +38,9 @@ const B = /* @__PURE__ */ c({
       class: [s()]
     }, [e("div", {
       class: [i("content")]
-    }, [e(p, d(T(l, ["helpMessage", "placement", "iconColor"]), {
+    }, [e(f, d(T(l, ["helpMessage", "placement", "iconColor"]), {
       status: l.status ? l.status : "default"
-    }), null), o.default ? o.default() : a(l.helpMessage, l)]), o.custom ? e("div", {
+    }), null), o.default ? o.default() : c(l.helpMessage, l)]), o.custom ? e("div", {
       class: [i("custom")]
     }, [o.custom()]) : null]) : null]);
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as y, unref as o, useSlots as G, watch as H, openBlock as d, createBlock as C, mergeProps as b, withCtx as m, createVNode as w, createSlots as I, createElementBlock as M, normalizeClass as W, createCommentVNode as R, createElementVNode as $, toDisplayString as Q, normalizeStyle as U, renderList as J, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { defineComponent as q, ref as y, unref as t, useSlots as G, watch as H, openBlock as m, createBlock as C, mergeProps as b, withCtx as d, createVNode as w, createSlots as I, createElementBlock as M, normalizeClass as W, createCommentVNode as R, createElementVNode as $, toDisplayString as Q, normalizeStyle as U, renderList as J, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
 import { Table as ee, Tooltip as oe } from "ant-design-vue";
 import { ApForm as B } from "../ap-form/index.mjs";
 import { isNumber as i, cloneDeep as f, omit as te } from "lodash-unified";
@@ -10,8 +10,8 @@ import le from "./hooks/use-get-columns.mjs";
 import { scrollToRowIndex as ne, getColumnIsRequired as re } from "./utils.mjs";
 import { QuestionCircleOutlined as se } from "@ant-design/icons-vue";
 import { useToken as ue } from "ant-design-vue/es/theme/internal";
-import { useNamespace as me } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as de } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as de } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as me } from "../config-provider/hooks/use-global-config.mjs";
 const ve = /* @__PURE__ */ q({
   name: "EditableTableInner",
   __name: "form-item",
@@ -119,102 +119,102 @@ const ve = /* @__PURE__ */ q({
     const l = k, {
       internalInstance: n,
       model: D
-    } = ae(), r = y(((h = o(D)) == null ? void 0 : h[l.name]) || []), L = G(), T = B.useWatch(l.name);
+    } = ae(), s = y(((h = t(D)) == null ? void 0 : h[l.name]) || []), L = G(), T = B.useWatch(l.name);
     H(() => T.value, (e) => {
-      var t;
-      r.value = e, (t = l.onChange) == null || t.call(l, e);
+      var o;
+      s.value = e, (o = l.onChange) == null || o.call(l, e);
     }, {
       deep: !0
     });
     const {
       b: E,
       em: F
-    } = me("editable-table"), c = y(), N = de("valueTypeMap"), [, S] = ue(), _ = le(l, N);
-    function z(e, t) {
+    } = de("editable-table"), c = y(), N = me("valueTypeMap"), [, S] = ue(), _ = le(l, N);
+    function V(e, o) {
       var u;
-      const a = ((u = o(r)) == null ? void 0 : u.length) || 0;
+      const a = ((u = t(s)) == null ? void 0 : u.length) || 0;
       if (p(l.maxLength) && a >= l.maxLength)
         return;
-      const s = [...o(r) || []];
-      p(t) ? s.splice(t, 0, {
+      const r = [...t(s) || []];
+      p(o) ? r.splice(o, 0, {
         ...e || {}
-      }) : s.push({
+      }) : r.push({
         ...e || {}
-      }), n == null || n.setFieldValue(l.name, [...o(r) || [], e || {}]);
+      }), n == null || n.setFieldValue(l.name, r);
     }
-    function P(e, t = "suffix") {
+    function z(e, o = "suffix") {
       var g;
-      const a = ((g = o(r)) == null ? void 0 : g.length) || 0, s = i(e) ? e : e.length;
-      if (p(l.maxLength) && a + s > l.maxLength)
+      const a = ((g = t(s)) == null ? void 0 : g.length) || 0, r = i(e) ? e : e.length;
+      if (p(l.maxLength) && a + r > l.maxLength)
         return;
-      const u = [...o(r) || []], x = i(e) ? new Array(e).fill({}) : f(e);
-      t === "suffix" ? u.push(...x) : u.unshift(...x), n == null || n.setFieldValue(l.name, u);
+      const u = [...t(s) || []], x = i(e) ? new Array(e).fill({}) : f(e);
+      o === "suffix" ? u.push(...x) : u.unshift(...x), n == null || n.setFieldValue(l.name, u);
     }
-    function V(e) {
-      let t = f(o(r) || []);
+    function P(e) {
+      let o = f(t(s) || []);
       const a = i(e) ? [e] : e;
-      t = t.filter((s, u) => !a.includes(u)), n == null || n.setFieldValue(l.name, t);
+      o = o.filter((r, u) => !a.includes(u)), n == null || n.setFieldValue(l.name, o);
     }
     function j() {
-      return o(r);
+      return t(s);
     }
     function O(e) {
-      var t;
-      return (t = o(r)) == null ? void 0 : t[e];
+      var o;
+      return (o = t(s)) == null ? void 0 : o[e];
     }
-    function A(e, t) {
-      const a = f(o(r));
+    function A(e, o) {
+      const a = f(t(s));
       a[e] && (a[e] = {
         ...a[e],
-        ...t
+        ...o
       }, n == null || n.setFieldValue(l.name, [...a]));
     }
-    function K(e, t) {
-      var s;
-      const a = e === "end" ? r.value.length - 1 : e;
-      ne(a, (s = c.value) == null ? void 0 : s.$el, t);
+    function K(e, o) {
+      var r;
+      const a = e === "end" ? s.value.length - 1 : e;
+      ne(a, (r = c.value) == null ? void 0 : r.$el, o);
     }
     return v({
-      add: z,
-      remove: V,
+      add: V,
+      remove: P,
       getRowData: O,
       getRowsData: j,
       setRowData: A,
-      addMultiple: P,
+      addMultiple: z,
       scrollTo: K
-    }), (e, t) => (d(), C(o(B).FormItem, b(e.formItem, {
+    }), (e, o) => (m(), C(t(B).FormItem, b(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: m(() => [w(o(ee), b(o(te)(l, ["name", "maxLength", "onChange"]), {
-        class: o(E)(),
-        columns: o(_),
-        "data-source": r.value,
+      default: d(() => [w(t(ee), b(t(te)(l, ["name", "maxLength", "onChange"]), {
+        class: t(E)(),
+        columns: t(_),
+        "data-source": s.value,
         ref_key: "tableRef",
         ref: c
       }), I({
-        headerCell: m(({
+        headerCell: d(({
           column: a
-        }) => [o(re)(a) ? (d(), M("span", {
+        }) => [t(re)(a) ? (m(), M("span", {
           key: 0,
-          class: W(o(F)("header-cell", "required"))
-        }, "*", 2)) : R("", !0), $("span", null, Q(a.title), 1), a.tooltip ? (d(), C(o(oe), {
+          class: W(t(F)("header-cell", "required"))
+        }, "*", 2)) : R("", !0), $("span", null, Q(a.title), 1), a.tooltip ? (m(), C(t(oe), {
           key: 1,
           title: a.tooltip,
           placement: "bottom"
         }, {
-          default: m(() => [w(o(se), {
+          default: d(() => [w(t(se), {
             style: U({
               paddingLeft: "4px",
-              color: o(S).colorPrimary
+              color: t(S).colorPrimary
             })
           }, null, 8, ["style"])]),
           _: 2
         }, 1032, ["title"])) : R("", !0)]),
         _: 2
-      }, [J(L, (a, s) => ({
-        name: s,
-        fn: m((u) => [X(e.$slots, s, Y(Z(u || {})))])
+      }, [J(L, (a, r) => ({
+        name: r,
+        fn: d((u) => [X(e.$slots, r, Y(Z(u || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));

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

@@ -1,63 +1,71 @@
-import { computed as g, unref as F } from "vue";
-import { omit as b, isFunction as x } from "lodash-unified";
-import { mergeClass as R, getFinalNode as h } from "../utils.mjs";
-import { updateFormProps as C, getFieldProps as I, getPlaceholder as y, getTableRenderProps as T } from "../../ap-table/utils.mjs";
+import { computed as b, unref as h } from "vue";
+import { omit as I, isFunction as R, isArray as C } from "lodash-unified";
+import { mergeClass as y, getFinalNode as T } from "../utils.mjs";
+import { updateFormProps as N, getFieldProps as v, getPlaceholder as w, getTableRenderProps as A } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
-import { useLocale as N } from "../../config-provider/hooks/use-locale.mjs";
-const k = (o, i) => {
+import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
+const B = (l, m) => {
   const {
-    t: s
-  } = N();
-  return g(() => {
-    let d = o.columns;
-    return d ? (d = d.map((e) => ({
-      ...b(e, ["ellipsis"]),
-      customRender({
-        value: a,
-        ...n
-      }) {
-        const t = x(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
-        if (!e.valueType && !e.customRender && !e.customRenderFormItem)
-          return console.warn("can not render table cell because no `valueType` / `customRender` / `customRenderFormItem`"), null;
-        let c;
-        if (t) {
-          const l = C(e, I(e.fieldProps, {
-            value: a,
-            ...n
-          })), u = {};
-          o.onFieldChange && (u[`onUpdate:${l.valuePropName || "value"}`] = (f) => {
-            var m;
-            return (m = o.onFieldChange) == null ? void 0 : m.call(o, n.index, e.dataIndex, f);
-          }), c = {
-            name: [o.name, n.index, e.dataIndex],
-            ...l || {},
-            // 格式化placeholder
-            placeholder: y(s, e.valueType, l == null ? void 0 : l.placeholder),
-            field: {
-              style: "width: 100%",
-              ...(l == null ? void 0 : l.field) || {},
-              ...u,
-              class: R("is-editable", l.class)
-            }
-          };
-        } else
-          c = {
-            field: T(e, {
-              value: a,
+    t: f
+  } = G();
+  return b(() => {
+    const t = l.columns;
+    if (!t)
+      return [];
+    function c(x) {
+      return x.map((e) => ({
+        ...I(e, ["ellipsis"]),
+        children: c(e.children || []),
+        customRender({
+          value: o,
+          ...n
+        }) {
+          const a = R(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
+          if (!e.valueType && !e.customRender && !e.customRenderFormItem)
+            return console.warn("can not render table cell because no `valueType` / `customRender` / `customRenderFormItem`"), null;
+          let r;
+          if (a) {
+            const d = N(e, v(e.fieldProps, {
+              value: o,
               ...n
-            })
-          };
-        const r = h(e, t, c, a, n.record, F(i));
-        return e.customRender ? e.customRender({
-          value: a,
-          ...n,
-          editable: t,
-          originalNode: r
-        }) : r;
-      }
-    })), d) : [];
+            })), i = {};
+            l.onFieldChange && (i[`onUpdate:${d.valuePropName || "value"}`] = (F) => {
+              var s;
+              return (s = l.onFieldChange) == null ? void 0 : s.call(l, n.index, e.dataIndex, F);
+            });
+            const g = C(e.dataIndex) ? e.dataIndex : [e.dataIndex];
+            r = {
+              name: [l.name, n.index, ...g],
+              ...d || {},
+              // 格式化placeholder
+              placeholder: w(f, e.valueType, d == null ? void 0 : d.placeholder),
+              field: {
+                style: "width: 100%",
+                ...(d == null ? void 0 : d.field) || {},
+                ...i,
+                class: y("is-editable", d.class)
+              }
+            };
+          } else
+            r = {
+              field: A(e, {
+                value: o,
+                ...n
+              })
+            };
+          const u = T(e, a, r, o, n.record, h(m));
+          return e.customRender ? e.customRender({
+            value: o,
+            ...n,
+            editable: a,
+            originalNode: u
+          }) : u;
+        }
+      }));
+    }
+    return c(t);
   });
 };
 export {
-  k as default
+  B as default
 };

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

@@ -8,7 +8,7 @@ import { EllipsisConfig } from 'ant-design-vue/es/typography/Base';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../type';
 export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ColumnType<RecordType>, 'children' | 'customRender' | 'ellipsis'> & {
-    children?: EditableColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>;
+    children?: EditableColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
     /**
      * 在title之后展示一个icon并触发tooltip
      */
@@ -32,7 +32,7 @@ export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueT
     /**
      * 自定义表单，适用于内置`valueType`不满足的情况下使用
      */
-    customRenderFormItem?: (config: EditableColumnType<RecordType>, fieldProps: Recordable, editable: boolean) => any;
+    customRenderFormItem?: (config: EditableColumnType<RecordType>, fieldProps: Recordable, editable: boolean, record: RecordType) => any;
     /**
      * 指定值类型（将会用于普通列和可编辑表格的渲染）
      */

package/es/src/editable-table/utils.mjs

@@ -1,5 +1,5 @@
 import { isVNode as F, createVNode as f, mergeProps as g } from "vue";
-import { isFunction as b, isArray as T, isBoolean as h, omit as P } from "lodash-unified";
+import { isFunction as T, isArray as I, isBoolean as h, omit as P } from "lodash-unified";
 import { apTableFormItemMap as V, noRenderAsFormItemValueList as j, apTableRenderItemMap as q } from "../ap-table/constants.mjs";
 import { isDef as w } from "../utils/index.mjs";
 import { getValueStr as S } from "../ap-field/number/helper.mjs";
@@ -7,8 +7,8 @@ import A from "scroll-into-view-if-needed";
 import { Typography as v } from "ant-design-vue";
 import "../ap-form/index.mjs";
 import { objectToString as C } from "../ap-table/utils.mjs";
-import m from "../ap-form/ap-form-item.vue.mjs";
-function y(e) {
+import y from "../ap-form/ap-form-item.vue.mjs";
+function b(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !F(e);
 }
 function N(e) {
@@ -17,14 +17,14 @@ function N(e) {
 function Q(e) {
   if (!e.fieldProps)
     return !1;
-  const t = b(e.fieldProps) ? e.fieldProps({}) : e.fieldProps;
-  return w(t.required) ? t.required : (T(t.rules) ? t.rules : t.rules ? [t.rules] : []).some((r) => r.required);
+  const t = T(e.fieldProps) ? e.fieldProps({}) : e.fieldProps;
+  return w(t.required) ? t.required : (I(t.rules) ? t.rules : t.rules ? [t.rules] : []).some((r) => r.required);
 }
 function _(e, t) {
   if (e.valueType === "text" || e.valueType === "textArea")
     return t || "--";
   if (e.valueType === "number") {
-    const o = e.fieldProps ? b(e.fieldProps) ? e.fieldProps({}) : e.fieldProps : {};
+    const o = e.fieldProps ? T(e.fieldProps) ? e.fieldProps({}) : e.fieldProps : {};
     return S(t, o) || "--";
   }
   return C(t);
@@ -32,7 +32,7 @@ function _(e, t) {
 function R(e, t) {
   const o = [e];
   if (t) {
-    const r = T(t) ? t : [t];
+    const r = I(t) ? t : [t];
     o.unshift(...r);
   }
   return o.join(" ");
@@ -61,32 +61,32 @@ function D(e, t, o) {
     content: e.ellipsis ? _(e, t) : o
   }, null) : o;
 }
-function W(e, t, o, r, I, i) {
-  var c, a;
+function W(e, t, o, r, d, i) {
+  var a, m;
   if (t) {
     if (e.customRenderFormItem) {
-      const n = e.customRenderFormItem(e, o.field, t);
-      return f(m, P(o, ["field"]), y(n) ? n : {
+      const n = e.customRenderFormItem(e, o.field, t, d);
+      return f(y, P(o, ["field"]), b(n) ? n : {
         default: () => [n]
       });
     }
     const l = N(e.valueType);
     if (l)
       return f(l, o, null);
-    const s = i == null ? void 0 : i[e.valueType], u = (c = s == null ? void 0 : s.renderFormItem) == null ? void 0 : c.call(s, o.field);
-    return u ? f(m, o, y(u) ? u : {
+    const s = i == null ? void 0 : i[e.valueType], u = (a = s == null ? void 0 : s.renderFormItem) == null ? void 0 : a.call(s, o.field);
+    return u ? f(y, o, b(u) ? u : {
       default: () => [u]
     }) : null;
   }
   let p;
-  const d = q[e.valueType];
-  if (d)
-    p = f(d, g(o.field, {
+  const c = q[e.valueType];
+  if (c)
+    p = f(c, g(o.field, {
       mode: "read"
     }), null);
   else {
     const l = i == null ? void 0 : i[e.valueType];
-    p = (a = l == null ? void 0 : l.render) == null ? void 0 : a.call(l, r, I, o.field);
+    p = (m = l == null ? void 0 : l.render) == null ? void 0 : m.call(l, r, d, o.field);
   }
   return p ? D(e, r, p) : null;
 }

package/es/src/theme/ap-table/ap-table.css

@@ -50,6 +50,9 @@
 .aplus-ap-table-table tr > th.ant-table-cell {
   background-color: var(--ap-table-header-bg, #F2F6F9);
 }
+.aplus-ap-table-table tr > th.ant-table-cell::before {
+  background-color: #D8DDE5 !important;
+}
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
   padding: 12px 16px;
 }

package/lib/src/ap-table/ap-table.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("ant-design-vue"),Y=require("ant-design-vue/es/theme/internal"),Z=require("../ap-form/index.js"),N=require("./constants.js");require("../config-provider/index.js");const ee=require("./hooks/use-table-paging.js"),u=require("lodash-unified");require("./style/ap-table.css");const s=require("./utils.js"),ae=require("./hooks/use-table-content-height.js"),oe=require("../editable-table/utils.js"),re=require("./hooks/use-table-row-selection.js"),ne=require("../utils/index.js"),te=require("../config-provider/hooks/use-locale.js"),le=require("../config-provider/hooks/use-namespace.js"),se=require("../config-provider/hooks/use-global-config.js"),ue=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1}},setup(z,{expose:L}){const o=z;let w=0;const m=e.useSlots(),[,V]=Y.useToken(),{t:E}=te.useLocale(),{e:g,b:c}=le.useNamespace("ap-table"),C=se.useGlobalConfig("valueTypeMap"),{height:O,contentRef:K}=ae.default(),i=e.ref([]),D=()=>{var n;let a=((n=o.columns)==null?void 0:n.filter(r=>!r.hideInTable))||[];return a=a.map(r=>({resizable:ne.isDef(r.resizable)?r.resizable:o.columnResizable,...u.omit(s.apColumnToColumn(r),["ellipsis"]),title:s.getTableTitle(r,m.headerCell,e.unref(V).colorPrimary),customRender({value:t,...l}){var k,q;const d=s.getTableRenderType(r),B=s.getTableRenderProps({...r,valueType:d},{value:t,...l}),Q=s.getTableCellRenderNode(d,B,l.record,e.unref(C)),P=((k=r.renderText)==null?void 0:k.call(r,{value:t,...l}))||t,X=r.renderText?e.createVNode(e.Fragment,null,[(q=r.renderText)==null?void 0:q.call(r,{value:t,...l})]):Q;let b=G(r,P,X);return r.customRender&&(b=r.customRender({value:t,...l,column:r,originalNode:b,originalText:P})),b}})),a};e.watchEffect(()=>{i.value=D()});const R=e.computed(()=>{var a,n,r;return w++,((r=(n=(a=o.columns)==null?void 0:a.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!N.noRenderAsFormItemValueList.includes(t.valueType)))==null?void 0:n.sort((t,l)=>{let d=s.getColumnOrder(t.order);return s.getColumnOrder(l.order)-d}))==null?void 0:r.map(t=>{const l=s.updateFormProps(t,s.getFieldProps(t.fieldProps,{})),d={...t,fieldProps:{label:t.title,name:t.dataIndex,...l||{},placeholder:s.getPlaceholder(E,t.valueType,l==null?void 0:l.placeholder),_signal:w},renderNode:void 0};return d.renderNode=s.getSearchFormItemRenderNode(d,e.unref(C)),d}))||[]}),U=e.computed(()=>e.unref(i).filter(a=>a.sorter===!0).map(a=>a.dataIndex).filter(Boolean)),j=e.computed(()=>e.unref(i).filter(a=>a.filters&&!a.onFilter).map(a=>a.dataIndex).filter(Boolean)),A=e.computed(()=>u.isUndefined(o.dataSource)?f.value.records:o.dataSource),{rowSelection:y,selectedRows:T,...h}=re.default({...o.rowSelection===!0?{}:o.rowSelection,rowKey:o.rowKey,dataSource:A}),{formRef:S,submit:x,reset:F,tableProps:p,handleTableChange:W,data:f}=ee.useTablePaging({async request(a){var r,t;!y.value.preserveSelectedRowKeys&&u.isUndefined(o.dataSource)&&h.clearAll();const n=await((r=o.request)==null?void 0:r.call(o,a));return(t=o.onLoad)==null||t.call(o,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.total)||0}},filterFields:j,sortFields:U,defaultParams:o.params,defaultData:o.defaultData,manual:o.manual,defaultCurrent:o.pagination?o.pagination.defaultCurrent:void 0,defaultPageSize:o.pagination?o.pagination.defaultPageSize:void 0,formatParams:o.beforeSearchSubmit,showLessItems:o.pagination?o.pagination.showLessItems:void 0,showTotal:o.pagination?o.pagination.showTotal:void 0}),$=e.computed(()=>{var n,r;if(o.adaptive&&(f.value.total>0||((n=o.dataSource)==null?void 0:n.length)))return{y:e.unref(O),x:((r=o.scroll)==null?void 0:r.x)||"100%"};if(o.scroll)return o.scroll}),H=e.computed(()=>{var a;if(o.tableLayout)return o.tableLayout;if((a=o.columns)!=null&&a.some(n=>n.ellipsis))return"fixed"}),v=e.computed(()=>{var t;const a=e.unref(p),n=u.isUndefined(o.dataSource)?a:{...a,dataSource:o.dataSource,onChange:o.onChange},r=e.unref(y);return{...o,...n,rowSelection:o.rowSelection===!0||((t=o.rowSelection)==null?void 0:t.mode)==="internal"?{...r,preserveSelectedRowKeys:u.isUndefined(o.dataSource)?r.preserveSelectedRowKeys:!0}:o.rowSelection,loading:u.isUndefined(o.loading)?e.unref(p).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(p).pagination,scroll:e.unref($)}}),M=e.computed(()=>[c(),o.card?null:c("wrapper"),o.adaptive?c("adaptive"):null].filter(Boolean));function G(a,n,r){if(N.noRenderAsFormItemValueList.includes(a.valueType))return r;const t=s.objectToString(n);return a.copyable||a.ellipsis?e.createVNode(I.Typography.Paragraph,{copyable:a.copyable?{text:t,tooltip:!1}:!1,ellipsis:a.ellipsis?u.isBoolean(a.ellipsis)?{tooltip:t}:{...a.ellipsis,tooltip:t}:!1,content:a.ellipsis?oe.getRawDisplayValue(a,n):r},null):r}e.watch(()=>e.unref(f).loading,a=>{var n;(n=o.onLoadingChange)==null||n.call(o,a)});function _(a){var n,r,t;(t=(r=(n=S.value)==null?void 0:n.apForm)==null?void 0:r.setFieldsValue)==null||t.call(r,a)}function J(){var a,n,r;return(r=(n=(a=S.value)==null?void 0:a.apForm)==null?void 0:n.getFieldsValue)==null?void 0:r.call(n,!0)}return L({submit:()=>x(),reset:()=>F(),setSearchFormValues:_,getSearchFormValues:J,dataSource:e.computed(()=>e.unref(f).records),rowSelection:{selectedRows:e.computed(()=>e.unref(T)),...h}}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(M.value)},[e.unref(u.isUndefined)(a.dataSource)&&a.searchForm!==!1&&R.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.card?e.unref(g)("search-wrapper"):null),style:e.normalizeStyle(a.searchFormWrapperStyle)},[e.createVNode(e.unref(Z.ApForm).SearchForm,e.mergeProps(a.searchForm||{},{ref_key:"formRef",ref:S,"custom-reset":"",onSubmit:e.unref(x),onReset:e.unref(F),"submit-loading":e.unref(p).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,r=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.renderNode),e.mergeProps({key:r.dataIndex,ref_for:!0},r.fieldProps||{},{span:r.span}),null,16,["span"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:K,class:e.normalizeClass([e.unref(g)("table-wrapper"),a.card?e.unref(g)("table-wrapper-card"):null]),style:e.normalizeStyle(a.tableWrapperStyle)},[e.renderSlot(a.$slots,"title",e.mergeProps({selectedRows:e.unref(T),selectedRowKeys:e.unref(y).selectedRowKeys},h)),e.createVNode(e.unref(I.Table),e.mergeProps({class:e.unref(c)("table")},v.value,{"table-layout":H.value,onChange:e.unref(W),columns:i.value,onResizeColumn:n[0]||(n[0]=(r,t)=>t.width=r)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(a.$slots,"summary",{columns:i.value,records:v.value.dataSource})]),_:2},[e.renderList(e.unref(u.omit)(m,["title","searchFormExtra","headerCell"]),(r,t)=>({name:t,fn:e.withCtx(l=>[e.renderSlot(a.$slots,t,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","table-layout","onChange","columns"])],6)],2))}});exports.default=ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("ant-design-vue"),ee=require("ant-design-vue/es/theme/internal"),ae=require("../ap-form/index.js"),z=require("./constants.js");require("../config-provider/index.js");const re=require("./hooks/use-table-paging.js"),d=require("lodash-unified");require("./style/ap-table.css");const s=require("./utils.js"),oe=require("./hooks/use-table-content-height.js"),ne=require("../editable-table/utils.js"),te=require("./hooks/use-table-row-selection.js"),le=require("../utils/index.js"),se=require("../config-provider/hooks/use-locale.js"),ue=require("../config-provider/hooks/use-namespace.js"),de=require("../config-provider/hooks/use-global-config.js"),ie=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1}},setup(L,{expose:V}){const a=L;let C=0;const g=e.useSlots(),[,E]=ee.useToken(),{t:O}=se.useLocale(),{e:y,b:f}=ue.useNamespace("ap-table"),R=de.useGlobalConfig("valueTypeMap"),{height:K,contentRef:D}=oe.default(),c=e.ref([]),U=()=>{var t;let r=((t=a.columns)==null?void 0:t.filter(n=>!n.hideInTable))||[];function o(n){return n.map(l=>({resizable:le.isDef(l.resizable)?l.resizable:a.columnResizable,...d.omit(s.apColumnToColumn(l),["ellipsis"]),title:s.getTableTitle(l,g.headerCell,e.unref(E).colorPrimary),customRender({value:u,...i}){var q,I;const P=s.getTableRenderType(l),X=s.getTableRenderProps({...l,valueType:P},{value:u,...i}),Y=s.getTableCellRenderNode(P,X,i.record,e.unref(R)),k=((q=l.renderText)==null?void 0:q.call(l,{value:u,...i}))||u,Z=l.renderText?e.createVNode(e.Fragment,null,[(I=l.renderText)==null?void 0:I.call(l,{value:u,...i})]):Y;let w=_(l,k,Z);return l.customRender&&(w=l.customRender({value:u,...i,column:l,originalNode:w,originalText:k})),w},children:o(l.children||[])}))}return o(r)};e.watchEffect(()=>{c.value=U()});const T=e.computed(()=>{var r,o,t;return C++,((t=(o=(r=a.columns)==null?void 0:r.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!z.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:o.sort((n,l)=>{let u=s.getColumnOrder(n.order);return s.getColumnOrder(l.order)-u}))==null?void 0:t.map(n=>{const l=s.updateFormProps(n,s.getFieldProps(n.fieldProps,{})),u={...n,fieldProps:{label:n.title,name:n.dataIndex,...l||{},placeholder:s.getPlaceholder(O,n.valueType,l==null?void 0:l.placeholder),_signal:C},renderNode:void 0};return u.renderNode=s.getSearchFormItemRenderNode(u,e.unref(R)),u}))||[]}),j=e.computed(()=>e.unref(c).filter(r=>r.sorter===!0).map(r=>r.dataIndex).filter(Boolean)),A=e.computed(()=>e.unref(c).filter(r=>r.filters&&!r.onFilter).map(r=>r.dataIndex).filter(Boolean)),W=e.computed(()=>d.isUndefined(a.dataSource)?m.value.records:a.dataSource),{rowSelection:h,selectedRows:x,...S}=te.default({...a.rowSelection===!0?{}:a.rowSelection,rowKey:a.rowKey,dataSource:W}),{formRef:b,submit:F,reset:v,tableProps:p,handleTableChange:$,data:m}=re.useTablePaging({async request(r){var t,n;!h.value.preserveSelectedRowKeys&&d.isUndefined(a.dataSource)&&S.clearAll();const o=await((t=a.request)==null?void 0:t.call(a,r));return(n=a.onLoad)==null||n.call(a,(o==null?void 0:o.data)||[]),{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:A,sortFields:j,defaultParams:a.params,defaultData:a.defaultData,manual:a.manual,defaultCurrent:a.pagination?a.pagination.defaultCurrent:void 0,defaultPageSize:a.pagination?a.pagination.defaultPageSize:void 0,formatParams:a.beforeSearchSubmit,showLessItems:a.pagination?a.pagination.showLessItems:void 0,showTotal:a.pagination?a.pagination.showTotal:void 0}),H=e.computed(()=>{var o,t;if(a.adaptive&&(m.value.total>0||((o=a.dataSource)==null?void 0:o.length)))return{y:e.unref(K),x:((t=a.scroll)==null?void 0:t.x)||"100%"};if(a.scroll)return a.scroll}),M=e.computed(()=>{var r;if(a.tableLayout)return a.tableLayout;if((r=a.columns)!=null&&r.some(o=>o.ellipsis))return"fixed"}),B=e.computed(()=>{var n;const r=e.unref(p),o=d.isUndefined(a.dataSource)?r:{...r,dataSource:a.dataSource,onChange:a.onChange},t=e.unref(h);return{...a,...o,rowSelection:a.rowSelection===!0||((n=a.rowSelection)==null?void 0:n.mode)==="internal"?{...t,preserveSelectedRowKeys:d.isUndefined(a.dataSource)?t.preserveSelectedRowKeys:!0}:a.rowSelection,loading:d.isUndefined(a.loading)?e.unref(p).loading:a.loading,pagination:a.pagination===!1?!1:e.unref(p).pagination,scroll:e.unref(H)}}),G=e.computed(()=>[f(),a.card?null:f("wrapper"),a.adaptive?f("adaptive"):null].filter(Boolean));function _(r,o,t){if(z.noRenderAsFormItemValueList.includes(r.valueType))return t;const n=s.objectToString(o);return r.copyable||r.ellipsis?e.createVNode(N.Typography.Paragraph,{copyable:r.copyable?{text:n,tooltip:!1}:!1,ellipsis:r.ellipsis?d.isBoolean(r.ellipsis)?{tooltip:n}:{...r.ellipsis,tooltip:n}:!1,content:r.ellipsis?ne.getRawDisplayValue(r,o):t},null):t}e.watch(()=>e.unref(m).loading,r=>{var o;(o=a.onLoadingChange)==null||o.call(a,r)});function J(r){var o,t,n;(n=(t=(o=b.value)==null?void 0:o.apForm)==null?void 0:t.setFieldsValue)==null||n.call(t,r)}function Q(){var r,o,t;return(t=(o=(r=b.value)==null?void 0:r.apForm)==null?void 0:o.getFieldsValue)==null?void 0:t.call(o,!0)}return V({submit:()=>F(),reset:()=>v(),setSearchFormValues:J,getSearchFormValues:Q,dataSource:e.computed(()=>e.unref(m).records),rowSelection:{selectedRows:e.computed(()=>e.unref(x)),...S}}),(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(G.value)},[e.unref(d.isUndefined)(r.dataSource)&&r.searchForm!==!1&&T.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(ae.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:b,"custom-reset":"",onSubmit:e.unref(F),onReset:e.unref(v),"submit-loading":e.unref(p).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.renderNode),e.mergeProps({key:t.dataIndex,ref_for:!0},t.fieldProps||{},{span:t.span}),null,16,["span"]))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:D,class:e.normalizeClass([e.unref(y)("table-wrapper"),r.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(x),selectedRowKeys:e.unref(h).selectedRowKeys},S)),e.createVNode(e.unref(N.Table),e.mergeProps({class:e.unref(f)("table")},B.value,{"table-layout":M.value,onChange:e.unref($),columns:c.value,onResizeColumn:o[0]||(o[0]=(t,n)=>n.width=t)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:c.value,records:B.value.dataSource})]),_:2},[e.renderList(e.unref(d.omit)(g,["title","searchFormExtra","headerCell"]),(t,n)=>({name:n,fn:e.withCtx(l=>[e.renderSlot(r.$slots,n,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","table-layout","onChange","columns"])],6)],2))}});exports.default=ie;

package/lib/src/ap-table/interface.d.ts

@@ -68,7 +68,7 @@ export type ApTableRowSelection<RecordType = any> = Omit<TableRowSelection<Recor
     mode: 'internal';
 };
 export type CommonFieldReturnType = ApFormItemProps & {
-    field: Recordable;
+    field?: Recordable;
     placeholder?: string;
     disabled?: boolean;
 };

package/lib/src/ap-table/style/ap-table.css

@@ -50,6 +50,9 @@
 .aplus-ap-table-table tr > th.ant-table-cell {
   background-color: var(--ap-table-header-bg, #F2F6F9);
 }
+.aplus-ap-table-table tr > th.ant-table-cell::before {
+  background-color: #D8DDE5 !important;
+}
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
   padding: 12px 16px;
 }

package/lib/src/business/ap-label/ApLabel.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("ant-design-vue"),c=require("@aplus-frontend/icon");require("../../config-provider/index.js");const d=require("./constans.js"),m=require("lodash-unified");require("./style.css");const f=require("../../config-provider/hooks/use-namespace.js"),A=e.defineComponent({name:"ApLabel",props:d.ApLabelProps(),setup(t){const{b:i,e:u}=f.useNamespace("ap-label"),n=e.useSlots(),o=e.computed(()=>({color:t.iconColor,"font-size":t.iconSize+"px","margin-left":"4px",display:"inline-flex"})),r=(a,l)=>a?e.createVNode(s.Tooltip,{title:a,placement:l.placement||"top",color:l.toolTipBgColor},{default:()=>[l.iconType==="question"&&e.createVNode(c.IconApAdLineAnnotation,{style:o.value},null),l.iconType==="warning"&&e.createVNode(c.IconApAdFillWarn,{style:o.value},null),l.iconType==="ellipsis"&&e.createVNode(c.IconApAdFillExecution,{style:o.value},null),l.iconType==="success"&&e.createVNode(c.IconApAdFillSuccessful,{style:o.value},null)]}):null;return()=>e.createVNode("div",null,[t.show?e.createVNode("div",{class:[i()]},[e.createVNode("div",{class:[u("content")]},[e.createVNode(s.Badge,e.mergeProps(m.omit(t,["helpMessage","placement","iconColor"]),{status:t.status?t.status:"default"}),null),n.default?n.default():r(t.helpMessage,t)]),n.custom?e.createVNode("div",{class:[u("custom")]},[n.custom()]):null]):null])}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("ant-design-vue"),c=require("@aplus-frontend/icon");require("../../config-provider/index.js");const d=require("./constans.js"),m=require("lodash-unified");require("./style.css");const f=require("../../config-provider/hooks/use-namespace.js"),A=e.defineComponent({name:"ApLabel",props:d.ApLabelProps(),setup(t){const{b:i,e:u}=f.useNamespace("ap-label"),n=e.useSlots(),o=e.computed(()=>({color:t.iconColor,"font-size":t.iconSize+"px","margin-left":"4px",display:"inline-flex",cursor:"pointer"})),r=(s,l)=>s?e.createVNode(a.Tooltip,{title:s,placement:l.placement||"top",color:l.toolTipBgColor},{default:()=>[l.iconType==="question"&&e.createVNode(c.IconApAdLineAnnotation,{style:o.value},null),l.iconType==="warning"&&e.createVNode(c.IconApAdFillWarn,{style:o.value},null),l.iconType==="ellipsis"&&e.createVNode(c.IconApAdFillExecution,{style:o.value},null),l.iconType==="success"&&e.createVNode(c.IconApAdFillSuccessful,{style:o.value},null)]}):null;return()=>e.createVNode("div",null,[t.show?e.createVNode("div",{class:[i()]},[e.createVNode("div",{class:[u("content")]},[e.createVNode(a.Badge,e.mergeProps(m.omit(t,["helpMessage","placement","iconColor"]),{status:t.status?t.status:"default"}),null),n.default?n.default():r(t.helpMessage,t)]),n.custom?e.createVNode("div",{class:[u("custom")]},[n.custom()]):null]):null])}});exports.default=A;

package/lib/src/editable-table/form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("ant-design-vue"),x=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const V=require("../ap-form/context.js");require("./style/index.css");const i=require("../utils/index.js"),P=require("./hooks/use-get-columns.js"),g=require("./utils.js"),j=require("@ant-design/icons-vue"),z=require("ant-design-vue/es/theme/internal"),O=require("../config-provider/hooks/use-namespace.js"),A=require("../config-provider/hooks/use-global-config.js"),M=e.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(C,{expose:b}){var f;const a=C,{internalInstance:l,model:y}=V.useInjectForm(),r=e.ref(((f=e.unref(y))==null?void 0:f[a.name])||[]),w=e.useSlots(),R=x.ApForm.useWatch(a.name);e.watch(()=>R.value,t=>{var o;r.value=t,(o=a.onChange)==null||o.call(a,t)},{deep:!0});const{b:B,em:q}=O.useNamespace("editable-table"),c=e.ref(),D=A.useGlobalConfig("valueTypeMap"),[,k]=z.useToken(),v=P.default(a,D);function N(t,o){var s;const n=((s=e.unref(r))==null?void 0:s.length)||0;if(i.isDef(a.maxLength)&&n>=a.maxLength)return;const u=[...e.unref(r)||[]];i.isDef(o)?u.splice(o,0,{...t||{}}):u.push({...t||{}}),l==null||l.setFieldValue(a.name,[...e.unref(r)||[],t||{}])}function S(t,o="suffix"){var p;const n=((p=e.unref(r))==null?void 0:p.length)||0,u=d.isNumber(t)?t:t.length;if(i.isDef(a.maxLength)&&n+u>a.maxLength)return;const s=[...e.unref(r)||[]],m=d.isNumber(t)?new Array(t).fill({}):d.cloneDeep(t);o==="suffix"?s.push(...m):s.unshift(...m),l==null||l.setFieldValue(a.name,s)}function T(t){let o=d.cloneDeep(e.unref(r)||[]);const n=d.isNumber(t)?[t]:t;o=o.filter((u,s)=>!n.includes(s)),l==null||l.setFieldValue(a.name,o)}function F(){return e.unref(r)}function L(t){var o;return(o=e.unref(r))==null?void 0:o[t]}function _(t,o){const n=d.cloneDeep(e.unref(r));n[t]&&(n[t]={...n[t],...o},l==null||l.setFieldValue(a.name,[...n]))}function E(t,o){var u;const n=t==="end"?r.value.length-1:t;g.scrollToRowIndex(n,(u=c.value)==null?void 0:u.$el,o)}return b({add:N,remove:T,getRowData:L,getRowsData:F,setRowData:_,addMultiple:S,scrollTo:E}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(x.ApForm).FormItem,e.mergeProps(t.formItem,{name:t.name,label:t.label}),{default:e.withCtx(()=>[e.createVNode(e.unref(h.Table),e.mergeProps(e.unref(d.omit)(a,["name","maxLength","onChange"]),{class:e.unref(B)(),columns:e.unref(v),"data-source":r.value,ref_key:"tableRef",ref:c}),e.createSlots({headerCell:e.withCtx(({column:n})=>[e.unref(g.getColumnIsRequired)(n)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(q)("header-cell","required"))},"*",2)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.title),1),n.tooltip?(e.openBlock(),e.createBlock(e.unref(h.Tooltip),{key:1,title:n.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(j.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(k).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])):e.createCommentVNode("",!0)]),_:2},[e.renderList(w,(n,u)=>({name:u,fn:e.withCtx(s=>[e.renderSlot(t.$slots,u,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("ant-design-vue"),x=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const E=require("../ap-form/context.js");require("./style/index.css");const i=require("../utils/index.js"),P=require("./hooks/use-get-columns.js"),g=require("./utils.js"),j=require("@ant-design/icons-vue"),z=require("ant-design-vue/es/theme/internal"),O=require("../config-provider/hooks/use-namespace.js"),A=require("../config-provider/hooks/use-global-config.js"),M=e.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(C,{expose:b}){var f;const a=C,{internalInstance:l,model:y}=E.useInjectForm(),u=e.ref(((f=e.unref(y))==null?void 0:f[a.name])||[]),w=e.useSlots(),R=x.ApForm.useWatch(a.name);e.watch(()=>R.value,t=>{var o;u.value=t,(o=a.onChange)==null||o.call(a,t)},{deep:!0});const{b:B,em:q}=O.useNamespace("editable-table"),c=e.ref(),D=A.useGlobalConfig("valueTypeMap"),[,k]=z.useToken(),v=P.default(a,D);function N(t,o){var s;const n=((s=e.unref(u))==null?void 0:s.length)||0;if(i.isDef(a.maxLength)&&n>=a.maxLength)return;const r=[...e.unref(u)||[]];i.isDef(o)?r.splice(o,0,{...t||{}}):r.push({...t||{}}),l==null||l.setFieldValue(a.name,r)}function S(t,o="suffix"){var p;const n=((p=e.unref(u))==null?void 0:p.length)||0,r=d.isNumber(t)?t:t.length;if(i.isDef(a.maxLength)&&n+r>a.maxLength)return;const s=[...e.unref(u)||[]],m=d.isNumber(t)?new Array(t).fill({}):d.cloneDeep(t);o==="suffix"?s.push(...m):s.unshift(...m),l==null||l.setFieldValue(a.name,s)}function T(t){let o=d.cloneDeep(e.unref(u)||[]);const n=d.isNumber(t)?[t]:t;o=o.filter((r,s)=>!n.includes(s)),l==null||l.setFieldValue(a.name,o)}function F(){return e.unref(u)}function L(t){var o;return(o=e.unref(u))==null?void 0:o[t]}function V(t,o){const n=d.cloneDeep(e.unref(u));n[t]&&(n[t]={...n[t],...o},l==null||l.setFieldValue(a.name,[...n]))}function _(t,o){var r;const n=t==="end"?u.value.length-1:t;g.scrollToRowIndex(n,(r=c.value)==null?void 0:r.$el,o)}return b({add:N,remove:T,getRowData:L,getRowsData:F,setRowData:V,addMultiple:S,scrollTo:_}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(x.ApForm).FormItem,e.mergeProps(t.formItem,{name:t.name,label:t.label}),{default:e.withCtx(()=>[e.createVNode(e.unref(h.Table),e.mergeProps(e.unref(d.omit)(a,["name","maxLength","onChange"]),{class:e.unref(B)(),columns:e.unref(v),"data-source":u.value,ref_key:"tableRef",ref:c}),e.createSlots({headerCell:e.withCtx(({column:n})=>[e.unref(g.getColumnIsRequired)(n)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(q)("header-cell","required"))},"*",2)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.title),1),n.tooltip?(e.openBlock(),e.createBlock(e.unref(h.Tooltip),{key:1,title:n.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(j.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(k).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])):e.createCommentVNode("",!0)]),_:2},[e.renderList(w,(n,r)=>({name:r,fn:e.withCtx(s=>[e.renderSlot(t.$slots,r,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=M;

package/lib/src/editable-table/hooks/use-get-columns.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("vue"),b=require("lodash-unified"),f=require("../utils.js"),o=require("../../ap-table/utils.js");require("../../config-provider/index.js");const h=require("../../config-provider/hooks/use-locale.js"),x=(u,m)=>{const{t:F}=h.useLocale();return g.computed(()=>{let d=u.columns;return d?(d=d.map(e=>({...b.omit(e,["ellipsis"]),customRender({value:t,...n}){const a=b.isFunction(e.editable)?e.editable(n.text,n.record,n.index):!!e.editable;if(!e.valueType&&!e.customRender&&!e.customRenderFormItem)return console.warn("can not render table cell because no `valueType` / `customRender` / `customRenderFormItem`"),null;let c;if(a){const l=o.updateFormProps(e,o.getFieldProps(e.fieldProps,{value:t,...n})),s={};u.onFieldChange&&(s[`onUpdate:${l.valuePropName||"value"}`]=R=>{var i;return(i=u.onFieldChange)==null?void 0:i.call(u,n.index,e.dataIndex,R)}),c={name:[u.name,n.index,e.dataIndex],...l||{},placeholder:o.getPlaceholder(F,e.valueType,l==null?void 0:l.placeholder),field:{style:"width: 100%",...(l==null?void 0:l.field)||{},...s,class:f.mergeClass("is-editable",l.class)}}}else c={field:o.getTableRenderProps(e,{value:t,...n})};const r=f.getFinalNode(e,a,c,t,n.record,g.unref(m));return e.customRender?e.customRender({value:t,...n,editable:a,originalNode:r}):r}})),d):[]})};exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("vue"),t=require("lodash-unified"),x=require("../utils.js"),a=require("../../ap-table/utils.js");require("../../config-provider/index.js");const q=require("../../config-provider/hooks/use-locale.js"),y=(d,h)=>{const{t:F}=q.useLocale();return b.computed(()=>{const c=d.columns;if(!c)return[];function s(I){return I.map(e=>({...t.omit(e,["ellipsis"]),children:s(e.children||[]),customRender({value:u,...n}){const o=t.isFunction(e.editable)?e.editable(n.text,n.record,n.index):!!e.editable;if(!e.valueType&&!e.customRender&&!e.customRenderFormItem)return console.warn("can not render table cell because no `valueType` / `customRender` / `customRenderFormItem`"),null;let r;if(o){const l=a.updateFormProps(e,a.getFieldProps(e.fieldProps,{value:u,...n})),g={};d.onFieldChange&&(g[`onUpdate:${l.valuePropName||"value"}`]=m=>{var f;return(f=d.onFieldChange)==null?void 0:f.call(d,n.index,e.dataIndex,m)});const R=t.isArray(e.dataIndex)?e.dataIndex:[e.dataIndex];r={name:[d.name,n.index,...R],...l||{},placeholder:a.getPlaceholder(F,e.valueType,l==null?void 0:l.placeholder),field:{style:"width: 100%",...(l==null?void 0:l.field)||{},...g,class:x.mergeClass("is-editable",l.class)}}}else r={field:a.getTableRenderProps(e,{value:u,...n})};const i=x.getFinalNode(e,o,r,u,n.record,b.unref(h));return e.customRender?e.customRender({value:u,...n,editable:o,originalNode:i}):i}}))}return s(c)})};exports.default=y;

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

@@ -8,7 +8,7 @@ import { EllipsisConfig } from 'ant-design-vue/es/typography/Base';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../type';
 export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ColumnType<RecordType>, 'children' | 'customRender' | 'ellipsis'> & {
-    children?: EditableColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>;
+    children?: EditableColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
     /**
      * 在title之后展示一个icon并触发tooltip
      */
@@ -32,7 +32,7 @@ export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueT
     /**
      * 自定义表单，适用于内置`valueType`不满足的情况下使用
      */
-    customRenderFormItem?: (config: EditableColumnType<RecordType>, fieldProps: Recordable, editable: boolean) => any;
+    customRenderFormItem?: (config: EditableColumnType<RecordType>, fieldProps: Recordable, editable: boolean, record: RecordType) => any;
     /**
      * 指定值类型（将会用于普通列和可编辑表格的渲染）
      */

package/lib/src/editable-table/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),u=require("lodash-unified"),a=require("../ap-table/constants.js"),F=require("../utils/index.js"),h=require("../ap-field/number/helper.js"),N=require("scroll-into-view-if-needed"),_=require("ant-design-vue");require("../ap-form/index.js");const v=require("../ap-table/utils.js"),q=require("../ap-form/ap-form-item.vue.js");function g(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}function T(e){return a.apTableFormItemMap[e]}function w(e){if(!e.fieldProps)return!1;const t=u.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps;return F.isDef(t.required)?t.required:(u.isArray(t.rules)?t.rules:t.rules?[t.rules]:[]).some(r=>r.required)}function I(e,t){if(e.valueType==="text"||e.valueType==="textArea")return t||"--";if(e.valueType==="number"){const o=e.fieldProps?u.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps:{};return h.getValueStr(t,o)||"--"}return v.objectToString(t)}function P(e,t){const o=[e];if(t){const r=u.isArray(t)?t:[t];o.unshift(...r)}return o.join(" ")}function S(e,t=document.body,o={}){const r=t.querySelectorAll("tr.ant-table-row")[e];r&&N(r,{scrollMode:"if-needed",block:"nearest",behavior:"smooth",...o})}function j(e,t,o){return a.noRenderAsFormItemValueList.includes(e.valueType)?o:e.copyable||e.ellipsis?i.createVNode(_.Typography.Paragraph,{copyable:e.copyable?{text:t,tooltip:!1}:!1,ellipsis:e.ellipsis?u.isBoolean(e.ellipsis)?{tooltip:t}:{...e.ellipsis,tooltip:t}:!1,content:e.ellipsis?I(e,t):o},null):o}function m(e,t,o,r,V,s){var y,b;if(t){if(e.customRenderFormItem){const c=e.customRenderFormItem(e,o.field,t);return i.createVNode(q.default,u.omit(o,["field"]),g(c)?c:{default:()=>[c]})}const l=T(e.valueType);if(l)return i.createVNode(l,o,null);const n=s==null?void 0:s[e.valueType],f=(y=n==null?void 0:n.renderFormItem)==null?void 0:y.call(n,o.field);return f?i.createVNode(q.default,o,g(f)?f:{default:()=>[f]}):null}let d;const p=a.apTableRenderItemMap[e.valueType];if(p)d=i.createVNode(p,i.mergeProps(o.field,{mode:"read"}),null);else{const l=s==null?void 0:s[e.valueType];d=(b=l==null?void 0:l.render)==null?void 0:b.call(l,r,V,o.field)}return d?j(e,r,d):null}exports.getColumnIsRequired=w;exports.getEditableComponent=T;exports.getFinalNode=m;exports.getRawDisplayValue=I;exports.mergeClass=P;exports.scrollToRowIndex=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),u=require("lodash-unified"),a=require("../ap-table/constants.js"),F=require("../utils/index.js"),h=require("../ap-field/number/helper.js"),N=require("scroll-into-view-if-needed"),_=require("ant-design-vue");require("../ap-form/index.js");const v=require("../ap-table/utils.js"),g=require("../ap-form/ap-form-item.vue.js");function T(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}function I(e){return a.apTableFormItemMap[e]}function w(e){if(!e.fieldProps)return!1;const t=u.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps;return F.isDef(t.required)?t.required:(u.isArray(t.rules)?t.rules:t.rules?[t.rules]:[]).some(r=>r.required)}function V(e,t){if(e.valueType==="text"||e.valueType==="textArea")return t||"--";if(e.valueType==="number"){const o=e.fieldProps?u.isFunction(e.fieldProps)?e.fieldProps({}):e.fieldProps:{};return h.getValueStr(t,o)||"--"}return v.objectToString(t)}function P(e,t){const o=[e];if(t){const r=u.isArray(t)?t:[t];o.unshift(...r)}return o.join(" ")}function S(e,t=document.body,o={}){const r=t.querySelectorAll("tr.ant-table-row")[e];r&&N(r,{scrollMode:"if-needed",block:"nearest",behavior:"smooth",...o})}function j(e,t,o){return a.noRenderAsFormItemValueList.includes(e.valueType)?o:e.copyable||e.ellipsis?i.createVNode(_.Typography.Paragraph,{copyable:e.copyable?{text:t,tooltip:!1}:!1,ellipsis:e.ellipsis?u.isBoolean(e.ellipsis)?{tooltip:t}:{...e.ellipsis,tooltip:t}:!1,content:e.ellipsis?V(e,t):o},null):o}function m(e,t,o,r,p,s){var b,q;if(t){if(e.customRenderFormItem){const c=e.customRenderFormItem(e,o.field,t,p);return i.createVNode(g.default,u.omit(o,["field"]),T(c)?c:{default:()=>[c]})}const l=I(e.valueType);if(l)return i.createVNode(l,o,null);const n=s==null?void 0:s[e.valueType],d=(b=n==null?void 0:n.renderFormItem)==null?void 0:b.call(n,o.field);return d?i.createVNode(g.default,o,T(d)?d:{default:()=>[d]}):null}let f;const y=a.apTableRenderItemMap[e.valueType];if(y)f=i.createVNode(y,i.mergeProps(o.field,{mode:"read"}),null);else{const l=s==null?void 0:s[e.valueType];f=(q=l==null?void 0:l.render)==null?void 0:q.call(l,r,p,o.field)}return f?j(e,r,f):null}exports.getColumnIsRequired=w;exports.getEditableComponent=I;exports.getFinalNode=m;exports.getRawDisplayValue=V;exports.mergeClass=P;exports.scrollToRowIndex=S;

package/lib/src/theme/ap-table/ap-table.css

@@ -50,6 +50,9 @@
 .aplus-ap-table-table tr > th.ant-table-cell {
   background-color: var(--ap-table-header-bg, #F2F6F9);
 }
+.aplus-ap-table-table tr > th.ant-table-cell::before {
+  background-color: #D8DDE5 !important;
+}
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
   padding: 12px 16px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [