@aplus-frontend/ui 6.24.2 → 6.26.0

package/es/src/business/ap-value-select-card/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as q, ref as N, computed as R, resolveComponent as J, createElementBlock as u, openBlock as c, normalizeStyle as $, normalizeClass as d, unref as l, createVNode as I, withCtx as _, createElementVNode as h, createCommentVNode as f, Fragment as D, renderList as E, withModifiers as y, renderSlot as v, createTextVNode as O, toDisplayString as g, createBlock as Q } from "vue";
+import { defineComponent as q, ref as N, computed as R, resolveComponent as J, createElementBlock as u, openBlock as r, normalizeStyle as I, normalizeClass as d, unref as l, createVNode as O, withCtx as D, createElementVNode as h, createCommentVNode as v, Fragment as E, renderList as M, withModifiers as K, renderSlot as g, createTextVNode as m, toDisplayString as p, createBlock as Q } from "vue";
 import { Popover as U } from "@aplus-frontend/antdv";
 import { PlusOutlined as W } from "@ant-design/icons-vue";
 import { IconApAdLinePoor as X } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
 import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as Z } from "../../config-provider/hooks/use-global-config.mjs";
-const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["onClick"], se = ["onClick"], ie = { class: "label" }, oe = { class: "value" }, ne = { class: "text" }, pe = /* @__PURE__ */ q({
+const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["onClick"], se = ["onClick"], oe = { class: "label" }, ie = { class: "value" }, ne = { class: "text" }, pe = /* @__PURE__ */ q({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -19,159 +19,167 @@ const x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = ["
     showCloseIcon: { type: Boolean, default: !0 },
     showAddButton: { type: Boolean, default: !0 },
     addButtonText: { default: "" },
-    getContainer: { type: Function, default: (K) => K.parentElement || document.body },
+    getContainer: { type: Function, default: (C) => C.parentElement || document.body },
     getCardStyle: { type: Function, default: () => ({}) },
     wrapperStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
-  setup(K, { expose: M, emit: P }) {
-    const o = P, t = K, { b: n, m: z } = Y("ap-value-select-card"), L = Z("uiMode", "aplus"), p = N(null), m = N(!1), C = R(() => t.options), S = R(() => C.value.filter(
+  setup(C, { expose: P, emit: z }) {
+    const n = z, t = C, { b: a, m: L } = Y("ap-value-select-card"), _ = Z("uiMode", "aplus"), f = N(null), y = N(!1), S = R(() => t.options), k = R(() => S.value.filter(
       (e) => t.selectedKeys.includes(e.key)
-    )), T = (e) => t.selectedKeys.includes(e), k = (e) => t.highlightedKeys.includes(e), H = (e) => {
-      t.selectedKeys.includes(e) ? w(e) : A(e);
+    )), T = (e) => t.selectedKeys.includes(e), w = (e) => t.highlightedKeys.includes(e), H = (e) => {
+      t.selectedKeys.includes(e) ? b(e) : A(e);
     }, A = (e) => {
       if (t.maxSelected && t.selectedKeys.length >= t.maxSelected)
         return;
       const s = [...t.selectedKeys, e];
-      o("update:selectedKeys", s), o("change", s), o("select", e), t.highlightedKeys.includes(e) || b(e);
-    }, w = (e) => {
+      n("update:selectedKeys", s), n("change", s), n("select", e), t.highlightedKeys.includes(e) || $(e);
+    }, b = (e) => {
       if (t.selectedKeys.length <= 1 || t.highlightedKeys.length <= 1 && t.highlightedKeys.includes(e))
         return;
-      const s = t.selectedKeys.filter((r) => r !== e);
-      if (o("update:selectedKeys", s), o("change", s), o("remove", e), t.highlightedKeys.includes(e)) {
-        const r = t.highlightedKeys.filter((a) => a !== e);
-        o("update:highlightedKeys", r), o("highlight", r);
+      const s = t.selectedKeys.filter((c) => c !== e);
+      if (n("update:selectedKeys", s), n("change", s), n("remove", e), t.highlightedKeys.includes(e)) {
+        const c = t.highlightedKeys.filter((i) => i !== e);
+        n("update:highlightedKeys", c), n("highlight", c);
       }
-    }, b = (e) => {
+    }, $ = (e) => {
       let s;
       if (t.highlightedKeys.includes(e))
         if (t.highlightedKeys.length > 1)
-          s = t.highlightedKeys.filter((r) => r !== e);
+          s = t.highlightedKeys.filter((c) => c !== e);
         else
           return;
       else
         s = [...t.highlightedKeys, e];
-      o("update:highlightedKeys", s), o("highlight", s);
+      n("update:highlightedKeys", s), n("highlight", s);
     }, j = (e) => {
-      e || (m.value = e);
+      e || (y.value = e);
     };
-    return M({
-      popoverVisible: m,
-      allOptions: C,
-      selectedOptions: S,
+    return P({
+      popoverVisible: y,
+      allOptions: S,
+      selectedOptions: k,
       isSelected: T,
-      isHighlighted: k,
+      isHighlighted: w,
       toggleOption: H,
       addOption: A,
-      removeOption: w,
-      highlightOption: b
+      removeOption: b,
+      highlightOption: $
     }), (e, s) => {
-      const r = J("InfoCircleFilled");
-      return c(), u("div", {
-        class: d([l(n)(), `${l(z)(l(L))}`]),
-        style: $({
+      const c = J("InfoCircleFilled");
+      return r(), u("div", {
+        class: d([l(a)(), `${l(L)(l(_))}`]),
+        style: I({
           ...e.wrapperStyle,
           "--ap-value-select-card-column-count": e.maxRowDisplay
         })
       }, [
-        I(l(U), {
-          open: m.value,
+        O(l(U), {
+          open: y.value,
           trigger: "click",
           placement: "bottomRight",
           arrow: !1,
           "get-popup-container": e.getContainer,
           onOpenChange: j
         }, {
-          content: _(() => [
+          content: D(() => [
             h("div", {
-              class: d(l(n)("popover"))
+              class: d(l(a)("popover"))
             }, [
-              e.popoverTitle ? (c(), u("div", {
+              e.popoverTitle ? (r(), u("div", {
                 key: 0,
-                class: d(l(n)("title"))
+                class: d(l(a)("title"))
               }, [
-                e.showTitleIcon ? (c(), Q(r, {
+                e.showTitleIcon ? (r(), Q(c, {
                   key: 0,
-                  class: d(l(n)("title-icon"))
-                }, null, 8, ["class"])) : f("", !0),
-                O(" " + g(e.popoverTitle), 1)
-              ], 2)) : f("", !0),
+                  class: d(l(a)("title-icon"))
+                }, null, 8, ["class"])) : v("", !0),
+                m(" " + p(e.popoverTitle), 1)
+              ], 2)) : v("", !0),
               h("div", {
-                class: d(l(n)("list"))
+                class: d(l(a)("list"))
               }, [
-                (c(!0), u(D, null, E(C.value, (a) => (c(), u("div", {
-                  key: a.key,
+                (r(!0), u(E, null, M(S.value, (i) => (r(), u("div", {
+                  key: i.key,
                   class: d([
-                    l(n)("list-item"),
+                    l(a)("list-item"),
                     "all",
                     {
-                      select: T(a.key),
+                      select: T(i.key),
                       disabled: e.maxSelected && e.selectedKeys.length >= e.maxSelected
                     }
                   ]),
-                  onClick: y((B) => H(a.key), ["stop"])
+                  onClick: K((B) => H(i.key), ["stop"])
                 }, [
-                  h("div", ee, g(a.label), 1),
-                  h("div", te, g(a.value), 1)
+                  h("div", ee, [
+                    g(e.$slots, "popover-label", { option: i }, () => [
+                      m(p(i.label), 1)
+                    ])
+                  ]),
+                  h("div", te, [
+                    g(e.$slots, "popover-value", { option: i }, () => [
+                      m(p(i.value), 1)
+                    ])
+                  ])
                 ], 10, x))), 128))
               ], 2)
             ], 2)
           ]),
-          default: _(() => {
-            var a, B, V, F;
+          default: D(() => {
+            var i, B, V, F;
             return [
               h("div", {
-                class: d(l(n)("list"))
+                class: d(l(a)("list"))
               }, [
-                (c(!0), u(D, null, E(S.value, (i) => (c(), u("div", {
-                  key: i.key,
+                (r(!0), u(E, null, M(k.value, (o) => (r(), u("div", {
+                  key: o.key,
                   ref_for: !0,
                   ref_key: "listItemRef",
-                  ref: p,
+                  ref: f,
                   class: d([
-                    l(n)("list-item"),
+                    l(a)("list-item"),
                     {
-                      select: k(i.key),
-                      custom: i.customClass
+                      select: w(o.key),
+                      custom: o.customClass
                     },
-                    i.customClass
+                    o.customClass
                   ]),
-                  style: $(e.getCardStyle(i.key)),
-                  onClick: y((G) => b(i.key), ["stop"])
+                  style: I(e.getCardStyle(o.key)),
+                  onClick: K((G) => $(o.key), ["stop"])
                 }, [
-                  e.showCloseIcon && (!(e.highlightedKeys.length === 1 && k(i.key)) && S.value.length > 1) ? (c(), u("div", {
+                  e.showCloseIcon && (!(e.highlightedKeys.length === 1 && w(o.key)) && k.value.length > 1) ? (r(), u("div", {
                     key: 0,
-                    class: d(l(n)("list-item-close")),
-                    onClick: y((G) => w(i.key), ["stop"])
+                    class: d(l(a)("list-item-close")),
+                    onClick: K((G) => b(o.key), ["stop"])
                   }, [
-                    v(e.$slots, "close-icon", {}, () => [
-                      I(l(X))
+                    g(e.$slots, "close-icon", {}, () => [
+                      O(l(X))
                     ])
-                  ], 10, se)) : f("", !0),
-                  h("div", ie, [
-                    v(e.$slots, "label", { option: i }, () => [
-                      O(g(i.label), 1)
+                  ], 10, se)) : v("", !0),
+                  h("div", oe, [
+                    g(e.$slots, "label", { option: o }, () => [
+                      m(p(o.label), 1)
                     ])
                   ]),
-                  h("div", oe, [
-                    v(e.$slots, "value", { option: i }, () => [
-                      O(g(i.value), 1)
+                  h("div", ie, [
+                    g(e.$slots, "value", { option: o }, () => [
+                      m(p(o.value), 1)
                     ])
                   ])
                 ], 14, le))), 128)),
-                e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (c(), u("div", {
+                e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (r(), u("div", {
                   key: 0,
-                  class: d([l(n)("list-item"), "choose"]),
-                  style: $({
-                    minHeight: p.value ? `${(B = (a = p.value) == null ? void 0 : a[0]) != null && B.offsetHeight ? `${(F = (V = p.value) == null ? void 0 : V[0]) == null ? void 0 : F.offsetHeight}px` : "auto"}` : "auto"
+                  class: d([l(a)("list-item"), "choose"]),
+                  style: I({
+                    minHeight: f.value ? `${(B = (i = f.value) == null ? void 0 : i[0]) != null && B.offsetHeight ? `${(F = (V = f.value) == null ? void 0 : V[0]) == null ? void 0 : F.offsetHeight}px` : "auto"}` : "auto"
                   }),
-                  onClick: s[0] || (s[0] = y((i) => m.value = !0, ["stop"]))
+                  onClick: s[0] || (s[0] = K((o) => y.value = !0, ["stop"]))
                 }, [
-                  v(e.$slots, "add-button", {}, () => [
-                    I(l(W)),
-                    h("span", ne, g(e.addButtonText), 1)
+                  g(e.$slots, "add-button", {}, () => [
+                    O(l(W)),
+                    h("span", ne, p(e.addButtonText), 1)
                   ])
-                ], 6)) : f("", !0)
+                ], 6)) : v("", !0)
               ], 2)
             ];
           }),

package/es/src/utils/copy.mjs

@@ -1,21 +1,31 @@
-function l(t, e) {
+function a(t, e) {
   const r = e == null ? void 0 : e.format;
   if (typeof t != "string")
     return !1;
   try {
     if (r === "text/html") {
-      const a = new ClipboardItem({
+      const o = new ClipboardItem({
         [r]: new Blob([t], { type: r }),
         "text/plain": new Blob([t], { type: "text/plain" })
       });
-      navigator.clipboard.write([a]);
+      navigator.clipboard.write([o]);
     } else
       navigator.clipboard.writeText(t);
     return !0;
+  } catch {
+    return n(t);
+  }
+}
+function n(t) {
+  try {
+    const e = document.createElement("textarea");
+    e.value = t, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.focus(), e.select();
+    const r = document.execCommand("copy");
+    return document.body.removeChild(e), r;
   } catch {
     return !1;
   }
 }
 export {
-  l as copy
+  a as copy
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.24.2";
+declare const _default: "6.26.0";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "6.24.2";
+const e = "6.26.0";
 export {
   e as default
 };

package/lib/src/ag-grid/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),he=require("ag-grid-vue3"),P=require("ag-grid-community"),A=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../config-provider/index.js");const ye=require("../ap-form/index.js"),ve=require("../ap-table/utils.js"),Ce=require("../ap-table/hooks/use-table-paging-ng.js"),be=require("./hooks/use-row-selection.js"),Re=require("./context.js"),Be=require("../ap-table/context.js"),K=require("../ap-grid/constants.js"),xe=require("@aplus-frontend/antdv/es/theme/internal"),Fe=require("./theme.js"),ke=require("./hooks/use-columns.js"),ze=require("./hooks/use-columns-def.js"),qe=require("../utils/index.js"),Ne=require("../utils/slot.js"),Te=require("./hooks/use-search-form.js"),Ve=require("../config-provider/hooks/use-namespace.js"),De=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(I,{expose:M}){P.ModuleRegistry.registerModules([P.AllCommunityModule]);const t=I,g=e.useSlots(),{e:S,b:s,be:W}=Ve.useNamespace("ag-grid"),d=e.ref(t.size),U=Fe.useTheme(d,e.toRef(t,"rowHeight")),m=e.ref(),[,L]=xe.useToken();let f=!!t.dataSource;const b=Te.useSearchForm(t),{shownColumns:i,shownColumnsBackup:O}=ke.useColumns(t),{defaultColDef:$,columnDefs:G}=ze.useColumnsDef(i,t),R=e.ref({});Re.useProvideSorter({sorter:R,setSorter(o){R.value=o}});const j={asc:"ascend",desc:"descend"};function H(){var l;const o=(l=m.value.getColumns())==null?void 0:l.filter(C=>C.getSort()!==void 0);if(!(o!=null&&o.length))return;const r=o[0],n=r.getColDef(),a=r.getSort();x(void 0,void 0,{column:n,field:n.field,order:a?j[a]:null})}const J=e.computed(()=>ve.recursionApColumns(e.unref(i),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),Q=e.computed(()=>{var r;return qe.isDef(t.manual)?t.manual:Ne.getValidVNodeList(((r=g.searchFormExtra)==null?void 0:r.call(g))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),{formRef:u,submit:w,reset:h,data:c,tableProps:B,handleTableChangeOptional:x,submitWith:F,refresh:k,getPaging:X,setPaging:Y,setDataSource:Z}=Ce.useTablePaging({async request(o){var n;if(f=!1,!p.isUndefined(t.dataSource)){const a=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(a,a+o.pageSize))||[],total:t.dataSource.length||0}}const r=await((n=t.request)==null?void 0:n.call(t,o));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(Q),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:J}),_=e.computed(()=>p.isUndefined(t.dataSource)?c.records:t.dataSource),{select:ee,unSelect:oe,selectedRows:y,selectedRowKeys:te,clearAll:re,selectMultiByKeys:ne}=be.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:_,rowKey:t.rowKey}),ae={checkbox:"multiRow",radio:"singleRow"},le=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ae[o],isRowSelectable:n=>r?!r(n.data):!0}}),se=e.computed(()=>{if(!t.rowSelection)return;const o=t.rowSelection===!0?{}:t.rowSelection;let r=o.fixed;return r===void 0&&(r=i.value.some(n=>n.fixed==="left"||n.fixed===!0)?"left":void 0),{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:r}});function v(o){return p.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const z=({api:o=m.value})=>{if(!t.rowSelection)return;const r=y.value;if(!r.length)return;f=!1;const n=[];o.forEachNode(a=>{const l=a.data,C=v(l);r.find(we=>v(we)===C)&&n.push(a)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{f=!0},0)},ie=o=>{f&&(o.node.isSelected()?ee(o.data):oe(o.data))},ue=()=>{f=!0},q=()=>{var o;re(),(o=m.value)==null||o.deselectAll()};function ce(o){ne(o),e.nextTick(()=>{z({})})}function N(o=!1){var n,a,l;const r=o?"getFieldsValueTransformed":"getFieldsValue";return(l=(a=(n=u.value)==null?void 0:n.apForm)==null?void 0:a[r])==null?void 0:l.call(a,!0)}function T(o){var r,n,a;(a=(n=(r=u.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,o)}function V(){var o;return((o=u.value)==null?void 0:o.getSorterItems())||[]}function D(o){var r;(r=u.value)==null||r.setSorterItems(o)}function E(){var o;(o=u.value)==null||o.resetSorterItems()}Be.useProvideApTable({columns:e.computed(()=>i.value),columnsBackup:e.computed(()=>O.value),size:e.computed(()=>K.sizeMap[d.value]),updateColumns(o){var r;console.log(o),i.value=o,(r=t.onShownColumnsChange)==null||r.call(t,o)},updateSize(o){d.value=K.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:W("table-header","title"),color:L.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:N,setSearchFormValues:T,submit:w,submitWith:F,reset:h,refresh:k,getSearchFormSorterItems:V,setSearchFormSorterItems:D,resetSearchFormSorterItems:E});const de=e.computed(()=>p.isUndefined(t.loading)?c.loading:t.loading),me=e.computed(()=>[s(),t.card?null:s("wrapper"),s("adaptive"),s(`size-${d.value}`)].filter(Boolean)),fe=e.computed(()=>({height:"100%",...t.tableStyle||{}})),pe=(o,r)=>{x({current:o,pageSize:r})};function ge(o){const r=o.data;return v(r)}function Se(o,r){var n;(n=m.value)==null||n.ensureIndexVisible(o,r)}return e.watch(()=>t.dataSource,o=>{Z(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{d.value=o}),e.watch(()=>e.unref(c).loading,o=>{var r;(r=t.onLoadingChange)==null||r.call(t,o)}),M({submit:w,reset:h,refresh:k,submitWith:F,setSearchFormValues:T,getSearchFormValues:N,getShowColumns:()=>e.unref(i),rowSelection:{selectedRows:e.computed(()=>y.value),setSelectedRowKeys:ce,clearAll:q},scrollToRow:Se,getDataSource:()=>e.unref(c.records),getPaging:X,setPaging:Y,getSearchFormSorterItems:V,setSearchFormSorterItems:D,resetSearchFormSorterItems:E}),(o,r)=>{var n,a;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(me.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(p.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(b).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(ye.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:u,"custom-reset":"","submit-loading":e.unref(B).loading,onSubmit:e.unref(w),onReset:e.unref(h)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(S)("table-wrapper"),o.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(y),selectedRowKeys:e.unref(te),shownColumns:e.unref(i),clearAll:q})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("grid-wrapper"))},[e.createVNode(e.unref(he.AgGridVue),{style:e.normalizeStyle(fe.value),"row-data":e.unref(c).records,"column-defs":e.unref(G),"default-col-def":e.unref($),"locale-text":{noRowsToShow:""},"row-selection":le.value,"selection-column-def":se.value,"get-row-id":ge,"pinned-top-row-data":(n=o.summary)==null?void 0:n.top,"pinned-bottom-row-data":(a=o.summary)==null?void 0:a.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"",onSortChanged:H,onGridReady:r[0]||(r[0]=l=>m.value=l.api),onRowDataUpdated:z,onRowSelected:ie,onFirstDataRendered:ue},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(S)("table-loading-wrapper"))},[e.createVNode(e.unref(A.Spin),{delay:300})],2),[[e.vShow,de.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(A.Pagination),e.mergeProps({key:0,class:e.unref(s)("pagination")},e.unref(B).pagination,{onChange:pe}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=De;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),he=require("ag-grid-vue3"),P=require("ag-grid-community"),A=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../config-provider/index.js");const ye=require("../ap-form/index.js"),ve=require("../ap-table/utils.js"),Ce=require("../ap-table/hooks/use-table-paging-ng.js"),be=require("./hooks/use-row-selection.js"),Re=require("./context.js"),Be=require("../ap-table/context.js"),K=require("../ap-grid/constants.js"),xe=require("@aplus-frontend/antdv/es/theme/internal"),Fe=require("./theme.js"),ke=require("./hooks/use-columns.js"),ze=require("./hooks/use-columns-def.js"),qe=require("../utils/index.js"),Te=require("../utils/slot.js"),Ne=require("./hooks/use-search-form.js"),Ve=require("../config-provider/hooks/use-namespace.js"),De=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(I,{expose:M}){P.ModuleRegistry.registerModules([P.AllCommunityModule]);const t=I,g=e.useSlots(),{e:S,b:s,be:W}=Ve.useNamespace("ag-grid"),m=e.ref(t.size),U=Fe.useTheme(m,e.toRef(t,"rowHeight")),f=e.ref(),[,L]=xe.useToken();let u=!!t.dataSource;const b=Ne.useSearchForm(t),{shownColumns:i,shownColumnsBackup:O}=ke.useColumns(t),{defaultColDef:$,columnDefs:G}=ze.useColumnsDef(i,t),R=e.ref({});Re.useProvideSorter({sorter:R,setSorter(o){R.value=o}});const j={asc:"ascend",desc:"descend"};function H(){var l;const o=(l=f.value.getColumns())==null?void 0:l.filter(C=>C.getSort()!==void 0);if(!(o!=null&&o.length))return;const r=o[0],n=r.getColDef(),a=r.getSort();x(void 0,void 0,{column:n,field:n.field,order:a?j[a]:null})}const J=e.computed(()=>ve.recursionApColumns(e.unref(i),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),Q=e.computed(()=>{var r;return qe.isDef(t.manual)?t.manual:Te.getValidVNodeList(((r=g.searchFormExtra)==null?void 0:r.call(g))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),{formRef:d,submit:w,reset:h,data:c,tableProps:B,handleTableChangeOptional:x,submitWith:F,refresh:k,getPaging:X,setPaging:Y,setDataSource:Z}=Ce.useTablePaging({async request(o){var n;if(u=!1,!p.isUndefined(t.dataSource)){const a=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(a,a+o.pageSize))||[],total:t.dataSource.length||0}}const r=await((n=t.request)==null?void 0:n.call(t,o));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(Q),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:J}),_=e.computed(()=>p.isUndefined(t.dataSource)?c.records:t.dataSource),{select:ee,unSelect:oe,selectedRows:y,selectedRowKeys:te,clearAll:re,selectMultiByKeys:ne}=be.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:_,rowKey:t.rowKey}),ae={checkbox:"multiRow",radio:"singleRow"},le=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ae[o],isRowSelectable:n=>r?!r(n.data):!0}}),se=e.computed(()=>{if(!t.rowSelection)return;const o=t.rowSelection===!0?{}:t.rowSelection;let r=o.fixed;return r===void 0&&(r=i.value.some(n=>n.fixed==="left"||n.fixed===!0)?"left":void 0),{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:r}});function v(o){return p.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const z=({api:o=f.value})=>{if(!t.rowSelection)return;const r=y.value;if(!r.length){setTimeout(()=>{u=!0},0);return}u=!1;const n=[];o.forEachNode(a=>{const l=a.data,C=v(l);r.find(we=>v(we)===C)&&n.push(a)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{u=!0},0)},ie=o=>{u&&(o.node.isSelected()?ee(o.data):oe(o.data))},ue=()=>{u=!0},q=()=>{var o;re(),(o=f.value)==null||o.deselectAll()};function de(o){ne(o),e.nextTick(()=>{z({})})}function T(o=!1){var n,a,l;const r=o?"getFieldsValueTransformed":"getFieldsValue";return(l=(a=(n=d.value)==null?void 0:n.apForm)==null?void 0:a[r])==null?void 0:l.call(a,!0)}function N(o){var r,n,a;(a=(n=(r=d.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,o)}function V(){var o;return((o=d.value)==null?void 0:o.getSorterItems())||[]}function D(o){var r;(r=d.value)==null||r.setSorterItems(o)}function E(){var o;(o=d.value)==null||o.resetSorterItems()}Be.useProvideApTable({columns:e.computed(()=>i.value),columnsBackup:e.computed(()=>O.value),size:e.computed(()=>K.sizeMap[m.value]),updateColumns(o){var r;i.value=o,(r=t.onShownColumnsChange)==null||r.call(t,o)},updateSize(o){m.value=K.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:W("table-header","title"),color:L.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:T,setSearchFormValues:N,submit:w,submitWith:F,reset:h,refresh:k,getSearchFormSorterItems:V,setSearchFormSorterItems:D,resetSearchFormSorterItems:E});const ce=e.computed(()=>p.isUndefined(t.loading)?c.loading:t.loading),me=e.computed(()=>[s(),t.card?null:s("wrapper"),s("adaptive"),s(`size-${m.value}`)].filter(Boolean)),fe=e.computed(()=>({height:"100%",...t.tableStyle||{}})),pe=(o,r)=>{x({current:o,pageSize:r})};function ge(o){const r=o.data;return v(r)}function Se(o,r){var n;(n=f.value)==null||n.ensureIndexVisible(o,r)}return e.watch(()=>t.dataSource,o=>{Z(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{m.value=o}),e.watch(()=>e.unref(c).loading,o=>{var r;(r=t.onLoadingChange)==null||r.call(t,o)}),M({submit:w,reset:h,refresh:k,submitWith:F,setSearchFormValues:N,getSearchFormValues:T,getShowColumns:()=>e.unref(i),rowSelection:{selectedRows:e.computed(()=>y.value),setSelectedRowKeys:de,clearAll:q},scrollToRow:Se,getDataSource:()=>e.unref(c.records),getPaging:X,setPaging:Y,getSearchFormSorterItems:V,setSearchFormSorterItems:D,resetSearchFormSorterItems:E}),(o,r)=>{var n,a;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(me.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(p.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(b).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(ye.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:d,"custom-reset":"","submit-loading":e.unref(B).loading,onSubmit:e.unref(w),onReset:e.unref(h)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),l=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.renderNode),{key:l.dataIndex}))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(S)("table-wrapper"),o.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(y),selectedRowKeys:e.unref(te),shownColumns:e.unref(i),clearAll:q})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("grid-wrapper"))},[e.createVNode(e.unref(he.AgGridVue),{style:e.normalizeStyle(fe.value),"row-data":e.unref(c).records,"column-defs":e.unref(G),"default-col-def":e.unref($),"locale-text":{noRowsToShow:""},"row-selection":le.value,"selection-column-def":se.value,"get-row-id":ge,"pinned-top-row-data":(n=o.summary)==null?void 0:n.top,"pinned-bottom-row-data":(a=o.summary)==null?void 0:a.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"",onSortChanged:H,onGridReady:r[0]||(r[0]=l=>f.value=l.api),onRowDataUpdated:z,onRowSelected:ie,onFirstDataRendered:ue},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(S)("table-loading-wrapper"))},[e.createVNode(e.unref(A.Spin),{delay:300})],2),[[e.vShow,ce.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(A.Pagination),e.mergeProps({key:0,class:e.unref(s)("pagination")},e.unref(B).pagination,{onChange:pe}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6)}}});exports.default=De;

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

@@ -151,7 +151,6 @@ export type ApFormListProps = {
     initialValue?: any[];
     transform?: ApFormItemTransformType;
 };
-type AllowCountPerRowType = 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
 export type ApFormSearchFormProps = ApFormProps & {
     collapse?: boolean;
     defaultCollapse?: boolean;
@@ -163,7 +162,7 @@ export type ApFormSearchFormProps = ApFormProps & {
     customReset?: boolean;
     extraInAction?: boolean;
     forceExpand?: boolean;
-    countPerRow?: AllowCountPerRowType;
+    countPerRow?: number;
     submitLoading?: boolean;
     /**
      * 最大显示的行（超出后将会收起进入更多筛选）

package/lib/src/ap-form/search-form/hooks/use-count-per-row.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),a=require("@vueuse/core"),m=require("lodash-unified"),s=[1,2,3,4,6,8,12,24],w={xs:0,sm:768,md:1280,lg:1728},P=Object.entries(w).sort((e,o)=>o[1]-e[1]),l=e=>{const o=r.ref(0);r.watchEffect(t=>{const n=m.isUndefined(e.resizeTarget)?document.documentElement:e.resizeTarget,{stop:c}=a.useResizeObserver(n,i=>{const d=i[0],{width:f}=d.contentRect;o.value=f});t(()=>{c()})},{flush:"post"});const u=r.computed(()=>{for(const[t,n]of P)if(r.unref(o)>n)return t;return"md"});return r.computed(()=>{const t=s.findIndex(c=>c===e.countPerRow),n=r.unref(u);return n==="lg"?s[t+1]||e.countPerRow:n==="xs"&&s[t-1]||e.countPerRow})};exports.useCountPerRow=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),d=require("@vueuse/core"),m=require("lodash-unified"),f={xs:0,sm:768,md:1280,lg:1728},l=Object.entries(f).sort((t,s)=>s[1]-t[1]),w=t=>{const s=n.ref(0);n.watchEffect(e=>{const o=m.isUndefined(t.resizeTarget)?document.documentElement:t.resizeTarget,{stop:c}=d.useResizeObserver(o,u=>{const i=u[0],{width:a}=i.contentRect;s.value=a});e(()=>{c()})},{flush:"post"});const r=n.computed(()=>{for(const[e,o]of l)if(n.unref(s)>o)return e;return"md"});return n.computed(()=>{const e=t.countPerRow,o={xs:e-2,sm:e-1,md:e,lg:e+1};return Math.max(1,o[r.value])})};exports.useCountPerRow=w;

package/lib/src/ap-form/search-form/index.vue.d.ts

@@ -851,7 +851,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
     validateTrigger: string | string[];
     hideRequiredMark: boolean;
     validateOnRuleChange: boolean;
-    countPerRow: 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24;
+    countPerRow: number;
     defaultCollapse: boolean;
     customReset: boolean;
     extraInAction: boolean;

package/lib/src/ap-form/search-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const T=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),P=require("../../utils/index.js"),S=require("./utils.js");require("./components/popover-filter.vue.js");const G=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const J=require("./hooks/use-sorter.js"),K=require("./hooks/use-collapse-input-count.js"),Q=require("../../config-provider/hooks/use-namespace.js"),X=require("../../config-provider/hooks/use-locale.js"),E=require("../item/index.vue.js"),Y=require("./components/popover-filter.vue2.js"),Z=require("./components/popover-sorter/index.vue2.js"),ee=require("../ap-form.vue2.js");function te(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=24,oe=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(p,{expose:O}){var q;const u=e.useSlots(),o=p,{b:f}=Q.useNamespace("ap-form-search-form"),{t:B}=X.useLocale(),D=G.useCountPerRow(o),g=e.ref(),L=e.ref();function F(){var a;const t=(a=g.value)==null?void 0:a.getFieldsValueTransformed(!0);S.execFunc(o.onSubmit,t)}function j(){var t,a;o.customReset||(a=(t=g.value)==null?void 0:t.resetFields)==null||a.call(t),S.execFunc(o.onReset)}const M=t=>P.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let R=[];const m=e.shallowRef(T.genRealChildren(u.default())),i=e.shallowRef((q=u.extra)==null?void 0:q.call(u)),b=e.computed(()=>Math.floor(s/e.unref(D))),{items:y,sorted:k,handleClickConfirm:v}=J.useSorter(m);e.watch(()=>u.default(),t=>{R=m.value,m.value=S.diffFormItem(R,T.genRealChildren(t)),k.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{i.value=t});const n=e.computed(()=>{const t=m.value,a=[],l=[],h=[],c=e.unref(b);let x=0,C=0;const z=s*o.maxRows-c*(e.unref(i)&&!o.extraInAction?2:1);t.forEach(N=>{const d=K.getTargetNode(N).props;if(w.isBoolean(d.hidden)?!!d.hidden:P.isDef(d.hidden))a.push(N);else{let _=d.span||c;const A={node:N,span:_,key:`ApFormSearchFormItem-${M(d.name)}-${d._signal}`},I=s-x%s;I<_&&(_+=I),x+=_,x>z?l.push(A):(C=x,h.push(A))}});const V=s-(C+c)%s,$=C%s<c,H=V<c?s:V;return{hideNode:e.createVNode(e.Fragment,null,[a]),nodes:h,collapseNodes:l,extraSpan:H,lastRowOnlyIncludeActionAndExtra:$}}),U=e.computed(()=>{let t;const a=n.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{span:e.unref(b),key:"actionWrapper"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:n.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(i)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[a?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[n.value.collapseNodes.length?e.createVNode(Y.default,{onSubmit:F,config:n.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&y.value.length?e.createVNode(Z.default,{ref:"sorterIns",items:y.value,onClickConfirm:v,sorted:k.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:F,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:j,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(i):null]})]})]}),h=!o.extraInAction&&e.unref(i)?e.createVNode(r.Col,{span:n.value.extraSpan,key:"extraNode"},{default:()=>[e.createVNode(E.default,null,{default:()=>[e.createVNode(r.Flex,{justify:n.value.extraSpan===s||n.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},te(t=e.unref(i))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{span:n.value.extraSpan},null);return n.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||c,l]):e.createVNode(e.Fragment,null,[l,h])});function W(){var a;const t=(a=L.value)==null?void 0:a.getCachedList();v(t)}return O({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>y.value,setSorterItems:v,resetSorterItems:W}),(t,a)=>(e.openBlock(),e.createBlock(ee.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,span:l.span},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["span"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(U.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const P=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),E=require("../../utils/index.js"),F=require("./utils.js");require("./components/popover-filter.vue.js");const Q=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const X=require("./hooks/use-sorter.js"),Y=require("./hooks/use-collapse-input-count.js"),O=require("@fruits-chain/utils"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=require("../../config-provider/hooks/use-locale.js"),D=require("../item/index.vue.js"),te=require("./components/popover-filter.vue2.js"),oe=require("./components/popover-sorter/index.vue2.js"),ne=require("../ap-form.vue2.js");function ae(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!e.isVNode(p)}const s=100,le=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:5},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(p,{expose:L}){var V;const u=e.useSlots(),o=p,{b:f}=Z.useNamespace("ap-form-search-form"),{t:B}=ee.useLocale(),W=Q.useCountPerRow(o),g=e.ref(),j=e.ref();function R(){var n;const t=(n=g.value)==null?void 0:n.getFieldsValueTransformed(!0);F.execFunc(o.onSubmit,t)}function M(){var t,n;o.customReset||(n=(t=g.value)==null?void 0:t.resetFields)==null||n.call(t),F.execFunc(o.onReset)}const U=t=>E.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let b=[];const m=e.shallowRef(P.genRealChildren(u.default())),d=e.shallowRef((V=u.extra)==null?void 0:V.call(u)),k=e.computed(()=>O.floorWith(s/e.unref(W),4)),{items:v,sorted:q,handleClickConfirm:C}=X.useSorter(m);e.watch(()=>u.default(),t=>{b=m.value,m.value=F.diffFormItem(b,P.genRealChildren(t)),q.value=!1}),e.watch(()=>{var t;return(t=u.extra)==null?void 0:t.call(u)},t=>{d.value=t});function $(t){return O.floorWith(t*(s/24),4)}const a=e.computed(()=>{const t=m.value,n=[],l=[],x=[],c=e.unref(k);let y=0,N=0;const G=s*o.maxRows-c*(e.unref(d)&&!o.extraInAction?2:1);t.forEach(S=>{const i=Y.getTargetNode(S).props;if(w.isBoolean(i.hidden)?!!i.hidden:E.isDef(i.hidden))n.push(S);else{let _=i.span?$(i.span):c;const I={node:S,span:_,key:`ApFormSearchFormItem-${U(i.name)}-${i._signal}`},T=s-y%s;T<_&&(_+=T),y+=_,y>G?l.push(I):(N=y,x.push(I))}});const A=s-(N+c)%s,J=Math.ceil(N)%s<c,K=A<c?s:A;return{hideNode:e.createVNode(e.Fragment,null,[n]),nodes:x,collapseNodes:l,extraSpan:K,lastRowOnlyIncludeActionAndExtra:J}}),h=t=>`${t}%`,z=e.computed(()=>{let t;const n=a.value.collapseNodes.length||o.sortable&&m.value.length,l=e.createVNode(r.Col,{flex:h(e.unref(k)),key:"actionWrapper"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(r.Flex,{wrap:"wrap",justify:a.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(d)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(r.Flex,{gap:8,wrap:"wrap"},{default:()=>[n?e.createVNode("div",{class:f("column-setting-trigger-wrapper")},[a.value.collapseNodes.length?e.createVNode(te.default,{onSubmit:R,config:a.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&v.value.length?e.createVNode(oe.default,{ref:"sorterIns",items:v.value,onClickConfirm:C,sorted:q.value},null):null]):null,e.createVNode(r.Button,{type:"primary",onClick:R,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:f("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(r.Button,{onClick:M,type:"text",class:[f("action-btn"),f("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(d):null]})]})]}),x=!o.extraInAction&&e.unref(d)?e.createVNode(r.Col,{flex:h(a.value.extraSpan),key:"extraNode"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(r.Flex,{justify:a.value.extraSpan===s||a.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},ae(t=e.unref(d))?t:{default:()=>[t]})]})]}):null,c=e.createVNode(r.Col,{flex:h(a.value.extraSpan)},null);return a.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[x||c,l]):e.createVNode(e.Fragment,null,[l,x])});function H(){var n;const t=(n=j.value)==null?void 0:n.getCachedList();C(t)}return L({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>v.value,setSorterItems:C,resetSorterItems:H}),(t,n)=>(e.openBlock(),e.createBlock(ne.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(f)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value.hideNode))),e.createVNode(e.unref(r.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value.nodes,l=>(e.openBlock(),e.createBlock(e.unref(r.Col),{key:l.key,flex:h(l.span),style:e.normalizeStyle({maxWidth:h(l.span)})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.node)))]),_:2},1032,["flex","style"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=le;

package/lib/src/ap-grid/editable/form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),g=require("../../ap-form/index.js"),i=require("lodash-unified");require("../../config-provider/index.js");const h=require("../../utils/index.js"),k=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const E=require("../../ap-form/context.js"),O=require("../../ap-form/utils/get.js"),P=require("../../config-provider/hooks/use-namespace.js"),z=require("../../config-provider/hooks/use-global-config.js"),K=require("../index.vue.js"),A=o.defineComponent({name:"EditableGridFormItem",__name:"form-item",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},tableLayout:{default:"fixed"},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean},rowSelection:{type:Boolean,default:void 0},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function]},treeConfig:{},columns:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(y,{expose:C}){const w=o.useSlots(),u=y,{b}=P.useNamespace("editable-grid"),{internalInstance:t,model:x}=E.useInjectForm(),p=o.toRef(u.name),d=o.ref(O.getModelValue(o.unref(x),p.value)||[]),R=g.ApForm.useWatch(p);o.watch(()=>R.value,async e=>{var l;await o.nextTick(),d.value=e,(l=u.onChange)==null||l.call(u,e)},{deep:!0});const c=o.ref(),v=z.useGlobalConfig("valueTypeMap"),B=k.useGetEditableColumns(u,v);function S(e,l){var n;const s=((n=o.unref(d))==null?void 0:n.length)||0;if(h.isDef(u.maxLength)&&s>=u.maxLength)return;const a={...e||{}};t==null||t.setFieldValue(u.name,a,!0,(r,f)=>{if(!r[f]){r[f]=[a];return}i.isUndefined(l)?r[f].push(a):r[f].splice(l,0,a)})}function F(e,l="suffix"){var r;const s=((r=o.unref(d))==null?void 0:r.length)||0,a=i.isNumber(e)?e:e.length;if(h.isDef(u.maxLength)&&s+a>u.maxLength)return;const n=i.isNumber(e)?new Array(e).fill(0).map(()=>({})):i.cloneDeep(e);t==null||t.setFieldValue(u.name,n,!0,(f,m)=>{if(!f[m]){f[m]=[...n];return}l==="suffix"?f[m].push(...n):f[m].unshift(...n)})}function N(e){const l=new Set(i.isNumber(e)?[e]:e);t==null||t.setFieldValue(u.name,void 0,!0,(s,a)=>{s[a]=s[a].filter((n,r)=>!l.has(r))})}function _(e){var s;const l=new Set(i.isArray(e)?e:[e]);l.size!==0&&((s=t==null?void 0:t.setFieldValue)==null||s.call(t,u.name,void 0,!0,(a,n)=>{a[n]=a[n].filter(r=>!l.has(r[u.rowKey]))}))}function q(){return o.unref(d)}function D(e){var l;return(l=o.unref(d))==null?void 0:l[e]}function T(e,l,s=!0){t==null||t.setFieldValue(u.name,void 0,!0,(a,n)=>{if(!(!a[n]||!a[n][e])){if(!s){const r=Object.keys(a[n][e]);for(const f of r)f!==u.rowKey&&delete a[n][e][f]}Object.assign(a[n][e],{...l})}})}function V(e){t==null||t.setFieldValue(u.name,e)}function L(e){var s;const l=e==="end"?d.value.length-1:e;(s=c.value)==null||s.scrollToRow(l)}function j(){var e;(e=t==null?void 0:t.setFieldValue)==null||e.call(t,u.name,[])}return C({add:S,remove:N,getRowData:D,getRowsData:q,setRowData:T,addMultiple:F,scrollTo:L,setTableData:V,clear:j,removeByKey:_}),(e,l)=>(o.openBlock(),o.createBlock(o.unref(g.ApForm).FormItem,o.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:o.withCtx(()=>[o.createVNode(K.default,o.mergeProps(o.unref(i.omit)(u,["name","value","onUpdate:value","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:c,class:o.unref(b)(),columns:o.unref(B),"data-source":d.value,"search-form":!1}),o.createSlots({_:2},[o.renderList(w,(s,a)=>({name:a,fn:o.withCtx(n=>[o.renderSlot(e.$slots,a,o.normalizeProps(o.guardReactiveProps(n||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),g=require("../../ap-form/index.js"),i=require("lodash-unified");require("../../config-provider/index.js");const h=require("../../utils/index.js"),k=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const E=require("../../ap-form/context.js"),O=require("../../ap-form/utils/get.js"),P=require("../../config-provider/hooks/use-namespace.js"),z=require("../../config-provider/hooks/use-global-config.js"),K=require("../index.vue.js"),A=o.defineComponent({name:"EditableGridFormItem",__name:"form-item",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},tableLayout:{default:"fixed"},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean},rowSelection:{type:Boolean,default:void 0},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function]},treeConfig:{},onReady:{},columns:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(y,{expose:C}){const w=o.useSlots(),u=y,{b}=P.useNamespace("editable-grid"),{internalInstance:t,model:x}=E.useInjectForm(),p=o.toRef(u.name),d=o.ref(O.getModelValue(o.unref(x),p.value)||[]),R=g.ApForm.useWatch(p);o.watch(()=>R.value,async e=>{var l;await o.nextTick(),d.value=e,(l=u.onChange)==null||l.call(u,e)},{deep:!0});const c=o.ref(),v=z.useGlobalConfig("valueTypeMap"),B=k.useGetEditableColumns(u,v);function S(e,l){var n;const s=((n=o.unref(d))==null?void 0:n.length)||0;if(h.isDef(u.maxLength)&&s>=u.maxLength)return;const a={...e||{}};t==null||t.setFieldValue(u.name,a,!0,(r,f)=>{if(!r[f]){r[f]=[a];return}i.isUndefined(l)?r[f].push(a):r[f].splice(l,0,a)})}function F(e,l="suffix"){var r;const s=((r=o.unref(d))==null?void 0:r.length)||0,a=i.isNumber(e)?e:e.length;if(h.isDef(u.maxLength)&&s+a>u.maxLength)return;const n=i.isNumber(e)?new Array(e).fill(0).map(()=>({})):i.cloneDeep(e);t==null||t.setFieldValue(u.name,n,!0,(f,m)=>{if(!f[m]){f[m]=[...n];return}l==="suffix"?f[m].push(...n):f[m].unshift(...n)})}function N(e){const l=new Set(i.isNumber(e)?[e]:e);t==null||t.setFieldValue(u.name,void 0,!0,(s,a)=>{s[a]=s[a].filter((n,r)=>!l.has(r))})}function _(e){var s;const l=new Set(i.isArray(e)?e:[e]);l.size!==0&&((s=t==null?void 0:t.setFieldValue)==null||s.call(t,u.name,void 0,!0,(a,n)=>{a[n]=a[n].filter(r=>!l.has(r[u.rowKey]))}))}function q(){return o.unref(d)}function D(e){var l;return(l=o.unref(d))==null?void 0:l[e]}function T(e,l,s=!0){t==null||t.setFieldValue(u.name,void 0,!0,(a,n)=>{if(!(!a[n]||!a[n][e])){if(!s){const r=Object.keys(a[n][e]);for(const f of r)f!==u.rowKey&&delete a[n][e][f]}Object.assign(a[n][e],{...l})}})}function V(e){t==null||t.setFieldValue(u.name,e)}function L(e){var s;const l=e==="end"?d.value.length-1:e;(s=c.value)==null||s.scrollToRow(l)}function j(){var e;(e=t==null?void 0:t.setFieldValue)==null||e.call(t,u.name,[])}return C({add:S,remove:N,getRowData:D,getRowsData:q,setRowData:T,addMultiple:F,scrollTo:L,setTableData:V,clear:j,removeByKey:_}),(e,l)=>(o.openBlock(),o.createBlock(o.unref(g.ApForm).FormItem,o.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:o.withCtx(()=>[o.createVNode(K.default,o.mergeProps(o.unref(i.omit)(u,["name","value","onUpdate:value","maxLength","onChange","defaultValue","formItem"]),{ref_key:"tableRef",ref:c,class:o.unref(b)(),columns:o.unref(B),"data-source":d.value,"search-form":!1}),o.createSlots({_:2},[o.renderList(w,(s,a)=>({name:a,fn:o.withCtx(n=>[o.renderSlot(e.$slots,a,o.normalizeProps(o.guardReactiveProps(n||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=A;

package/lib/src/ap-grid/editable/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),y=require("../../ap-form/index.js"),c=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const C=require("../../utils/index.js"),P=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const H=require("../../config-provider/hooks/use-namespace.js"),I=require("../../hooks/useControllableValue.js"),G=require("../../config-provider/hooks/use-global-config.js"),U=require("../index.vue.js"),W=a.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},tableLayout:{default:"fixed"},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean},rowSelection:{type:Boolean,default:void 0},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function]},treeConfig:{},columns:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:v,emit:b}){const x=a.useSlots(),l=w,{b:R}=H.useNamespace("editable-grid"),B=b,g=a.ref(),{value:p,updateValue:F}=I.useControllableValue(l,B),i=a.ref(),S=G.useGlobalConfig("valueTypeMap"),h=y.ApForm.useWatch(l.name,i);a.watch(()=>h.value,e=>{var t;F(e),(t=l.onChange)==null||t.call(l,e)},{deep:!0,flush:"post"}),a.watch(p,e=>{var t;e!==a.unref(h)&&(c.isEqual(e,a.unref(h))||(t=i.value)==null||t.setFieldValue(l.name,e))},{deep:!0});const _=P.useGetEditableColumns(l,S);function N(){var e;(e=i.value)==null||e.resetFields()}function V(e){return e?(c.isArray(e)?e:[e]).map(n=>c.isArray(n)?[l.name,...n]:[l.name,n]):void 0}async function q(e,t){var o;const n=await((o=i.value)==null?void 0:o.validateFields(V(e),t));return n==null?void 0:n[l.name]}function A(e,t){var r,u,s;const n=((r=a.unref(p))==null?void 0:r.length)||0;if(C.isDef(l.maxLength)&&n>=l.maxLength)return;const o={...e||{}};(s=(u=i.value)==null?void 0:u.setFieldValue)==null||s.call(u,l.name,o,!0,(d,f)=>{if(!d[f]){d[f]=[o];return}c.isUndefined(t)?d[f].push(o):d[f].splice(t,0,o)})}function D(e,t="suffix"){var u,s,d;const n=((u=a.unref(p))==null?void 0:u.length)||0,o=c.isNumber(e)?e:e.length;if(C.isDef(l.maxLength)&&n+o>l.maxLength)return;const r=c.isNumber(e)?new Array(e).fill(0).map(()=>({})):c.cloneDeep(e);(d=(s=i.value)==null?void 0:s.setFieldValue)==null||d.call(s,l.name,r,!0,(f,m)=>{if(!f[m]){f[m]=[...r];return}t==="suffix"?f[m].push(...r):f[m].unshift(...r)})}function E(e){var n,o;const t=new Set(c.isNumber(e)?[e]:e);(o=(n=i.value)==null?void 0:n.setFieldValue)==null||o.call(n,l.name,void 0,!0,(r,u)=>{r[u]=r[u].filter((s,d)=>!t.has(d))})}function L(e){var n,o;const t=new Set(c.isArray(e)?e:[e]);t.size!==0&&((o=(n=i.value)==null?void 0:n.setFieldValue)==null||o.call(n,l.name,void 0,!0,(r,u)=>{r[u]=r[u].filter(s=>!t.has(s[l.rowKey]))}))}function T(){return a.unref(p)}function k(e){var t;(t=i.value)==null||t.setFieldValue(l.name,e)}function j(e){var t;return(t=a.unref(p))==null?void 0:t[e]}function O(e,t,n=!0){var o,r;(r=(o=i.value)==null?void 0:o.setFieldValue)==null||r.call(o,l.name,void 0,!0,(u,s)=>{if(!(!u[s]||!u[s][e])){if(!n){const d=Object.keys(u[s][e]);for(const f of d)f!==l.rowKey&&delete u[s][e][f]}Object.assign(u[s][e],{...t})}})}function z(e){var n;const t=e==="end"?p.value.length-1:e;(n=g.value)==null||n.scrollToRow(t)}function K(){var e,t;(t=(e=i.value)==null?void 0:e.setFieldValue)==null||t.call(e,l.name,[])}return v({resetFields:N,validateFields:q,add:A,remove:E,getRowData:j,getRowsData:T,setRowData:O,addMultiple:D,scrollTo:z,clear:K,setTableData:k,removeByKey:L}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(y.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[l.name]:a.unref(p)},style:{height:"100%"}},{default:a.withCtx(()=>[a.createVNode(a.unref(y.ApForm).FormItem,{name:e.name,"no-style":""},{default:a.withCtx(()=>[a.createVNode(U.default,a.mergeProps(a.unref(c.omit)(l,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:g,class:a.unref(R)(),columns:a.unref(_),"data-source":a.unref(p),"search-form":!1}),a.createSlots({_:2},[a.renderList(x,(n,o)=>({name:o,fn:a.withCtx(r=>[a.renderSlot(e.$slots,o,a.normalizeProps(a.guardReactiveProps(r||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),y=require("../../ap-form/index.js"),c=require("lodash-unified");require("../../config-provider/index.js");require("../../hooks/index.js");const C=require("../../utils/index.js"),P=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const H=require("../../config-provider/hooks/use-namespace.js"),I=require("../../hooks/useControllableValue.js"),G=require("../../config-provider/hooks/use-global-config.js"),U=require("../index.vue.js"),W=a.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},tableLayout:{default:"fixed"},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean},rowSelection:{type:Boolean,default:void 0},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function]},treeConfig:{},onReady:{},columns:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:v,emit:b}){const x=a.useSlots(),l=w,{b:R}=H.useNamespace("editable-grid"),B=b,g=a.ref(),{value:p,updateValue:F}=I.useControllableValue(l,B),i=a.ref(),S=G.useGlobalConfig("valueTypeMap"),h=y.ApForm.useWatch(l.name,i);a.watch(()=>h.value,e=>{var t;F(e),(t=l.onChange)==null||t.call(l,e)},{deep:!0,flush:"post"}),a.watch(p,e=>{var t;e!==a.unref(h)&&(c.isEqual(e,a.unref(h))||(t=i.value)==null||t.setFieldValue(l.name,e))},{deep:!0});const _=P.useGetEditableColumns(l,S);function N(){var e;(e=i.value)==null||e.resetFields()}function V(e){return e?(c.isArray(e)?e:[e]).map(n=>c.isArray(n)?[l.name,...n]:[l.name,n]):void 0}async function q(e,t){var o;const n=await((o=i.value)==null?void 0:o.validateFields(V(e),t));return n==null?void 0:n[l.name]}function A(e,t){var r,u,s;const n=((r=a.unref(p))==null?void 0:r.length)||0;if(C.isDef(l.maxLength)&&n>=l.maxLength)return;const o={...e||{}};(s=(u=i.value)==null?void 0:u.setFieldValue)==null||s.call(u,l.name,o,!0,(d,f)=>{if(!d[f]){d[f]=[o];return}c.isUndefined(t)?d[f].push(o):d[f].splice(t,0,o)})}function D(e,t="suffix"){var u,s,d;const n=((u=a.unref(p))==null?void 0:u.length)||0,o=c.isNumber(e)?e:e.length;if(C.isDef(l.maxLength)&&n+o>l.maxLength)return;const r=c.isNumber(e)?new Array(e).fill(0).map(()=>({})):c.cloneDeep(e);(d=(s=i.value)==null?void 0:s.setFieldValue)==null||d.call(s,l.name,r,!0,(f,m)=>{if(!f[m]){f[m]=[...r];return}t==="suffix"?f[m].push(...r):f[m].unshift(...r)})}function E(e){var n,o;const t=new Set(c.isNumber(e)?[e]:e);(o=(n=i.value)==null?void 0:n.setFieldValue)==null||o.call(n,l.name,void 0,!0,(r,u)=>{r[u]=r[u].filter((s,d)=>!t.has(d))})}function L(e){var n,o;const t=new Set(c.isArray(e)?e:[e]);t.size!==0&&((o=(n=i.value)==null?void 0:n.setFieldValue)==null||o.call(n,l.name,void 0,!0,(r,u)=>{r[u]=r[u].filter(s=>!t.has(s[l.rowKey]))}))}function T(){return a.unref(p)}function k(e){var t;(t=i.value)==null||t.setFieldValue(l.name,e)}function j(e){var t;return(t=a.unref(p))==null?void 0:t[e]}function O(e,t,n=!0){var o,r;(r=(o=i.value)==null?void 0:o.setFieldValue)==null||r.call(o,l.name,void 0,!0,(u,s)=>{if(!(!u[s]||!u[s][e])){if(!n){const d=Object.keys(u[s][e]);for(const f of d)f!==l.rowKey&&delete u[s][e][f]}Object.assign(u[s][e],{...t})}})}function z(e){var n;const t=e==="end"?p.value.length-1:e;(n=g.value)==null||n.scrollToRow(t)}function K(){var e,t;(t=(e=i.value)==null?void 0:e.setFieldValue)==null||t.call(e,l.name,[])}return v({resetFields:N,validateFields:q,add:A,remove:E,getRowData:j,getRowsData:T,setRowData:O,addMultiple:D,scrollTo:z,clear:K,setTableData:k,removeByKey:L}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(y.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[l.name]:a.unref(p)},style:{height:"100%"}},{default:a.withCtx(()=>[a.createVNode(a.unref(y.ApForm).FormItem,{name:e.name,"no-style":""},{default:a.withCtx(()=>[a.createVNode(U.default,a.mergeProps(a.unref(c.omit)(l,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:g,class:a.unref(R)(),columns:a.unref(_),"data-source":a.unref(p),"search-form":!1}),a.createSlots({_:2},[a.renderList(x,(n,o)=>({name:o,fn:a.withCtx(r=>[a.renderSlot(e.$slots,o,a.normalizeProps(a.guardReactiveProps(r||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=W;

package/lib/src/ap-grid/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("vxe-table");require("vxe-table/es/style.css");const i=require("lodash-unified"),be=require("../ap-form/index.js");require("../config-provider/index.js");const Re=require("../ap-table/constants.js"),p=require("../ap-table/utils.js"),xe=require("../ap-table/hooks/use-table-paging-ng.js"),b=require("@aplus-frontend/antdv"),ke=require("./hooks/use-inner-params.js"),F=require("./utils/table.js"),Be=require("./hooks/use-row-selection.js"),Fe=require("../ap-table/context.js"),E=require("./constants.js"),Ee=require("./hooks/use-render-columns.js"),Ie=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ne=require("../utils/index.js"),Pe=require("../utils/slot.js"),ze=require("./hooks/use-table-style.js"),Ve=require("../config-provider/hooks/use-namespace.js"),qe=require("../config-provider/hooks/use-global-config.js"),Te=require("../config-provider/hooks/use-locale.js"),_e=require("../scroll-bar/index.vue.js"),Ae=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function],default:!1},treeConfig:{}},setup(M,{expose:W}){var U;const g=e.useSlots(),o=M,y=(U=e.getCurrentInstance())==null?void 0:U.appContext.app;y&&!y.__VXE_PC_UI_INSTALLED__&&(y.use(v.VxeUI),y.__VXE_PC_UI_INSTALLED__=!0);const{e:S,b:u,be:j}=Ve.useNamespace("ap-grid"),H=qe.useGlobalConfig("valueTypeMap"),s=e.ref([]),I=e.ref([]),l=e.ref(),w=e.ref(o.size),G=ze.useTableStyle(),[,X]=Ie.useToken(),{t:J}=Te.useLocale();v.VxeUI.setConfig({i18n:(t,r)=>J(`ap.${t}`,r)});const{renderConfig:Q,updateSignal:Y}=Ee.useRenderColumns(s);let N=0;const Z=e.computed(()=>{if(l.value)return l.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),P=e.computed(()=>{var t,r,n;return N++,((n=(r=(t=o.columns)==null?void 0:t.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!Re.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:r.sort((a,c)=>{let h=p.getColumnOrder(a.order);return p.getColumnOrder(c.order)-h}))==null?void 0:n.map(a=>{const c=p.updateFormProps(a,p.getFieldProps(a.fieldProps,{})),h={...a,fieldProps:{label:a.title,name:a.dataIndex,bordered:!0,...c||{},_signal:N},renderNode:void 0};return h.renderNode=p.getSearchFormItemRenderNode(h,e.unref(H)),h}))||[]}),ee=e.computed(()=>{var r;return Ne.isDef(o.manual)?o.manual:Pe.getValidVNodeList(((r=g.searchFormExtra)==null?void 0:r.call(g))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),te=e.computed(()=>[u(),o.card?null:u("wrapper"),o.adaptive?u("adaptive"):null,o.sticky?u("sticky"):null].filter(Boolean)),z=e.computed(()=>p.recursionApColumns(e.unref(s),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),V=e.computed(()=>p.recursionApColumns(e.unref(s),t=>{if(t.filters&&!t.onFilter)return t.key||t.dataIndex}).filter(Boolean)),{formRef:m,submit:R,reset:x,refresh:q,data:d,tableProps:T,setDataSource:re,handleTableChangeOptional:oe,getPaging:ae,setPaging:ne,submitWith:_}=xe.useTablePaging({async request(t){var n;if(!f.value.preserveSelectedRowKeys&&i.isUndefined(o.dataSource)&&B(),!i.isUndefined(o.dataSource)){const a=t.pageSize*(t.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(a,a+t.pageSize))||[],total:o.dataSource.length||0}}const r=await((n=o.request)==null?void 0:n.call(o,t));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:V,sortFields:z,params:e.toRef(o,"params"),defaultData:o.defaultData,manual:e.unref(ee),formatParams:o.beforeSearchSubmit,pagination:o.pagination,onClickReset:Se,onAfterRequest:$}),{sortChangeEvent:le,filterChangeEvent:se,paginationChangeEvent:ue}=ke.useInnerParams(oe);Fe.useProvideApTable({columns:e.computed(()=>s.value),columnsBackup:e.computed(()=>I.value),size:e.computed(()=>E.sizeMap[w.value]),updateColumns(t){var r;s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t)},updateSize(t){w.value=E.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:j("table-header","title"),color:X.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(d).records),getSearchFormValues:L,setSearchFormValues:A,submit:R,submitWith:_,reset:x,refresh:q,getSearchFormSorterItems:K,setSearchFormSorterItems:D,resetSearchFormSorterItems:O});const ce=e.computed(()=>s.value.some(t=>t.fixed==="left"||t.fixed===!0)?"left":void 0),ie=e.computed(()=>i.isUndefined(o.loading)?d.loading:o.loading),de=e.computed(()=>i.isUndefined(o.dataSource)?d.records:o.dataSource),{selectedRows:k,rowSelection:f,...C}=Be.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:de,rowKey:o.rowKey}),fe=({checked:t})=>{const r=l.value;r&&r&&C.selectChange(t,r.getCheckboxRecords(),r.getCheckboxReserveRecords())},pe=({checked:t})=>{const r=l.value;r&&C.selectAllChange(t,[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},me=()=>{const t=l.value;t&&C.selectRangeChange(t.getCheckboxRecords(),[...t.getCheckboxReserveRecords(),...t.getCheckboxRecords()])},ge=()=>{const t=l.value;t&&(k.value=[t.getRadioRecord()])},Ce=({row:t})=>{const r=o.rowHighlightable;i.isFunction(r)&&r(t)};function he(){var t;return((t=o.columns)==null?void 0:t.filter(r=>!r.hideInTable))||[]}function A(t){var r,n,a;(a=(n=(r=m.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,t)}function L(t=!1){var n,a,c;const r=t?"getFieldsValueTransformed":"getFieldsValue";return(c=(a=(n=m.value)==null?void 0:n.apForm)==null?void 0:a[r])==null?void 0:c.call(a,!0)}function K(){var t;return((t=m.value)==null?void 0:t.getSorterItems())||[]}function D(t){var r;(r=m.value)==null||r.setSorterItems(t)}function O(){var t;(t=m.value)==null||t.resetSorterItems()}function B(){C.clearAll();const t=l.value;t&&(f.value.type==="radio"?(t.clearRadioRow(),t.clearRadioReserve()):(t.clearCheckboxRow(),t.clearCheckboxReserve()))}function ve(t){i.isFunction(o.rowKey)||(C.selectMultiByKeys(t),$())}function ye(t){const r=l.value;if(!r)return;const n=String(t[o.rowKey]),a=r.getRowById(n);r.setCurrentRow(a)}function Se(){const t=l.value;t&&(t.clearSort(),t.clearFilter())}function $(){e.nextTick(()=>{var t,r;f.value.type==="radio"?(t=l.value)==null||t.setRadioRowKey(f.value.selectedRowKeys[0]):(r=l.value)==null||r.setCheckboxRowKey(f.value.selectedRowKeys,!0)})}async function we(t,r){var a;const n=d.records[t];if(n)return(a=l.value)==null?void 0:a.scrollToRow(n,r)}return e.watch(()=>[o.columnResizable,o.columns],()=>{var r;const t=he();s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t),I.value=t},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,t=>{re(t)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(d).loading,t=>{var r;(r=o.onLoadingChange)==null||r.call(o,t)}),e.watch(()=>o.size,t=>{w.value=t}),W({submit:R,reset:x,refresh:q,submitWith:_,setSearchFormValues:A,getSearchFormValues:L,getShowColumns:()=>e.unref(s),rowSelection:{selectedRows:e.computed(()=>k.value),setSelectedRowKeys:ve,clearAll:B},scrollToRow:we,getDataSource:()=>e.unref(d.records),setCurrentRow:ye,getPaging:ae,setPaging:ne,getSearchFormSorterItems:K,setSearchFormSorterItems:D,resetSearchFormSorterItems:O}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(te.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(i.isUndefined)(t.dataSource)&&t.searchForm!==!1&&P.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(be.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:m,"custom-reset":"","submit-loading":e.unref(T).loading,onSubmit:e.unref(R),onReset:e.unref(x)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(S)("table-wrapper"),t.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(k),selectedRowKeys:e.unref(f).selectedRowKeys,shownColumns:s.value,clearAll:B})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(v.VxeTable),e.mergeProps(e.unref(F.toVxeProps)(o),{ref_key:"tableRef",ref:l,key:e.unref(Y),data:e.unref(d).records,"sort-config":{remote:z.value.length>0,trigger:"cell"},"filter-config":{remote:V.value.length>0},loading:ie.value,style:e.unref(G),size:w.value,onSortChange:e.unref(le),onFilterChange:e.unref(se),onCheckboxChange:fe,onCheckboxRangeChange:me,onCheckboxAll:pe,onRadioChange:ge,onCurrentRowChange:Ce}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(b.Empty),{image:e.unref(b.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),loading:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(S)("table-loading-wrapper"))},[e.createVNode(e.unref(b.Spin))],2)]),default:e.withCtx(()=>[o.expandable&&s.value.length?(e.openBlock(),e.createBlock(e.unref(v.VxeColumn),e.mergeProps({key:0},e.unref(F.getRowExpandProps)(t.expandable),{fixed:ce.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),o.rowSelection&&s.value.length?(e.openBlock(),e.createBlock(e.unref(v.VxeColumn),e.mergeProps({key:1},e.unref(F.getRowSelectionProps)(e.unref(f),s.value,o.size),{resizable:!1,field:e.unref(E.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Q),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(i.omit)(g,["searchFormExtra"]),(n,a)=>({name:a,fn:e.withCtx(c=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[t.sticky?(e.openBlock(),e.createBlock(e.unref(_e.default),{key:0,direction:"horizontal","scroll-container":Z.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(b.Pagination),e.mergeProps({key:1,class:e.unref(u)("pagination")},e.unref(T).pagination,{onChange:e.unref(ue)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Ae;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("vxe-table");require("vxe-table/es/style.css");const u=require("lodash-unified"),Be=require("../ap-form/index.js");require("../config-provider/index.js");const Fe=require("../ap-table/constants.js"),m=require("../ap-table/utils.js"),Ee=require("../ap-table/hooks/use-table-paging-ng.js"),R=require("@aplus-frontend/antdv"),Ie=require("./hooks/use-inner-params.js"),F=require("./utils/table.js"),Ne=require("./hooks/use-row-selection.js"),Pe=require("../ap-table/context.js"),E=require("./constants.js"),qe=require("./hooks/use-render-columns.js"),ze=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ve=require("../utils/index.js"),Te=require("../utils/slot.js"),_e=require("./hooks/use-table-style.js"),Ae=require("../config-provider/hooks/use-namespace.js"),Ke=require("../config-provider/hooks/use-global-config.js"),Le=require("../config-provider/hooks/use-locale.js"),De=require("../scroll-bar/index.vue.js"),Oe=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},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],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function],default:!1},treeConfig:{},onReady:{}},setup(W,{expose:j}){var U;const C=e.useSlots(),o=W,v=(U=e.getCurrentInstance())==null?void 0:U.appContext.app;v&&!v.__VXE_PC_UI_INSTALLED__&&(v.use(y.VxeUI),v.__VXE_PC_UI_INSTALLED__=!0);const{e:w,b:i,be:H}=Ae.useNamespace("ap-grid"),G=Ke.useGlobalConfig("valueTypeMap"),s=e.ref([]),I=e.ref([]),l=e.ref(),S=e.ref(o.size),X=_e.useTableStyle(),[,J]=ze.useToken(),{t:Q}=Le.useLocale();y.VxeUI.setConfig({i18n:(t,r)=>Q(`ap.${t}`,r)});const{renderConfig:Y,updateSignal:Z}=qe.useRenderColumns(s);let N=0;const ee=e.computed(()=>{if(l.value)return l.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),P=e.computed(()=>{var t,r,n;return N++,((n=(r=(t=o.columns)==null?void 0:t.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!Fe.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:r.sort((a,c)=>{let p=m.getColumnOrder(a.order);return m.getColumnOrder(c.order)-p}))==null?void 0:n.map(a=>{const c=m.updateFormProps(a,m.getFieldProps(a.fieldProps,{})),p={...a,fieldProps:{label:a.title,name:a.dataIndex,bordered:!0,...c||{},_signal:N},renderNode:void 0};return p.renderNode=m.getSearchFormItemRenderNode(p,e.unref(G)),p}))||[]}),te=e.computed(()=>{var r;return Ve.isDef(o.manual)?o.manual:Te.getValidVNodeList(((r=C.searchFormExtra)==null?void 0:r.call(C))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),re=e.computed(()=>[i(),o.card?null:i("wrapper"),o.adaptive?i("adaptive"):null,o.sticky?i("sticky"):null].filter(Boolean)),q=e.computed(()=>m.recursionApColumns(e.unref(s),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),z=e.computed(()=>m.recursionApColumns(e.unref(s),t=>{if(t.filters&&!t.onFilter)return t.key||t.dataIndex}).filter(Boolean)),{formRef:g,submit:b,reset:x,refresh:V,data:d,tableProps:T,setDataSource:oe,handleTableChangeOptional:ae,getPaging:ne,setPaging:le,submitWith:_}=Ee.useTablePaging({async request(t){var n;if(!f.value.preserveSelectedRowKeys&&u.isUndefined(o.dataSource)&&B(),!u.isUndefined(o.dataSource)){const a=t.pageSize*(t.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(a,a+t.pageSize))||[],total:o.dataSource.length||0}}const r=await((n=o.request)==null?void 0:n.call(o,t));return{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},namespace:"ap-grid",filterFields:z,sortFields:q,params:e.toRef(o,"params"),defaultData:o.defaultData,manual:e.unref(te),formatParams:o.beforeSearchSubmit,pagination:o.pagination,onClickReset:Se,onAfterRequest:Re}),{sortChangeEvent:se,filterChangeEvent:ue,paginationChangeEvent:ce}=Ie.useInnerParams(ae);Pe.useProvideApTable({columns:e.computed(()=>s.value),columnsBackup:e.computed(()=>I.value),size:e.computed(()=>E.sizeMap[S.value]),updateColumns(t){var r;s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t)},updateSize(t){S.value=E.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:H("table-header","title"),color:J.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(d).records),getSearchFormValues:K,setSearchFormValues:A,submit:b,submitWith:_,reset:x,refresh:V,getSearchFormSorterItems:L,setSearchFormSorterItems:D,resetSearchFormSorterItems:O});const ie=e.computed(()=>s.value.some(t=>t.fixed==="left"||t.fixed===!0)?"left":void 0),de=e.computed(()=>u.isUndefined(o.loading)?d.loading:o.loading),fe=e.computed(()=>u.isUndefined(o.dataSource)?d.records:o.dataSource),{selectedRows:k,rowSelection:f,...h}=Ne.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:fe,rowKey:o.rowKey}),pe=({checked:t})=>{const r=l.value;r&&r&&h.selectChange(t,r.getCheckboxRecords(),r.getCheckboxReserveRecords())},me=({checked:t})=>{const r=l.value;r&&h.selectAllChange(t,[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},ge=()=>{const t=l.value;t&&h.selectRangeChange(t.getCheckboxRecords(),[...t.getCheckboxReserveRecords(),...t.getCheckboxRecords()])},Ce=()=>{const t=l.value;t&&(k.value=[t.getRadioRecord()])},he=({row:t})=>{const r=o.rowHighlightable;u.isFunction(r)&&r(t)};function ye(){var t;return((t=o.columns)==null?void 0:t.filter(r=>!r.hideInTable))||[]}function A(t){var r,n,a;(a=(n=(r=g.value)==null?void 0:r.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,t)}function K(t=!1){var n,a,c;const r=t?"getFieldsValueTransformed":"getFieldsValue";return(c=(a=(n=g.value)==null?void 0:n.apForm)==null?void 0:a[r])==null?void 0:c.call(a,!0)}function L(){var t;return((t=g.value)==null?void 0:t.getSorterItems())||[]}function D(t){var r;(r=g.value)==null||r.setSorterItems(t)}function O(){var t;(t=g.value)==null||t.resetSorterItems()}function B(){h.clearAll();const t=l.value;t&&(f.value.type==="radio"?(t.clearRadioRow(),t.clearRadioReserve()):(t.clearCheckboxRow(),t.clearCheckboxReserve()))}function ve(t){u.isFunction(o.rowKey)||(h.selectMultiByKeys(t),$())}function we(t){const r=l.value;if(!r)return;const n=String(t[o.rowKey]),a=r.getRowById(n);r.setCurrentRow(a)}function Se(){const t=l.value;t&&(t.clearSort(),t.clearFilter())}function $(){e.nextTick(()=>{var t,r;f.value.type==="radio"?(t=l.value)==null||t.setRadioRowKey(f.value.selectedRowKeys[0]):(r=l.value)==null||r.setCheckboxRowKey(f.value.selectedRowKeys,!0)})}function Re(t){$(),o.onReady&&e.nextTick(()=>{o.onReady(t)})}async function be(t,r){var a;const n=d.records[t];if(n)return(a=l.value)==null?void 0:a.scrollToRow(n,r)}const xe=t=>u.isFunction(o.rowKey)?o.rowKey(t):t[o.rowKey];async function ke(t,r=!0){const n=l.value;if(!n)return;const a=u.isArray(t)?t:[t],p=(n.getData()||[]).filter(M=>a.includes(xe(M)));n.setRowExpand(p,r)}return e.watch(()=>[o.columnResizable,o.columns],()=>{var r;const t=ye();s.value=t,(r=o.onShownColumnsChange)==null||r.call(o,t),I.value=t},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,t=>{oe(t)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(d).loading,t=>{var r;(r=o.onLoadingChange)==null||r.call(o,t)}),e.watch(()=>o.size,t=>{S.value=t}),j({submit:b,reset:x,refresh:V,submitWith:_,setSearchFormValues:A,getSearchFormValues:K,getShowColumns:()=>e.unref(s),rowSelection:{selectedRows:e.computed(()=>k.value),setSelectedRowKeys:ve,clearAll:B},scrollToRow:be,getDataSource:()=>e.unref(d.records),setCurrentRow:we,getPaging:ne,setPaging:le,getSearchFormSorterItems:L,setSearchFormSorterItems:D,resetSearchFormSorterItems:O,setRowExpand:ke}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(re.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(u.isUndefined)(t.dataSource)&&t.searchForm!==!1&&P.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(Be.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:g,"custom-reset":"","submit-loading":e.unref(T).loading,onSubmit:e.unref(b),onReset:e.unref(x)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[C.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(w)("table-wrapper"),t.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(k),selectedRowKeys:e.unref(f).selectedRowKeys,shownColumns:s.value,clearAll:B})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(y.VxeTable),e.mergeProps(e.unref(F.toVxeProps)(o),{ref_key:"tableRef",ref:l,key:e.unref(Z),data:e.unref(d).records,"sort-config":{remote:q.value.length>0,trigger:"cell"},"filter-config":{remote:z.value.length>0},loading:de.value,style:e.unref(X),size:S.value,onSortChange:e.unref(se),onFilterChange:e.unref(ue),onCheckboxChange:pe,onCheckboxRangeChange:ge,onCheckboxAll:me,onRadioChange:Ce,onCurrentRowChange:he}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(R.Empty),{image:e.unref(R.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),loading:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(w)("table-loading-wrapper"))},[e.createVNode(e.unref(R.Spin))],2)]),default:e.withCtx(()=>[o.expandable&&s.value.length?(e.openBlock(),e.createBlock(e.unref(y.VxeColumn),e.mergeProps({key:0},e.unref(F.getRowExpandProps)(t.expandable),{fixed:ie.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),o.rowSelection&&s.value.length?(e.openBlock(),e.createBlock(e.unref(y.VxeColumn),e.mergeProps({key:1},e.unref(F.getRowSelectionProps)(e.unref(f),s.value,o.size),{resizable:!1,field:e.unref(E.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Y),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(u.omit)(C,["searchFormExtra"]),(n,a)=>({name:a,fn:e.withCtx(c=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(c||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("pagination-wrapper"))},[t.sticky?(e.openBlock(),e.createBlock(e.unref(De.default),{key:0,direction:"horizontal","scroll-container":ee.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(R.Pagination),e.mergeProps({key:1,class:e.unref(i)("pagination")},e.unref(T).pagination,{onChange:e.unref(ce)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Oe;

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

@@ -234,7 +234,7 @@ export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
         /**
          * 自定义渲染内容
          */
-        renderContent: VxeColumnSlots<RecordType>['content'];
+        renderContent: NonNullable<VxeColumnSlots<RecordType>['content']>;
         /**
          * 展开列占据的宽度，默认为auto
          */
@@ -256,6 +256,11 @@ export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 树形表格设置（部分vxe-table.treeConfig配置）
      */
     treeConfig?: Omit<VxeTablePropTypes.TreeConfig<RecordType>, 'transform' | 'iconOpen' | 'iconClose' | 'iconLoaded'>;
+    /**
+     * 当表格准备好后执行，可以在这个事件中执行表格的API操作
+     * @returns
+     */
+    onReady?: (records: RecordType[]) => void;
 };
 export type ApGridVirtualConfig = {
     x?: false | number;
@@ -366,4 +371,11 @@ export type ApGridExpose<SearchParamsType = Recordable, RecordType = any> = {
      * @returns
      */
     resetSearchFormSorterItems: () => void;
+    /**
+     * 根据rowKey设置展开行
+     * @param rowKeys
+     * @param expanded 设置展开与否，默认为`true`
+     * @returns
+     */
+    setRowExpand: (rowKeys: string | number | (string | number)[], expanded?: boolean) => Promise<void>;
 };