@aplus-frontend/ui 6.26.4 → 6.27.0

package/lib/src/ag-grid/hooks/use-columns-def.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../ap-table/utils.js"),T=require("../renderer/index.js"),n=require("lodash-unified"),p=require("vue");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../../config-provider/index.js");const g=require("../../ap-grid/utils/col.js"),h=require("../../utils/index.js"),_=require("../../config-provider/hooks/use-global-config.js"),q=require("../../config-provider/hooks/use-namespace.js"),w=require("../components/body-cell/index.vue2.js"),P=require("../components/header-cell/index.vue2.js");function R(t,s){if(s.bodyCellTooltip)return n.isFunction(s.bodyCellTooltip)?s.bodyCellTooltip(t.value,t.data):s.bodyCellTooltip;if(s.renderText)return s.renderText({value:t.value,record:t.data,column:s,text:t.value});const d=s.valueType||"text",o=T.rendererMap[d];if(o){const f=c.getTableRenderProps({...s,valueType:d},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:t.node?.rowIndex,pinned:t.node?.rowPinned});return o(f)}return c.objectToString(t.value)}const S=(t,s)=>{const d=_.useGlobalConfig("valueTypeMap"),{em:o}=q.useNamespace("ag-grid"),v=p.computed(()=>{const C=p.unref(t),b=i=>{const e={cellRenderer:w.default,cellRendererParams:{column:i,extraValueType:p.unref(d)}};if(i.customRender)return e;if(i.renderText)return{valueFormatter:r=>i.renderText({value:r.value,record:r.data,column:i,text:r.value})};const u=i.valueType||"text",a=T.rendererMap[u];return a?{valueFormatter:r=>{const l=c.getTableRenderProps({...i,valueType:u},{value:r.value,text:r.value,record:r.data,column:r.column,rowIndex:r.node?.rowIndex,pinned:r.node?.rowPinned});return a(l)}}:e};function x(i){return i.map(e=>{const u=e.bodyCellTooltip||!e.customRender&&(e.ellipsis===!0||e.ellipsis==="tooltip"||n.isNumber(e.ellipsis)),a={field:g.dataIndexToField(e.dataIndex),colId:h.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,cellClass:r=>{const l=e.cellClass||"",y=n.isFunction(l)?l(r.data,r.node):l;return[`${o("cell",e.align||"left")}`,y].flat().filter(Boolean)},cellStyle:{"--ag-grid-line-clamp":n.isNumber(e.ellipsis)?e.ellipsis:1},wrapText:!e.ellipsis||n.isNumber(e.ellipsis)&&e.ellipsis>=2,autoHeight:!0,tooltipValueGetter:u?r=>R(r,e):void 0,...b(e)};return e.children?.length?{...a,children:x(e.children)}:a})}return x(C)}),f=p.computed(()=>({headerComponent:P.default,resizable:s.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:v,defaultColDef:f}};exports.useColumnsDef=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../ap-table/utils.js"),T=require("../renderer/index.js"),n=require("lodash-unified"),p=require("vue");require("../components/body-cell/index.vue.js");require("../components/header-cell/index.vue.js");require("../../config-provider/index.js");const h=require("../../ap-grid/utils/col.js"),_=require("../../utils/index.js"),q=require("../../config-provider/hooks/use-global-config.js"),w=require("../../config-provider/hooks/use-namespace.js"),P=require("../components/body-cell/index.vue2.js"),R=require("../components/header-cell/index.vue2.js");function S(t,s){if(s.bodyCellTooltip)return n.isFunction(s.bodyCellTooltip)?s.bodyCellTooltip(t.value,t.data):s.bodyCellTooltip;if(s.renderText)return s.renderText({value:t.value,record:t.data,column:s,text:t.value});const d=s.valueType||"text",o=T.rendererMap[d];if(o){const f=c.getTableRenderProps({...s,valueType:d},{value:t.value,text:t.value,record:t.data,column:t.column,rowIndex:t.node?.rowIndex,pinned:t.node?.rowPinned});return o(f)}return c.objectToString(t.value)}const D=(t,s,d)=>{const o=q.useGlobalConfig("valueTypeMap"),{em:v}=w.useNamespace("ag-grid"),f=p.computed(()=>{const b=p.unref(t),y=i=>{const e={cellRenderer:P.default,cellRendererParams:{column:i,extraValueType:p.unref(o)}};if(i.customRender)return e;if(i.renderText)return{valueFormatter:r=>i.renderText({value:r.value,record:r.data,column:i,text:r.value})};const u=i.valueType||"text",a=T.rendererMap[u];return a?{valueFormatter:r=>{const l=c.getTableRenderProps({...i,valueType:u},{value:r.value,text:r.value,record:r.data,column:r.column,rowIndex:r.node?.rowIndex,pinned:r.node?.rowPinned});return a(l)}}:e};function x(i){return i.map(e=>{const u=e.bodyCellTooltip||!e.customRender&&(e.ellipsis===!0||e.ellipsis==="tooltip"||n.isNumber(e.ellipsis)),a={field:h.dataIndexToField(e.dataIndex),colId:_.isDef(e.key)?String(e.key):void 0,sortable:!!e.sorter,comparator:e.sorter===!0?()=>0:e.sorter,headerComponentParams:{column:e},resizable:e.resizable,width:e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,flex:e.width?void 0:1,pinned:e.fixed||null,colSpan:e.colSpan,cellClass:d(r=>{const l=e.cellClass||"",g=n.isFunction(l)?l(r.data,r.node):l;return[`${v("cell",e.align||"left")}`,g].flat().filter(Boolean)}),cellStyle:{"--ag-grid-line-clamp":n.isNumber(e.ellipsis)?e.ellipsis:1},wrapText:!e.ellipsis||n.isNumber(e.ellipsis)&&e.ellipsis>=2,autoHeight:!0,tooltipValueGetter:u?r=>S(r,e):void 0,...y(e)};return e.children?.length?{...a,children:x(e.children)}:a})}return x(b)}),C=p.computed(()=>({headerComponent:R.default,resizable:s.columnResizable,suppressMovable:!0,cellDataType:!1}));return{columnDefs:f,defaultColDef:C}};exports.useColumnsDef=D;

package/lib/src/ag-grid/hooks/use-columns.d.ts

@@ -4,6 +4,6 @@ import { AgGridColumnType, AgGridProps } from '../interface';
  * 维护/更新表格将要显示的类
  */
 export declare const useColumns: <RecordType>(props: AgGridProps<RecordType>) => {
+    columns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
     shownColumns: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
-    shownColumnsBackup: Ref<AgGridColumnType<RecordType>[], AgGridColumnType<RecordType>[]>;
 };

package/lib/src/ag-grid/hooks/use-columns.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=n=>{const o=u.ref([]),t=u.ref([]);function s(){return n.columns?.filter(e=>!e.hideInTable)||[]}return u.watch(()=>n.columns,()=>{const e=s();o.value=e,t.value=e,n.onShownColumnsChange?.(e)},{deep:!0,immediate:!0}),{shownColumns:o,shownColumnsBackup:t}};exports.useColumns=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=n=>{const o=u.ref([]),t=u.ref([]);function s(){return n.columns?.filter(e=>!e.hideInTable)||[]}return u.watch(()=>n.columns,()=>{const e=s();o.value=e,t.value=e,n.onShownColumnsChange?.(e)},{deep:!0,immediate:!0}),{columns:o,shownColumns:t}};exports.useColumns=l;

package/lib/src/ag-grid/hooks/use-pinned-row.d.ts

@@ -0,0 +1,7 @@
+import { Ref, ComputedRef } from 'vue';
+import { AgGridProps } from '../interface';
+import { CellClassFunc, GridOptions } from 'ag-grid-community';
+export declare const usePinnedRow: (summary: Ref<AgGridProps["summary"]>) => {
+    getRowPinnedCellClass: (prevCellClass: CellClassFunc) => CellClassFunc;
+    rowPinnedGridConfig: ComputedRef<GridOptions<any>>;
+};

package/lib/src/ag-grid/hooks/use-pinned-row.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),l=require("lodash-unified"),w=i=>{const u=c.computed(()=>{const o=i.value;if(!o)return{};const{rowClassName:e,top:t,bottom:n}=o;return{pinnedTopRowData:t,pinnedBottomRowData:n,getRowClass({node:r,data:s,rowIndex:d}){if(!(!r.rowPinned||!e))return l.isFunction(e)?e(s,d,r.rowPinned):e}}});return{getRowPinnedCellClass:o=>e=>{let t;const{cellClassName:n}=i.value||{};return!e.node.rowPinned||!n?t=[o(e)]:t=[o(e),l.isFunction(n)?n(e.data,e.colDef,e.node.rowPinned):n],t.flat().filter(Boolean)},rowPinnedGridConfig:u}};exports.usePinnedRow=w;

package/lib/src/ag-grid/hooks/use-virtual-config.d.ts

@@ -0,0 +1,5 @@
+import { Ref, ComputedRef } from 'vue';
+import { AgGridProps } from '../interface';
+import { GridOptions } from 'ag-grid-community';
+declare const useVirtualConfig: (config: Ref<AgGridProps["virtual"]>) => ComputedRef<GridOptions<any>>;
+export default useVirtualConfig;

package/lib/src/ag-grid/hooks/use-virtual-config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),i=require("lodash-unified"),n={row:!0,col:!0},l=u=>r.computed(()=>{const e=r.unref(u);if(e===!1)return{suppressRowVirtualisation:!0,suppressColumnVirtualisation:!0};const{row:t,col:s,rowBuffer:o}=i.merge(n,e||{});return{suppressRowVirtualisation:!t,suppressColumnVirtualisation:!s,rowBuffer:o}});exports.default=l;

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

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

@@ -4,7 +4,7 @@ import { TableProps } from '@aplus-frontend/antdv';
 import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { Recordable } from '../type';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
-import { ColDef, IRowNode } from 'ag-grid-community';
+import { ColDef, IRowNode, RowPinnedType, ScrollDirection } from 'ag-grid-community';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
 export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class' | 'colSpan'> & {
     children?: AgGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
@@ -106,6 +106,11 @@ export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
      */
     preserveSelectedRowKeys?: boolean;
 };
+export type AgGridVirtualConfig = {
+    row?: boolean;
+    col?: boolean;
+    rowBuffer?: number;
+};
 export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky'> & {
     /**
      * 列配置
@@ -203,11 +208,13 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     columnResizable?: boolean;
     loading?: boolean;
     /**
-     * 设置总结栏
+     * 总结栏配置项
      */
     summary?: {
         top?: RecordType[];
         bottom?: RecordType[];
+        cellClassName?: string | string[] | ((data: RecordType, column: ColDef<RecordType>, pinned: RowPinnedType) => string | string[]);
+        rowClassName?: string | string[] | ((data: RecordType, rowIndex: number, pinned: RowPinnedType) => string | string[]);
     };
     /**
      * 指定每一行占据的高度（大量数据展示时的性能优化）
@@ -221,6 +228,22 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 单元格tooltip使用原生实现 默认为 `false`
      */
     browserTooltips?: boolean;
+    /**
+     * 虚拟列表配置项
+     */
+    virtual?: false | AgGridVirtualConfig;
+    /**
+     * 行点击事件
+     * @param record 行数据
+     * @returns
+     */
+    onRowClicked?: (record: RecordType) => void;
+    /**
+     * 表格滚动结束后的事件
+     * @param direction
+     * @returns
+     */
+    onScrollEnd?: (direction: ScrollDirection) => void;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/lib/src/ap-field/select/index.vue.d.ts

@@ -50,6 +50,15 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            maxCount: NumberConstructor;
             transitionName: StringConstructor;
             choiceTransitionName: {
                 type: PropType<"">;
@@ -132,6 +141,7 @@ declare function __VLS_template(): {
             clearIcon: VueTypeValidableDef<any>;
             options: PropType<DefaultOptionType[]>;
             onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -165,10 +175,6 @@ declare function __VLS_template(): {
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             menuItemSelectedIcon: VueTypeValidableDef<any>;
             listItemHeight: NumberConstructor;
@@ -202,6 +208,7 @@ declare function __VLS_template(): {
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             loading: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             bordered: boolean;
             defaultValue: SelectValue;
             status: "" | "error" | "warning";
@@ -212,11 +219,11 @@ declare function __VLS_template(): {
             placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
         }, true, {}, CustomSlotsType<{
             notFoundContent: any;
             suffixIcon: any;
@@ -230,6 +237,7 @@ declare function __VLS_template(): {
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
+            prefix: any;
         }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -261,6 +269,15 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            maxCount: NumberConstructor;
             transitionName: StringConstructor;
             choiceTransitionName: {
                 type: PropType<"">;
@@ -343,6 +360,7 @@ declare function __VLS_template(): {
             clearIcon: VueTypeValidableDef<any>;
             options: PropType<DefaultOptionType[]>;
             onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -376,10 +394,6 @@ declare function __VLS_template(): {
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             menuItemSelectedIcon: VueTypeValidableDef<any>;
             listItemHeight: NumberConstructor;
@@ -413,6 +427,7 @@ declare function __VLS_template(): {
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             loading: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             bordered: boolean;
             defaultValue: SelectValue;
             status: "" | "error" | "warning";
@@ -423,11 +438,11 @@ declare function __VLS_template(): {
             placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
         }> | null;
     };
     rootEl: any;
@@ -453,8 +468,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     lazy: boolean;
     allowClear: boolean;
     defaultOpen: boolean;
-    showSearch: boolean;
     showArrow: boolean;
+    showSearch: boolean;
     autoClearSearchValue: boolean;
     defaultActiveFirstOption: boolean;
     labelInValue: boolean;
@@ -487,6 +502,15 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        maxCount: NumberConstructor;
         transitionName: StringConstructor;
         choiceTransitionName: {
             type: PropType<"">;
@@ -569,6 +593,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         clearIcon: VueTypeValidableDef<any>;
         options: PropType<DefaultOptionType[]>;
         onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -602,10 +627,6 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         menuItemSelectedIcon: VueTypeValidableDef<any>;
         listItemHeight: NumberConstructor;
@@ -639,6 +660,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
         loading: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         bordered: boolean;
         defaultValue: SelectValue;
         status: "" | "error" | "warning";
@@ -649,11 +671,11 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
     }, true, {}, CustomSlotsType<{
         notFoundContent: any;
         suffixIcon: any;
@@ -667,6 +689,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         maxTagPlaceholder: any;
         optionLabel: any;
         default: any;
+        prefix: any;
     }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -698,6 +721,15 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        maxCount: NumberConstructor;
         transitionName: StringConstructor;
         choiceTransitionName: {
             type: PropType<"">;
@@ -780,6 +812,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         clearIcon: VueTypeValidableDef<any>;
         options: PropType<DefaultOptionType[]>;
         onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -813,10 +846,6 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         menuItemSelectedIcon: VueTypeValidableDef<any>;
         listItemHeight: NumberConstructor;
@@ -850,6 +879,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
         loading: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         bordered: boolean;
         defaultValue: SelectValue;
         status: "" | "error" | "warning";
@@ -860,11 +890,11 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
     }> | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/src/ap-field/select/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified"),S=require("@aplus-frontend/antdv");require("../../hooks/index.js");const x=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),I=require("../../hooks/useControllableValue.js"),P={key:0},k=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},loading:{type:Boolean,default:void 0},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},id:{},clearIcon:{},options:{},onDeselect:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},showArrow:{type:Boolean,default:void 0},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},onClickOption:{},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number]},params:{},searchDelay:{default:300}},emits:["update:value"],setup(g,{expose:C,emit:w}){let r=0;const o=g,B=u.debounce(t=>{if(!u.isFunction(o.request))return;r+=1;const n=r;c([]),a.value=!0,o.request(t).then(l=>{r===n&&(c(l),a.value=!1)})},o.searchDelay),_=(t,n)=>{const l=o.fieldNames?.label||"label";return typeof n?.[l]=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:i,updateOptions:c}=d.useSelectOptions(o),m=e.ref(),a=e.ref(o?.loading||!1),L=w;async function f(t=!0){if(!u.isFunction(o.request))return;a.value=!0,r+=1;const n=r;try{t&&c([]);const l=await o.request(void 0,o.params);if(n!==r)return;c(l)}finally{a.value=!1}}function b(t){o.onFocus?.(t),o.refetchOnFocus&&r>0&&!a.value&&f(!0)}e.onMounted(()=>{o.lazy||f()}),e.watch(()=>o.params,()=>{f()},{deep:!0});const{value:p,updateValue:v}=I.useControllableValue(o,L),A=x.useDefaultPlaceholder("Select",o),F=e.computed(()=>{const t=e.unref(p);if(!t)return o.emptyText;const n=o.fieldNames?.label||"label",l=o.fieldNames?.value||"value";return u.isArray(t)?t.map(s=>e.unref(i).find(T=>T[l]===s)?.[n]).filter(Boolean).join("、")||o.emptyText:e.unref(i).find(s=>s[l]===t)?.[n]||o.emptyText}),O=e.computed(()=>{const t=!!o?.showSearch,n=o.searchMode;let l={};return t&&(l=n==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:B,notFoundContent:a.value?void 0:null,filterOption:!1}:{showArrow:!0,filterOption:u.isNil(o?.filterOption)?_:o?.filterOption}),{...u.omit(o,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(A),...l}}),y=e.computed(()=>i.value.map(t=>t[o.fieldNames?.value||"value"]).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),V=e.computed(()=>{if(!o.multiple||!o.addAll)return e.unref(p);if(i.value.some(t=>t[o.fieldNames?.value||"value"]===d.SELECT_ALL_VALUE_KEY)){const t=e.unref(y),n=e.unref(p)||[];if(t.length&&t.every(l=>n?.includes(l)))return[d.SELECT_ALL_VALUE_KEY]}return e.unref(p)});function E(t){return o.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?v(e.unref(y)):v(t)}function N(){m.value?.focus()}function q(){m.value?.blur()}return C({focus:N,blur:q,request:f}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(F.value),1)):(e.openBlock(),e.createBlock(e.unref(S.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:m,"allow-clear":""},O.value,{mode:t.multiple?"multiple":void 0,value:V.value,options:e.unref(i),loading:a.value,"onUpdate:value":E,onFocus:b}),e.createSlots({_:2},[e.renderList(t.$slots,(l,h)=>({name:h,fn:e.withCtx(s=>[e.renderSlot(t.$slots,h,e.normalizeProps(e.guardReactiveProps(s||{})))])})),a.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(S.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified"),S=require("@aplus-frontend/antdv");require("../../hooks/index.js");const I=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),T=require("../../hooks/useControllableValue.js"),P={key:0},k=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},loading:{type:Boolean,default:void 0},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},id:{},clearIcon:{},options:{},onDeselect:{},prefix:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},onClickOption:{},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number]},params:{},searchDelay:{default:300}},emits:["update:value"],setup(g,{expose:C,emit:B}){let r=0;const o=g,_=u.debounce(t=>{if(!u.isFunction(o.request))return;r+=1;const n=r;c([]),a.value=!0,o.request(t).then(l=>{r===n&&(c(l),a.value=!1)})},o.searchDelay),L=(t,n)=>{const l=o.fieldNames?.label||"label";return typeof n?.[l]=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:i,updateOptions:c}=d.useSelectOptions(o),m=e.ref(),a=e.ref(o?.loading||!1),b=B;async function f(t=!0){if(!u.isFunction(o.request))return;a.value=!0,r+=1;const n=r;try{t&&c([]);const l=await o.request(void 0,o.params);if(n!==r)return;c(l)}finally{a.value=!1}}function w(t){o.onFocus?.(t),o.refetchOnFocus&&r>0&&!a.value&&f(!0)}e.onMounted(()=>{o.lazy||f()}),e.watch(()=>o.params,()=>{f()},{deep:!0});const{value:p,updateValue:v}=T.useControllableValue(o,b),F=I.useDefaultPlaceholder("Select",o),O=e.computed(()=>{const t=e.unref(p);if(!t)return o.emptyText;const n=o.fieldNames?.label||"label",l=o.fieldNames?.value||"value";return u.isArray(t)?t.map(s=>e.unref(i).find(x=>x[l]===s)?.[n]).filter(Boolean).join("、")||o.emptyText:e.unref(i).find(s=>s[l]===t)?.[n]||o.emptyText}),A=e.computed(()=>{const t=!!o?.showSearch,n=o.searchMode;let l={};return t&&(l=n==="request"?{defaultActiveFirstOption:!1,onSearch:_,notFoundContent:a.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:u.isNil(o?.filterOption)?L:o?.filterOption}),{...u.omit(o,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(F),...l}}),y=e.computed(()=>i.value.map(t=>t[o.fieldNames?.value||"value"]).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),V=e.computed(()=>{if(!o.multiple||!o.addAll)return e.unref(p);if(i.value.some(t=>t[o.fieldNames?.value||"value"]===d.SELECT_ALL_VALUE_KEY)){const t=e.unref(y),n=e.unref(p)||[];if(t.length&&t.every(l=>n?.includes(l)))return[d.SELECT_ALL_VALUE_KEY]}return e.unref(p)});function E(t){return o.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?v(e.unref(y)):v(t)}function N(){m.value?.focus()}function q(){m.value?.blur()}return C({focus:N,blur:q,request:f}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(O.value),1)):(e.openBlock(),e.createBlock(e.unref(S.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:m,"allow-clear":""},A.value,{mode:t.multiple?"multiple":void 0,value:V.value,options:e.unref(i),loading:a.value,"onUpdate:value":E,onFocus:w}),e.createSlots({_:2},[e.renderList(t.$slots,(l,h)=>({name:h,fn:e.withCtx(s=>[e.renderSlot(t.$slots,h,e.normalizeProps(e.guardReactiveProps(s||{})))])})),a.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(S.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=k;

package/lib/src/ap-field/select/read.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("lodash-unified"),d={key:0},u=t.defineComponent({name:"ApFieldSelectRead",__name:"read",props:{mode:{},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean},animation:{},direction:{},disabled:{type:Boolean},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean},dropdownMatchSelectWidth:{},loading:{type:Boolean},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean},autofocus:{type:Boolean},defaultOpen:{type:Boolean},id:{},clearIcon:{},options:{},onDeselect:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},showArrow:{type:Boolean},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean},onClickOption:{},labelInValue:{type:Boolean},emptyText:{default:"--"},request:{},multiple:{type:Boolean},value:{},"onUpdate:value":{},searchMode:{},refetchOnFocus:{type:Boolean},lazy:{type:Boolean},addAll:{type:[Boolean,Number]},params:{},searchDelay:{}},setup(r){const e=r,i=t.computed(()=>{const o=e.value;if(!o)return e.emptyText;const n=e.fieldNames?.label||"label",l=e.fieldNames?.value||"value";return s.isArray(o)?o.map(a=>e.options?.find(p=>p[l]===a)?.[n]).filter(Boolean).join("、")||e.emptyText:e.options?.find(a=>a[l]===o)?.[n]||e.emptyText});return(o,n)=>o.mode==="read"?(t.openBlock(),t.createElementBlock("span",d,t.toDisplayString(i.value),1)):t.createCommentVNode("",!0)}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("lodash-unified"),d={key:0},u=t.defineComponent({name:"ApFieldSelectRead",__name:"read",props:{mode:{},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean},showArrow:{type:Boolean},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean},animation:{},direction:{},disabled:{type:Boolean},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean},dropdownMatchSelectWidth:{},loading:{type:Boolean},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean},autofocus:{type:Boolean},defaultOpen:{type:Boolean},id:{},clearIcon:{},options:{},onDeselect:{},prefix:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean},onClickOption:{},labelInValue:{type:Boolean},emptyText:{default:"--"},request:{},multiple:{type:Boolean},value:{},"onUpdate:value":{},searchMode:{},refetchOnFocus:{type:Boolean},lazy:{type:Boolean},addAll:{type:[Boolean,Number]},params:{},searchDelay:{}},setup(r){const e=r,i=t.computed(()=>{const o=e.value;if(!o)return e.emptyText;const n=e.fieldNames?.label||"label",l=e.fieldNames?.value||"value";return s.isArray(o)?o.map(a=>e.options?.find(p=>p[l]===a)?.[n]).filter(Boolean).join("、")||e.emptyText:e.options?.find(a=>a[l]===o)?.[n]||e.emptyText});return(o,n)=>o.mode==="read"?(t.openBlock(),t.createElementBlock("span",d,t.toDisplayString(i.value),1)):t.createCommentVNode("",!0)}});exports.default=u;

package/lib/src/ap-field/tree-select/index.vue.d.ts

@@ -159,7 +159,9 @@ declare function __VLS_template(): {
             id: StringConstructor;
             clearIcon: VueTypeValidableDef<any>;
             notFoundContent: VueTypeValidableDef<any>;
+            maxCount: NumberConstructor;
             onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: {
                 type: PropType<(value: string) => void>;
             };
@@ -218,10 +220,6 @@ declare function __VLS_template(): {
             getRawInputElement: {
                 type: PropType<() => any>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             listItemHeight: NumberConstructor;
             inputValue: StringConstructor;
@@ -233,6 +231,10 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: any;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: any;
+            };
             showCheckedStrategy: {
                 type: PropType<CheckedStrategy>;
             };
@@ -287,9 +289,9 @@ declare function __VLS_template(): {
             replaceFields: FieldNames;
             treeCheckable: boolean;
             showSearch: boolean;
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
             treeDefaultExpandAll: boolean;
             treeLine: boolean | {
                 showLeafIcon: boolean;
@@ -436,7 +438,9 @@ declare function __VLS_template(): {
             id: StringConstructor;
             clearIcon: VueTypeValidableDef<any>;
             notFoundContent: VueTypeValidableDef<any>;
+            maxCount: NumberConstructor;
             onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: {
                 type: PropType<(value: string) => void>;
             };
@@ -495,10 +499,6 @@ declare function __VLS_template(): {
             getRawInputElement: {
                 type: PropType<() => any>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             listItemHeight: NumberConstructor;
             inputValue: StringConstructor;
@@ -510,6 +510,10 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: any;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: any;
+            };
             showCheckedStrategy: {
                 type: PropType<CheckedStrategy>;
             };
@@ -564,9 +568,9 @@ declare function __VLS_template(): {
             replaceFields: FieldNames;
             treeCheckable: boolean;
             showSearch: boolean;
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
             treeDefaultExpandAll: boolean;
             treeLine: boolean | {
                 showLeafIcon: boolean;
@@ -600,8 +604,8 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
     dropdownMatchSelectWidth: number | boolean;
     allowClear: boolean;
     defaultOpen: boolean;
-    showSearch: boolean;
     showArrow: boolean;
+    showSearch: boolean;
     autoClearSearchValue: boolean;
     labelInValue: boolean;
     treeCheckable: boolean;
@@ -728,7 +732,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         id: StringConstructor;
         clearIcon: VueTypeValidableDef<any>;
         notFoundContent: VueTypeValidableDef<any>;
+        maxCount: NumberConstructor;
         onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: {
             type: PropType<(value: string) => void>;
         };
@@ -787,10 +793,6 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         getRawInputElement: {
             type: PropType<() => any>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         listItemHeight: NumberConstructor;
         inputValue: StringConstructor;
@@ -802,6 +804,10 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
             type: BooleanConstructor;
             default: any;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: any;
+        };
         showCheckedStrategy: {
             type: PropType<CheckedStrategy>;
         };
@@ -856,9 +862,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         replaceFields: FieldNames;
         treeCheckable: boolean;
         showSearch: boolean;
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
         treeDefaultExpandAll: boolean;
         treeLine: boolean | {
             showLeafIcon: boolean;
@@ -1005,7 +1011,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         id: StringConstructor;
         clearIcon: VueTypeValidableDef<any>;
         notFoundContent: VueTypeValidableDef<any>;
+        maxCount: NumberConstructor;
         onDeselect: PropType<SelectHandler<unknown, BaseOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: {
             type: PropType<(value: string) => void>;
         };
@@ -1064,10 +1072,6 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         getRawInputElement: {
             type: PropType<() => any>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         listItemHeight: NumberConstructor;
         inputValue: StringConstructor;
@@ -1079,6 +1083,10 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
             type: BooleanConstructor;
             default: any;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: any;
+        };
         showCheckedStrategy: {
             type: PropType<CheckedStrategy>;
         };
@@ -1133,9 +1141,9 @@ declare const __VLS_component: DefineComponent<ApFieldTreeSelectProps, {
         replaceFields: FieldNames;
         treeCheckable: boolean;
         showSearch: boolean;
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
         treeDefaultExpandAll: boolean;
         treeLine: boolean | {
             showLeafIcon: boolean;