@aplus-frontend/ui 0.6.0-beta.3 → 0.6.0-beta.4

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"),R=require("vxe-table");require("vxe-table/es/style.css");require("vxe-pc-ui/es/style.css");const D=require("vxe-pc-ui"),p=require("lodash-unified"),ce=require("../ap-form/index.js");require("../config-provider/index.js");const de=require("../ap-table/constants.js"),f=require("../ap-table/utils.js"),ie=require("../ap-table/hooks/use-table-paging-ng.js"),E=require("@aplus-frontend/antdv"),fe=require("./hooks/use-inner-params.js"),F=require("./utils/table.js"),pe=require("../ap-table/hooks/use-table-row-selection.js"),me=require("../ap-table/context.js"),P=require("./constants.js"),ge=require("./hooks/use-render-columns.js"),he=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ce=require("../utils/index.js"),ve=require("../utils/slot.js"),ye=require("../config-provider/hooks/use-namespace.js"),xe=require("../config-provider/hooks/use-global-config.js"),Se=require("../config-provider/hooks/use-locale.js"),be=require("../scroll-bar/index.vue.js"),we=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:{}},setup(O,{expose:U}){var L;const m=e.useSlots(),o=O,C=(L=e.getCurrentInstance())==null?void 0:L.appContext.app;C&&!C.__VXE_PC_UI_INSTALLED__&&(C.use(D.VxeUI),C.__VXE_PC_UI_INSTALLED__=!0);const{e:x,b:s,be:$}=ye.useNamespace("ap-grid"),K=xe.useGlobalConfig("valueTypeMap"),l=e.ref([]),N=e.ref([]),d=e.ref(),g=e.ref(o.size),[,u]=he.useToken(),{t:M}=Se.useLocale();D.VxeUI.setConfig({i18n:(r,a)=>M(`ap.${r}`,a)});const{renderConfig:j,updateSignal:W}=ge.useRenderColumns(l);let I=0;const H=e.computed(()=>{if(d.value)return d.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),q=e.computed(()=>{var r,a,n;return I++,((n=(a=(r=o.columns)==null?void 0:r.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!de.noRenderAsFormItemValueList.includes(t.valueType)))==null?void 0:a.sort((t,c)=>{let h=f.getColumnOrder(t.order);return f.getColumnOrder(c.order)-h}))==null?void 0:n.map(t=>{const c=f.updateFormProps(t,f.getFieldProps(t.fieldProps,{})),h={...t,fieldProps:{label:t.title,name:t.dataIndex,...c||{},_signal:I},renderNode:void 0};return h.renderNode=f.getSearchFormItemRenderNode(h,e.unref(K)),h}))||[]}),G=e.computed(()=>{var a;return Ce.isDef(o.manual)?o.manual:ve.getValidVNodeList(((a=m.searchFormExtra)==null?void 0:a.call(m))||[]).some(n=>{var t;return((t=n.type)==null?void 0:t.name)==="ApView"})}),X=e.computed(()=>[s(),o.card?null:s("wrapper"),o.adaptive?s("adaptive"):null,o.sticky?s("sticky"):null].filter(Boolean)),V=e.computed(()=>f.recursionApColumns(e.unref(l),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),z=e.computed(()=>f.recursionApColumns(e.unref(l),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),{formRef:S,submit:b,reset:w,refresh:J,data:i,tableProps:_,setDataSource:Q,handleTableChange:Y}=ie.useTablePaging({async request(r){var n;if(!y.value.preserveSelectedRowKeys&&p.isUndefined(o.dataSource)&&B(),!p.isUndefined(o.dataSource)){const t=r.pageSize*(r.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(t,t+r.pageSize))||[],total:o.dataSource.length||0}}const a=await((n=o.request)==null?void 0:n.call(o,r));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},namespace:"ap-grid",filterFields:z,sortFields:V,defaultParams:o.params,defaultData:o.defaultData,manual:e.unref(G),formatParams:o.beforeSearchSubmit,pagination:o.pagination}),{sortChangeEvent:Z,filterChangeEvent:ee,paginationChangeEvent:re}=fe.useInnerParams(Y);me.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>N.value),size:e.computed(()=>g.value?P.sizeMap[g.value]:"middle"),updateColumns(r){var a;l.value=r,(a=o.onShownColumnsChange)==null||a.call(o,r)},updateSize(r){g.value=P.sizeReverseMap[r]},renderConfig:e.computed(()=>({className:$("table-header","title"),color:u.value.colorPrimary})),dataSource:e.computed(()=>e.unref(i).records),getSearchFormValues:A,setSearchFormValues:T,submit:b,reset:w});const oe=e.computed(()=>l.value.some(r=>r.fixed==="left"||r.fixed===!0)?"left":void 0),ae=e.computed(()=>p.isUndefined(o.loading)?i.loading:o.loading),te=e.computed(()=>p.isUndefined(o.dataSource)?i.records:o.dataSource),{selectedRows:v,rowSelection:y,...ne}=pe.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:te,rowKey:o.rowKey}),k=()=>{const r=d.value;r&&(v.value=[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},le=()=>{const r=d.value;r&&(v.value=[r.getRadioRecord()])};function ue(){var r;return((r=o.columns)==null?void 0:r.filter(a=>!a.hideInTable))||[]}function T(r){var a,n,t;(t=(n=(a=S.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||t.call(n,r)}function A(r=!1){var n,t,c;const a=r?"getFieldsValueTransformed":"getFieldsValue";return(c=(t=(n=S.value)==null?void 0:n.apForm)==null?void 0:t[a])==null?void 0:c.call(t,!0)}function B(){ne.clearAll();const r=d.value;r&&(y.value.type==="radio"?(r.clearRadioRow(),r.clearRadioReserve()):(r.clearCheckboxRow(),r.clearCheckboxReserve()))}async function se(r,a){var t;const n=i.records[r];if(n)return(t=d.value)==null?void 0:t.scrollToRow(n,a)}return e.watch(()=>[o.columnResizable,o.columns],()=>{var a;const r=ue();l.value=r,(a=o.onShownColumnsChange)==null||a.call(o,r),N.value=r},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,r=>{Q(r)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(i).loading,r=>{var a;(a=o.onLoadingChange)==null||a.call(o,r)}),e.watch(()=>o.size,r=>{g.value=r}),U({submit:b,reset:w,refresh:J,setSearchFormValues:T,getSearchFormValues:A,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>v.value),clearAll:B},scrollToRow:se,getDataSource:()=>e.unref(i.records)}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(X.value),style:e.normalizeStyle(r.wrapperStyle)},[e.unref(p.isUndefined)(r.dataSource)&&r.searchForm!==!1&&q.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(x)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(ce.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:S,"custom-reset":"","submit-loading":e.unref(_).loading,onSubmit:e.unref(b),onReset:e.unref(w)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode.Comp),e.mergeProps({key:n.dataIndex,item:n,ref_for:!0},n.fieldProps||{},{span:n.span,"custom-render":n.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(x)("table-wrapper"),r.card?e.unref(x)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("header-wrapper"))},[e.renderSlot(r.$slots,"title",{selectedRows:e.unref(v),selectedRowKeys:e.unref(y).selectedRowKeys,shownColumns:l.value,clearAll:B})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(R.VxeTable),e.mergeProps(e.unref(F.toVxeProps)(o),{ref_key:"tableRef",ref:d,key:e.unref(W),data:e.unref(i).records,"sort-config":{remote:V.value.length>0},"filter-config":{remote:z.value.length>0},loading:ae.value,style:{"--vxe-ui-table-row-checkbox-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.unref(u).colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-radio-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-color":e.unref(u).colorTextBase,"--vxe-ui-table-border-color":e.unref(u).colorBorderSecondary,"--vxe-ui-table-header-font-color":e.unref(u).colorTextBase,"--vxe-ui-table-cell-padding-mini":"8px","--vxe-ui-table-row-line-height":"18px"},size:g.value,onSortChange:e.unref(Z),onFilterChange:e.unref(ee),onCheckboxChange:k,onCheckboxRangeChange:k,onCheckboxAll:k,onRadioChange:le}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(E.Empty),{image:e.unref(E.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),default:e.withCtx(()=>[o.expandable?(e.openBlock(),e.createBlock(e.unref(R.VxeColumn),e.mergeProps({key:0},e.unref(F.getRowExpandProps)(r.expandable),{fixed:oe.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),o.rowSelection?(e.openBlock(),e.createBlock(e.unref(R.VxeColumn),e.mergeProps({key:1},e.unref(F.getRowSelectionProps)(e.unref(y),l.value),{field:e.unref(P.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(j),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(p.omit)(m,["searchFormExtra"]),(n,t)=>({name:t,fn:e.withCtx(c=>[e.renderSlot(r.$slots,t,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(s)("pagination-wrapper"))},[r.sticky?(e.openBlock(),e.createBlock(e.unref(be.default),{key:0,direction:"horizontal","scroll-container":H.value,"extra-size":-4.2},null,8,["scroll-container"])):e.createCommentVNode("",!0),r.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(E.Pagination),e.mergeProps({key:1,class:e.unref(s)("pagination")},e.unref(_).pagination,{onChange:e.unref(re)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=we;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("vxe-table");require("vxe-table/es/style.css");require("vxe-pc-ui/es/style.css");const D=require("vxe-pc-ui"),p=require("lodash-unified"),ce=require("../ap-form/index.js");require("../config-provider/index.js");const de=require("../ap-table/constants.js"),f=require("../ap-table/utils.js"),ie=require("../ap-table/hooks/use-table-paging-ng.js"),E=require("@aplus-frontend/antdv"),fe=require("./hooks/use-inner-params.js"),F=require("./utils/table.js"),pe=require("../ap-table/hooks/use-table-row-selection.js"),me=require("../ap-table/context.js"),P=require("./constants.js"),ge=require("./hooks/use-render-columns.js"),he=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const Ce=require("../utils/index.js"),ve=require("../utils/slot.js"),ye=require("../config-provider/hooks/use-namespace.js"),be=require("../config-provider/hooks/use-global-config.js"),xe=require("../config-provider/hooks/use-locale.js"),Se=require("../scroll-bar/index.vue.js"),we=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:{}},setup(O,{expose:U}){var L;const m=e.useSlots(),o=O,C=(L=e.getCurrentInstance())==null?void 0:L.appContext.app;C&&!C.__VXE_PC_UI_INSTALLED__&&(C.use(D.VxeUI),C.__VXE_PC_UI_INSTALLED__=!0);const{e:b,b:s,be:$}=ye.useNamespace("ap-grid"),K=be.useGlobalConfig("valueTypeMap"),l=e.ref([]),N=e.ref([]),d=e.ref(),g=e.ref(o.size),[,u]=he.useToken(),{t:M}=xe.useLocale();D.VxeUI.setConfig({i18n:(r,a)=>M(`ap.${r}`,a)});const{renderConfig:j,updateSignal:W}=ge.useRenderColumns(l);let I=0;const H=e.computed(()=>{if(d.value)return d.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),q=e.computed(()=>{var r,a,n;return I++,((n=(a=(r=o.columns)==null?void 0:r.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!de.noRenderAsFormItemValueList.includes(t.valueType)))==null?void 0:a.sort((t,c)=>{let h=f.getColumnOrder(t.order);return f.getColumnOrder(c.order)-h}))==null?void 0:n.map(t=>{const c=f.updateFormProps(t,f.getFieldProps(t.fieldProps,{})),h={...t,fieldProps:{label:t.title,name:t.dataIndex,bordered:!0,...c||{},_signal:I},renderNode:void 0};return h.renderNode=f.getSearchFormItemRenderNode(h,e.unref(K)),h}))||[]}),G=e.computed(()=>{var a;return Ce.isDef(o.manual)?o.manual:ve.getValidVNodeList(((a=m.searchFormExtra)==null?void 0:a.call(m))||[]).some(n=>{var t;return((t=n.type)==null?void 0:t.name)==="ApView"})}),X=e.computed(()=>[s(),o.card?null:s("wrapper"),o.adaptive?s("adaptive"):null,o.sticky?s("sticky"):null].filter(Boolean)),V=e.computed(()=>f.recursionApColumns(e.unref(l),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),z=e.computed(()=>f.recursionApColumns(e.unref(l),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),{formRef:x,submit:S,reset:w,refresh:J,data:i,tableProps:_,setDataSource:Q,handleTableChange:Y}=ie.useTablePaging({async request(r){var n;if(!y.value.preserveSelectedRowKeys&&p.isUndefined(o.dataSource)&&B(),!p.isUndefined(o.dataSource)){const t=r.pageSize*(r.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(t,t+r.pageSize))||[],total:o.dataSource.length||0}}const a=await((n=o.request)==null?void 0:n.call(o,r));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},namespace:"ap-grid",filterFields:z,sortFields:V,defaultParams:o.params,defaultData:o.defaultData,manual:e.unref(G),formatParams:o.beforeSearchSubmit,pagination:o.pagination}),{sortChangeEvent:Z,filterChangeEvent:ee,paginationChangeEvent:re}=fe.useInnerParams(Y);me.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>N.value),size:e.computed(()=>g.value?P.sizeMap[g.value]:"middle"),updateColumns(r){var a;l.value=r,(a=o.onShownColumnsChange)==null||a.call(o,r)},updateSize(r){g.value=P.sizeReverseMap[r]},renderConfig:e.computed(()=>({className:$("table-header","title"),color:u.value.colorPrimary})),dataSource:e.computed(()=>e.unref(i).records),getSearchFormValues:A,setSearchFormValues:T,submit:S,reset:w});const oe=e.computed(()=>l.value.some(r=>r.fixed==="left"||r.fixed===!0)?"left":void 0),ae=e.computed(()=>p.isUndefined(o.loading)?i.loading:o.loading),te=e.computed(()=>p.isUndefined(o.dataSource)?i.records:o.dataSource),{selectedRows:v,rowSelection:y,...ne}=pe.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:te,rowKey:o.rowKey}),k=()=>{const r=d.value;r&&(v.value=[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},le=()=>{const r=d.value;r&&(v.value=[r.getRadioRecord()])};function ue(){var r;return((r=o.columns)==null?void 0:r.filter(a=>!a.hideInTable))||[]}function T(r){var a,n,t;(t=(n=(a=x.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||t.call(n,r)}function A(r=!1){var n,t,c;const a=r?"getFieldsValueTransformed":"getFieldsValue";return(c=(t=(n=x.value)==null?void 0:n.apForm)==null?void 0:t[a])==null?void 0:c.call(t,!0)}function B(){ne.clearAll();const r=d.value;r&&(y.value.type==="radio"?(r.clearRadioRow(),r.clearRadioReserve()):(r.clearCheckboxRow(),r.clearCheckboxReserve()))}async function se(r,a){var t;const n=i.records[r];if(n)return(t=d.value)==null?void 0:t.scrollToRow(n,a)}return e.watch(()=>[o.columnResizable,o.columns],()=>{var a;const r=ue();l.value=r,(a=o.onShownColumnsChange)==null||a.call(o,r),N.value=r},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,r=>{Q(r)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(i).loading,r=>{var a;(a=o.onLoadingChange)==null||a.call(o,r)}),e.watch(()=>o.size,r=>{g.value=r}),U({submit:S,reset:w,refresh:J,setSearchFormValues:T,getSearchFormValues:A,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>v.value),clearAll:B},scrollToRow:se,getDataSource:()=>e.unref(i.records)}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(X.value),style:e.normalizeStyle(r.wrapperStyle)},[e.unref(p.isUndefined)(r.dataSource)&&r.searchForm!==!1&&q.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(b)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(ce.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:x,"custom-reset":"","submit-loading":e.unref(_).loading,onSubmit:e.unref(S),onReset:e.unref(w)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode.Comp),e.mergeProps({key:n.dataIndex,item:n,ref_for:!0},n.fieldProps||{},{span:n.span,"custom-render":n.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(b)("table-wrapper"),r.card?e.unref(b)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("header-wrapper"))},[e.renderSlot(r.$slots,"title",{selectedRows:e.unref(v),selectedRowKeys:e.unref(y).selectedRowKeys,shownColumns:l.value,clearAll:B})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(R.VxeTable),e.mergeProps(e.unref(F.toVxeProps)(o),{ref_key:"tableRef",ref:d,key:e.unref(W),data:e.unref(i).records,"sort-config":{remote:V.value.length>0},"filter-config":{remote:z.value.length>0},loading:ae.value,style:{"--vxe-ui-table-row-checkbox-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-checkbox-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-primary-color":e.unref(u).colorPrimary,"--vxe-ui-table-header-background-color":"var(--ap-table-header-bg)","--vxe-ui-table-cell-padding-default":"12px","--vxe-ui-table-cell-padding-medium":"9px","--vxe-ui-table-row-radio-checked-background-color":e.unref(u).controlItemBgActive,"--vxe-ui-table-row-hover-radio-checked-background-color":e.unref(u).controlItemBgActiveHover,"--vxe-ui-font-color":e.unref(u).colorTextBase,"--vxe-ui-table-border-color":e.unref(u).colorBorderSecondary,"--vxe-ui-table-header-font-color":e.unref(u).colorTextBase,"--vxe-ui-table-cell-padding-mini":"8px","--vxe-ui-table-row-line-height":"18px"},size:g.value,onSortChange:e.unref(Z),onFilterChange:e.unref(ee),onCheckboxChange:k,onCheckboxRangeChange:k,onCheckboxAll:k,onRadioChange:le}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(E.Empty),{image:e.unref(E.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),default:e.withCtx(()=>[o.expandable?(e.openBlock(),e.createBlock(e.unref(R.VxeColumn),e.mergeProps({key:0},e.unref(F.getRowExpandProps)(r.expandable),{fixed:oe.value}),{content:e.withCtx(n=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(n))))]),_:1},16,["fixed"])):e.createCommentVNode("",!0),o.rowSelection?(e.openBlock(),e.createBlock(e.unref(R.VxeColumn),e.mergeProps({key:1},e.unref(F.getRowSelectionProps)(e.unref(y),l.value),{field:e.unref(P.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(j),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:n.props.colId}))),128))]),_:2},[e.renderList(e.unref(p.omit)(m,["searchFormExtra"]),(n,t)=>({name:t,fn:e.withCtx(c=>[e.renderSlot(r.$slots,t,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(s)("pagination-wrapper"))},[r.sticky?(e.openBlock(),e.createBlock(e.unref(Se.default),{key:0,direction:"horizontal","scroll-container":H.value,"extra-size":-4.2},null,8,["scroll-container"])):e.createCommentVNode("",!0),r.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(E.Pagination),e.mergeProps({key:1,class:e.unref(s)("pagination")},e.unref(_).pagination,{onChange:e.unref(re)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=we;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("@aplus-frontend/antdv"),be=require("@aplus-frontend/antdv/es/theme/internal"),he=require("../ap-form/index.js"),H=require("./constants.js");require("../config-provider/index.js");const we=require("./hooks/use-table-paging-ng.js"),i=require("lodash-unified"),s=require("./utils.js"),ve=require("./hooks/use-table-content-height.js"),Ce=require("./hooks/use-table-row-selection.js"),k=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const Re=require("./context.js");require("../scroll-bar/index.js");const xe=require("./hooks/use-sticky-scroll.js"),Te=require("../utils/slot.js"),ke=require("../config-provider/hooks/use-namespace.js"),Be=require("../config-provider/hooks/use-global-config.js"),Fe=require("./components/paragraph-ellipsis/index.vue2.js"),ze=require("./components/setting/modal/index.vue2.js"),Ne=require("../scroll-bar/index.vue.js"),qe=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"small"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(M,{expose:G}){const t=M;let B=0;const f=e.useSlots(),[,J]=be.useToken(),{e:w,b:p,be:F,m:Q,cssVar:X}=ke.useNamespace("ap-table"),z=Be.useGlobalConfig("valueTypeMap"),{height:Y,contentRef:Z}=ve.default(),N=e.ref(),q=e.ref(),{isStickyMode:P,scrollBarRef:c}=xe.useStickyScroll(N),v=e.ref(t.size),d=e.ref([]),V=e.ref([]),_=k.getScrollbarSize();Re.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>V.value),size:e.computed(()=>v.value),updateColumns(r){d.value=r},updateSize(r){v.value=r},dataSource:e.computed(()=>e.unref(y).records),getSearchFormValues:K,setSearchFormValues:A,submit:()=>R(),reset:()=>x()});const I=e.computed(()=>{var r,o,n;return B++,((n=(o=(r=t.columns)==null?void 0:r.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!H.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:o.sort((a,u)=>{let l=s.getColumnOrder(a.order);return s.getColumnOrder(u.order)-l}))==null?void 0:n.map(a=>{const u=s.updateFormProps(a,s.getFieldProps(a.fieldProps,{})),l={...a,fieldProps:{label:a.title,name:a.dataIndex,...u||{},_signal:B},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(z)),l}))||[]}),ee=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||(r==null?void 0:r.dataIndex)}).filter(Boolean)),re=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||(r==null?void 0:r.dataIndex)}).filter(Boolean)),te=e.computed(()=>i.isUndefined(t.dataSource)?y.records:t.dataSource),ne=e.computed(()=>{var o;return k.isDef(t.manual)?t.manual:Te.getValidVNodeList(((o=f.searchFormExtra)==null?void 0:o.call(f))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),{rowSelection:S,selectedRows:b,...h}=Ce.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:te}),{formRef:C,submit:R,reset:x,tableProps:E,refresh:oe,data:y,setDataSource:ae,getColumnSFConfig:L,sortedInfo:le,filteredInfo:se}=we.useTablePaging({async request(r){var n,a;if(!S.value.preserveSelectedRowKeys&&i.isUndefined(t.dataSource)&&h.clearAll(),!i.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const o=await((n=t.request)==null?void 0:n.call(t,r));return(a=t.onLoad)==null||a.call(t,(o==null?void 0:o.data)||[]),{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:re,sortFields:ee,defaultParams:t.params,defaultData:t.defaultData,manual:e.unref(ne),formatParams:t.beforeSearchSubmit,pagination:t.pagination}),ue=()=>{var n;let r=((n=t.columns)==null?void 0:n.filter(a=>!a.hideInTable))||[];function o(a,u){return a.map(l=>({resizable:k.isDef(l.resizable)?l.resizable:t.columnResizable,...i.omit(s.apColumnToColumn(l),["ellipsis"]),...L(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,F("table-header","title"),f.headerCell,e.unref(J).colorPrimary),customRender({value:m,...g}){var $,j;const D=s.getTableRenderType(l),ye=s.getTableRenderProps({...l,valueType:D},{value:m,...g}),ge=s.getTableCellRenderNode(D,ye,g.record,e.unref(z)),U=(($=l.renderText)==null?void 0:$.call(l,{value:m,...g}))||m,Se=l.renderText?e.createVNode(e.Fragment,null,[(j=l.renderText)==null?void 0:j.call(l,{value:m,...g})]):ge;let T=pe(l,U,Se);return l.customRender&&(T=l.customRender({value:m,...g,column:l,originalNode:T,originalText:U})),T},children:o(l.children||[],u||l)}))}return o(r)},de=()=>{function r(o){var n;for(const a of o)(n=a.children)!=null&&n.length?r(a.children):L(a,!0)}r(d.value)};e.watch(()=>[t.columns,t.columnResizable],()=>{const r=ue();d.value=r,V.value=r},{deep:!0,immediate:!0}),e.watch(()=>[le.value,se.value],()=>{de()},{deep:!0});const ie=e.computed(()=>{var o,n;if(t.adaptive&&(y.total>0||((o=t.dataSource)==null?void 0:o.length)))return{y:e.unref(Y),x:((n=t.scroll)==null?void 0:n.x)||"100%"};if(t.scroll)return t.scroll}),ce=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(o=>o.ellipsis))return"fixed"}),O=e.computed(()=>{var n;const r=e.unref(E),o=e.unref(S);return{...t,...r,rowSelection:t.rowSelection===!0||((n=t.rowSelection)==null?void 0:n.mode)==="internal"?{...o,preserveSelectedRowKeys:i.isUndefined(t.dataSource)?o.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:i.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(ie)}}),fe=e.computed(()=>{var r;return[p(),t.card?null:p("wrapper"),t.adaptive?p("adaptive"):null,P.value&&((r=c.value)!=null&&r.visible)?Q(`sticky-${_===0?"absolute":"relative"}`):null].filter(Boolean)});function pe(r,o,n){if(H.noRenderAsFormItemValueList.includes(r.valueType))return n;const a=s.objectToString(o);return r.copyable||r.ellipsis?e.createVNode(Fe.default,{copyable:r.copyable,rawValue:a,ellipsis:r.ellipsis?i.isBoolean(r.ellipsis)?{tooltip:n,rows:1}:{...r.ellipsis,tooltip:n}:!1,content:n},null):n}e.watch(()=>e.unref(y).loading,r=>{var o;(o=t.onLoadingChange)==null||o.call(t,r)}),e.watch(()=>t.dataSource,r=>{ae(r)},{immediate:!0});function A(r){var o,n,a;(a=(n=(o=C.value)==null?void 0:o.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,r)}function K(r=!1){var n,a,u;const o=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(a=(n=C.value)==null?void 0:n.apForm)==null?void 0:a[o])==null?void 0:u.call(a,!0)}function me(){return e.unref(d)}return G({submit:()=>R(),reset:()=>x(),refresh:()=>oe(),setSearchFormValues:A,getSearchFormValues:K,getShownColumns:me,dataSource:e.computed(()=>e.unref(y).records),rowSelection:{selectedRows:e.computed(()=>e.unref(b)),...h},scrollBar:{x:{getCurrentScroll:()=>{var r;return((r=c==null?void 0:c.value)==null?void 0:r.currentScroll)??0},scroll:r=>{var o,n;return(n=(o=c==null?void 0:c.value)==null?void 0:o.scroll)==null?void 0:n.call(o,r)}},y:void 0}}),(r,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableWrapperRef",ref:N,class:e.normalizeClass(fe.value),style:e.normalizeStyle(e.unref(X)({"scroll-bar-width":`${e.unref(_)}px`}))},[e.unref(i.isUndefined)(r.dataSource)&&r.searchForm!==!1&&I.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(he.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":e.unref(E).loading,onSubmit:e.unref(R),onReset:e.unref(x)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode.Comp),e.mergeProps({key:n.dataIndex,item:n,ref_for:!0},n.fieldProps||{},{span:n.span,"custom-render":n.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[f.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:Z,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(p)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(F)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),f.title?(e.openBlock(),e.createBlock(e.unref(W.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(ze.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),e.createVNode(e.unref(W.Table),e.mergeProps({ref_key:"antdTableRef",ref:q,class:e.unref(p)("table")},O.value,{size:v.value,"table-layout":ce.value,columns:d.value,onResizeColumn:o[0]||(o[0]=(n,a)=>a.width=n)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:O.value.dataSource,selectedRows:e.unref(b)})]),_:2},[e.unref(P)?{name:"bottomPaginationTop",fn:e.withCtx(()=>{var n,a;return[e.createVNode(e.unref(Ne.default),{ref_key:"scrollBarRef",ref:c,"scroll-container":(a=(n=q.value)==null?void 0:n.table)==null?void 0:a.scrollBodyRef,direction:"horizontal"},null,8,["scroll-container"])]}),key:"0"}:void 0,e.renderList(e.unref(i.omit)(f,["title","searchFormExtra","headerCell","summary"]),(n,a)=>({name:a,fn:e.withCtx(u=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],6))}});exports.default=qe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("@aplus-frontend/antdv"),be=require("@aplus-frontend/antdv/es/theme/internal"),he=require("../ap-form/index.js"),H=require("./constants.js");require("../config-provider/index.js");const we=require("./hooks/use-table-paging-ng.js"),i=require("lodash-unified"),s=require("./utils.js"),ve=require("./hooks/use-table-content-height.js"),Ce=require("./hooks/use-table-row-selection.js"),k=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const Re=require("./context.js");require("../scroll-bar/index.js");const xe=require("./hooks/use-sticky-scroll.js"),Te=require("../utils/slot.js"),ke=require("../config-provider/hooks/use-namespace.js"),Be=require("../config-provider/hooks/use-global-config.js"),Fe=require("./components/paragraph-ellipsis/index.vue2.js"),ze=require("./components/setting/modal/index.vue2.js"),Ne=require("../scroll-bar/index.vue.js"),qe=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"small"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(M,{expose:G}){const t=M;let B=0;const f=e.useSlots(),[,J]=be.useToken(),{e:w,b:p,be:F,m:Q,cssVar:X}=ke.useNamespace("ap-table"),z=Be.useGlobalConfig("valueTypeMap"),{height:Y,contentRef:Z}=ve.default(),N=e.ref(),q=e.ref(),{isStickyMode:P,scrollBarRef:c}=xe.useStickyScroll(N),v=e.ref(t.size),d=e.ref([]),V=e.ref([]),_=k.getScrollbarSize();Re.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>V.value),size:e.computed(()=>v.value),updateColumns(r){d.value=r},updateSize(r){v.value=r},dataSource:e.computed(()=>e.unref(y).records),getSearchFormValues:K,setSearchFormValues:A,submit:()=>R(),reset:()=>x()});const I=e.computed(()=>{var r,o,n;return B++,((n=(o=(r=t.columns)==null?void 0:r.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!H.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:o.sort((a,u)=>{let l=s.getColumnOrder(a.order);return s.getColumnOrder(u.order)-l}))==null?void 0:n.map(a=>{const u=s.updateFormProps(a,s.getFieldProps(a.fieldProps,{})),l={...a,fieldProps:{label:a.title,name:a.dataIndex,bordered:!0,...u||{},_signal:B},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(z)),l}))||[]}),ee=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||(r==null?void 0:r.dataIndex)}).filter(Boolean)),re=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||(r==null?void 0:r.dataIndex)}).filter(Boolean)),te=e.computed(()=>i.isUndefined(t.dataSource)?y.records:t.dataSource),ne=e.computed(()=>{var o;return k.isDef(t.manual)?t.manual:Te.getValidVNodeList(((o=f.searchFormExtra)==null?void 0:o.call(f))||[]).some(n=>{var a;return((a=n.type)==null?void 0:a.name)==="ApView"})}),{rowSelection:S,selectedRows:b,...h}=Ce.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:te}),{formRef:C,submit:R,reset:x,tableProps:E,refresh:oe,data:y,setDataSource:ae,getColumnSFConfig:L,sortedInfo:le,filteredInfo:se}=we.useTablePaging({async request(r){var n,a;if(!S.value.preserveSelectedRowKeys&&i.isUndefined(t.dataSource)&&h.clearAll(),!i.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const o=await((n=t.request)==null?void 0:n.call(t,r));return(a=t.onLoad)==null||a.call(t,(o==null?void 0:o.data)||[]),{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:re,sortFields:ee,defaultParams:t.params,defaultData:t.defaultData,manual:e.unref(ne),formatParams:t.beforeSearchSubmit,pagination:t.pagination}),ue=()=>{var n;let r=((n=t.columns)==null?void 0:n.filter(a=>!a.hideInTable))||[];function o(a,u){return a.map(l=>({resizable:k.isDef(l.resizable)?l.resizable:t.columnResizable,...i.omit(s.apColumnToColumn(l),["ellipsis"]),...L(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,F("table-header","title"),f.headerCell,e.unref(J).colorPrimary),customRender({value:m,...g}){var $,j;const D=s.getTableRenderType(l),ye=s.getTableRenderProps({...l,valueType:D},{value:m,...g}),ge=s.getTableCellRenderNode(D,ye,g.record,e.unref(z)),U=(($=l.renderText)==null?void 0:$.call(l,{value:m,...g}))||m,Se=l.renderText?e.createVNode(e.Fragment,null,[(j=l.renderText)==null?void 0:j.call(l,{value:m,...g})]):ge;let T=pe(l,U,Se);return l.customRender&&(T=l.customRender({value:m,...g,column:l,originalNode:T,originalText:U})),T},children:o(l.children||[],u||l)}))}return o(r)},de=()=>{function r(o){var n;for(const a of o)(n=a.children)!=null&&n.length?r(a.children):L(a,!0)}r(d.value)};e.watch(()=>[t.columns,t.columnResizable],()=>{const r=ue();d.value=r,V.value=r},{deep:!0,immediate:!0}),e.watch(()=>[le.value,se.value],()=>{de()},{deep:!0});const ie=e.computed(()=>{var o,n;if(t.adaptive&&(y.total>0||((o=t.dataSource)==null?void 0:o.length)))return{y:e.unref(Y),x:((n=t.scroll)==null?void 0:n.x)||"100%"};if(t.scroll)return t.scroll}),ce=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(o=>o.ellipsis))return"fixed"}),O=e.computed(()=>{var n;const r=e.unref(E),o=e.unref(S);return{...t,...r,rowSelection:t.rowSelection===!0||((n=t.rowSelection)==null?void 0:n.mode)==="internal"?{...o,preserveSelectedRowKeys:i.isUndefined(t.dataSource)?o.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:i.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(ie)}}),fe=e.computed(()=>{var r;return[p(),t.card?null:p("wrapper"),t.adaptive?p("adaptive"):null,P.value&&((r=c.value)!=null&&r.visible)?Q(`sticky-${_===0?"absolute":"relative"}`):null].filter(Boolean)});function pe(r,o,n){if(H.noRenderAsFormItemValueList.includes(r.valueType))return n;const a=s.objectToString(o);return r.copyable||r.ellipsis?e.createVNode(Fe.default,{copyable:r.copyable,rawValue:a,ellipsis:r.ellipsis?i.isBoolean(r.ellipsis)?{tooltip:n,rows:1}:{...r.ellipsis,tooltip:n}:!1,content:n},null):n}e.watch(()=>e.unref(y).loading,r=>{var o;(o=t.onLoadingChange)==null||o.call(t,r)}),e.watch(()=>t.dataSource,r=>{ae(r)},{immediate:!0});function A(r){var o,n,a;(a=(n=(o=C.value)==null?void 0:o.apForm)==null?void 0:n.setFieldsValue)==null||a.call(n,r)}function K(r=!1){var n,a,u;const o=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(a=(n=C.value)==null?void 0:n.apForm)==null?void 0:a[o])==null?void 0:u.call(a,!0)}function me(){return e.unref(d)}return G({submit:()=>R(),reset:()=>x(),refresh:()=>oe(),setSearchFormValues:A,getSearchFormValues:K,getShownColumns:me,dataSource:e.computed(()=>e.unref(y).records),rowSelection:{selectedRows:e.computed(()=>e.unref(b)),...h},scrollBar:{x:{getCurrentScroll:()=>{var r;return((r=c==null?void 0:c.value)==null?void 0:r.currentScroll)??0},scroll:r=>{var o,n;return(n=(o=c==null?void 0:c.value)==null?void 0:o.scroll)==null?void 0:n.call(o,r)}},y:void 0}}),(r,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableWrapperRef",ref:N,class:e.normalizeClass(fe.value),style:e.normalizeStyle(e.unref(X)({"scroll-bar-width":`${e.unref(_)}px`}))},[e.unref(i.isUndefined)(r.dataSource)&&r.searchForm!==!1&&I.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(he.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":e.unref(E).loading,onSubmit:e.unref(R),onReset:e.unref(x)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode.Comp),e.mergeProps({key:n.dataIndex,item:n,ref_for:!0},n.fieldProps||{},{span:n.span,"custom-render":n.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[f.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:Z,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(p)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(F)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),f.title?(e.openBlock(),e.createBlock(e.unref(W.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(ze.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),e.createVNode(e.unref(W.Table),e.mergeProps({ref_key:"antdTableRef",ref:q,class:e.unref(p)("table")},O.value,{size:v.value,"table-layout":ce.value,columns:d.value,onResizeColumn:o[0]||(o[0]=(n,a)=>a.width=n)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:O.value.dataSource,selectedRows:e.unref(b)})]),_:2},[e.unref(P)?{name:"bottomPaginationTop",fn:e.withCtx(()=>{var n,a;return[e.createVNode(e.unref(Ne.default),{ref_key:"scrollBarRef",ref:c,"scroll-container":(a=(n=q.value)==null?void 0:n.table)==null?void 0:a.scrollBodyRef,direction:"horizontal"},null,8,["scroll-container"])]}),key:"0"}:void 0,e.renderList(e.unref(i.omit)(f,["title","searchFormExtra","headerCell","summary"]),(n,a)=>({name:a,fn:e.withCtx(u=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],6))}});exports.default=qe;

package/lib/src/business/ap-status/interface.d.ts

@@ -10,7 +10,7 @@ type ApStatusGroupItemUnion = Pick<ApStatusProps, 'text' | 'color'> & {
 };
 export type ApStatusGroupItemProps = Required<ApStatusGroupItemUnion>;
 export type ApStatusGroupProps = {
-    padding: number;
+    padding?: number;
     currentValue: number | string;
     statusList: ApStatusGroupItemProps[] | null;
     style?: object;

package/lib/src/editable-table/form-item.vue.d.ts

@@ -1,20 +1,8 @@
-import { EditableColumnType, EditableTableFormItemProps } from './interface';
-import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
+import { EditableColumnType, EditableTableFormItemExpose, EditableTableFormItemProps } from './interface';
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
-import { UnwrapRefSimple } from '@vue/reactivity';
 declare const _default: <RecordType = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableTableFormItemProps<RecordType> & Partial<{}>> & PublicProps;
-    expose(exposed: ShallowUnwrapRef<{
-        add: (defaultValue?: any, insertIndex?: number) => void;
-        remove: (index: number | number[]) => void;
-        getRowData: (index: number) => RecordType | UnwrapRefSimple<RecordType>;
-        getRowsData: () => RecordType[] | UnwrapRefSimple<RecordType>[];
-        setRowData: (index: number, payload: any, merge?: boolean) => void;
-        addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
-        scrollTo: (index: number | "end", options?: StandardBehaviorOptions) => void;
-        setTableData: (nextTableData: RecordType[]) => void;
-        clear: () => void;
-    }>): void;
+    expose(exposed: ShallowUnwrapRef<EditableTableFormItemExpose>): void;
     attrs: any;
     slots: Readonly<{
         default: any;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),E=require("@aplus-frontend/antdv"),p=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const P=require("../ap-form/context.js"),h=require("../utils/index.js"),j=require("./hooks/use-get-columns.js"),A=require("./utils.js"),O=require("../config-provider/hooks/use-namespace.js"),z=require("../config-provider/hooks/use-global-config.js"),G=t.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"small"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(g,{expose:x}){const n=g;function b(e,a){return d.isArray(a)?a.reduce((l,o)=>l==null?void 0:l[o],e):e==null?void 0:e[a]}const{internalInstance:u,model:w}=P.useInjectForm(),i=t.ref(b(t.unref(w),n.name)||[]),C=t.useSlots(),y=t.toRef(n,"name"),R=p.ApForm.useWatch(y);t.watch(()=>R.value,async e=>{var a;await t.nextTick(),i.value=e,(a=n.onChange)==null||a.call(n,e)},{deep:!0});const{b:B}=O.useNamespace("editable-table"),m=t.ref(),F=z.useGlobalConfig("valueTypeMap"),T=j.default(n,F);function q(e,a){var s;const l=((s=t.unref(i))==null?void 0:s.length)||0;if(h.isDef(n.maxLength)&&l>=n.maxLength)return;const o={...e||{}};u==null||u.setFieldValue(n.name,o,!0,(r,f)=>{if(!r[f]){r[f]=[o];return}d.isUndefined(a)?r[f].push(o):r[f].splice(a,0,o)})}function v(e,a="suffix"){var r;const l=((r=t.unref(i))==null?void 0:r.length)||0,o=d.isNumber(e)?e:e.length;if(h.isDef(n.maxLength)&&l+o>n.maxLength)return;const s=d.isNumber(e)?new Array(e).fill(0).map(()=>({})):d.cloneDeep(e);u==null||u.setFieldValue(n.name,s,!0,(f,c)=>{if(!f[c]){f[c]=[...s];return}a==="suffix"?f[c].push(...s):f[c].unshift(...s)})}function D(e){const a=new Set(d.isNumber(e)?[e]:e);u==null||u.setFieldValue(n.name,void 0,!0,(l,o)=>{l[o]=l[o].filter((s,r)=>!a.has(r))})}function N(){return t.unref(i)}function S(e){var a;return(a=t.unref(i))==null?void 0:a[e]}function L(e,a,l=!0){u==null||u.setFieldValue(n.name,void 0,!0,(o,s)=>{!o[s]||!o[s][e]||(o[s][e]={...l?o[s][e]:{},...a})})}function V(e){u==null||u.setFieldValue(n.name,e)}function _(e,a){var o;const l=e==="end"?i.value.length-1:e;A.scrollToRowIndex(l,(o=m.value)==null?void 0:o.$el,a)}function k(){var e;(e=u==null?void 0:u.setFieldValue)==null||e.call(u,n.name,[])}return x({add:q,remove:D,getRowData:S,getRowsData:N,setRowData:L,addMultiple:v,scrollTo:_,setTableData:V,clear:k}),(e,a)=>(t.openBlock(),t.createBlock(t.unref(p.ApForm).FormItem,t.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:t.withCtx(()=>[t.createVNode(t.unref(E.Table),t.mergeProps(t.unref(d.omit)(n,["name","maxLength","onChange"]),{ref_key:"tableRef",ref:m,class:t.unref(B)(),columns:t.unref(T),"data-source":i.value}),t.createSlots({_:2},[t.renderList(t.unref(d.omit)(C,["headerCell"]),(l,o)=>({name:o,fn:t.withCtx(s=>[t.renderSlot(e.$slots,o,t.normalizeProps(t.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),j=require("@aplus-frontend/antdv"),p=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const k=require("../ap-form/context.js"),h=require("../utils/index.js"),A=require("./hooks/use-get-columns.js"),z=require("./utils.js"),K=require("../config-provider/hooks/use-namespace.js"),O=require("../config-provider/hooks/use-global-config.js"),G=o.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"small"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(g,{expose:x}){const l=g;function b(e,u){return d.isArray(u)?u.reduce((n,a)=>n==null?void 0:n[a],e):e==null?void 0:e[u]}const{internalInstance:t,model:w}=k.useInjectForm(),i=o.ref(b(o.unref(w),l.name)||[]),y=o.useSlots(),C=o.toRef(l,"name"),R=p.ApForm.useWatch(C);o.watch(()=>R.value,async e=>{var u;await o.nextTick(),i.value=e,(u=l.onChange)==null||u.call(l,e)},{deep:!0});const{b:B}=K.useNamespace("editable-table"),m=o.ref(),F=O.useGlobalConfig("valueTypeMap"),T=A.default(l,F);function v(e,u){var s;const n=((s=o.unref(i))==null?void 0:s.length)||0;if(h.isDef(l.maxLength)&&n>=l.maxLength)return;const a={...e||{}};t==null||t.setFieldValue(l.name,a,!0,(r,f)=>{if(!r[f]){r[f]=[a];return}d.isUndefined(u)?r[f].push(a):r[f].splice(u,0,a)})}function D(e,u="suffix"){var r;const n=((r=o.unref(i))==null?void 0:r.length)||0,a=d.isNumber(e)?e:e.length;if(h.isDef(l.maxLength)&&n+a>l.maxLength)return;const s=d.isNumber(e)?new Array(e).fill(0).map(()=>({})):d.cloneDeep(e);t==null||t.setFieldValue(l.name,s,!0,(f,c)=>{if(!f[c]){f[c]=[...s];return}u==="suffix"?f[c].push(...s):f[c].unshift(...s)})}function q(e){const u=new Set(d.isNumber(e)?[e]:e);t==null||t.setFieldValue(l.name,void 0,!0,(n,a)=>{n[a]=n[a].filter((s,r)=>!u.has(r))})}function N(e){var n;const u=new Set(d.isArray(e)?e:[e]);u.size!==0&&((n=t==null?void 0:t.setFieldValue)==null||n.call(t,l.name,void 0,!0,(a,s)=>{a[s]=a[s].filter(r=>!u.has(r[l.rowKey]))}))}function S(){return o.unref(i)}function V(e){var u;return(u=o.unref(i))==null?void 0:u[e]}function L(e,u,n=!0){t==null||t.setFieldValue(l.name,void 0,!0,(a,s)=>{!a[s]||!a[s][e]||(a[s][e]={...n?a[s][e]:{},...u})})}function _(e){t==null||t.setFieldValue(l.name,e)}function E(e,u){var a;const n=e==="end"?i.value.length-1:e;z.scrollToRowIndex(n,(a=m.value)==null?void 0:a.$el,u)}function P(){var e;(e=t==null?void 0:t.setFieldValue)==null||e.call(t,l.name,[])}return x({add:v,remove:q,getRowData:V,getRowsData:S,setRowData:L,addMultiple:D,scrollTo:E,setTableData:_,clear:P,removeByKey:N}),(e,u)=>(o.openBlock(),o.createBlock(o.unref(p.ApForm).FormItem,o.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:o.withCtx(()=>[o.createVNode(o.unref(j.Table),o.mergeProps(o.unref(d.omit)(l,["name","maxLength","onChange"]),{ref_key:"tableRef",ref:m,class:o.unref(B)(),columns:o.unref(T),"data-source":i.value}),o.createSlots({_:2},[o.renderList(o.unref(d.omit)(y,["headerCell"]),(n,a)=>({name:a,fn:o.withCtx(s=>[o.renderSlot(e.$slots,a,o.normalizeProps(o.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=G;

package/lib/src/editable-table/index.vue.d.ts

@@ -1,25 +1,11 @@
-import { EditableTableProps, EditableColumnType } from './interface';
-import { NamePath, ValidateOptions } from '@aplus-frontend/antdv/es/form/interface';
+import { EditableTableProps, EditableColumnType, EditableTableExpose } from './interface';
 import { Recordable } from '../type';
-import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:value"> & EditableTableProps<RecordType> & Partial<{}>> & PublicProps;
-    expose(exposed: ShallowUnwrapRef<{
-        resetFields: () => void;
-        validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<any>;
-        add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
-        remove: (index: number | number[]) => void;
-        getRowData: (index: number) => RecordType;
-        getRowsData: () => RecordType[];
-        setRowData: (index: number, payload: any, merge?: boolean) => void;
-        addMultiple: (list: number | Partial<RecordType>[], insetIn?: "prefix" | "suffix") => void;
-        scrollTo: (index: number | "end", options?: StandardBehaviorOptions) => void;
-        clear: () => void;
-        setTableData: (nextTableData: RecordType[]) => void;
-    }>): void;
+    expose(exposed: ShallowUnwrapRef<EditableTableExpose>): void;
     attrs: any;
     slots: Readonly<{
         default: any;

package/lib/src/editable-table/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),O=require("@aplus-frontend/antdv"),x=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const v=require("../utils/index.js"),z=require("./utils.js"),U=require("./hooks/use-get-columns.js"),G=require("../config-provider/hooks/use-namespace.js"),K=require("../hooks/useControllableValue.js"),$=require("../config-provider/hooks/use-global-config.js"),H=n.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"small"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:C,emit:b}){const l=w,{b:y}=G.useNamespace("editable-table"),R=n.useSlots(),F=b,g=n.ref(),{value:p,updateValue:q}=K.useControllableValue(l,F),i=n.ref(),B=$.useGlobalConfig("valueTypeMap"),h=x.ApForm.useWatch(l.name,i);n.watch(()=>h.value,e=>{var t;q(e),(t=l.onChange)==null||t.call(l,e)},{deep:!0,flush:"post"}),n.watch(p,e=>{var t;e!==n.unref(h)&&(d.isEqual(e,n.unref(h))||(t=i.value)==null||t.setFieldValue(l.name,e))},{deep:!0});const V=U.default(l,B);function N(){var e;(e=i.value)==null||e.resetFields()}function T(e){return e?(d.isArray(e)?e:[e]).map(o=>d.isArray(o)?[l.name,...o]:[l.name,o]):void 0}async function _(e,t){var a;const o=await((a=i.value)==null?void 0:a.validateFields(T(e),t));return o==null?void 0:o[l.name]}function S(e,t){var u,r,s;const o=((u=n.unref(p))==null?void 0:u.length)||0;if(v.isDef(l.maxLength)&&o>=l.maxLength)return;const a={...e||{}};(s=(r=i.value)==null?void 0:r.setFieldValue)==null||s.call(r,l.name,a,!0,(f,c)=>{if(!f[c]){f[c]=[a];return}d.isUndefined(t)?f[c].push(a):f[c].splice(t,0,a)})}function A(e,t="suffix"){var r,s,f;const o=((r=n.unref(p))==null?void 0:r.length)||0,a=d.isNumber(e)?e:e.length;if(v.isDef(l.maxLength)&&o+a>l.maxLength)return;const u=d.isNumber(e)?new Array(e).fill(0).map(()=>({})):d.cloneDeep(e);(f=(s=i.value)==null?void 0:s.setFieldValue)==null||f.call(s,l.name,u,!0,(c,m)=>{if(!c[m]){c[m]=[...u];return}t==="suffix"?c[m].push(...u):c[m].unshift(...u)})}function D(e){var o,a;const t=new Set(d.isNumber(e)?[e]:e);(a=(o=i.value)==null?void 0:o.setFieldValue)==null||a.call(o,l.name,void 0,!0,(u,r)=>{u[r]=u[r].filter((s,f)=>!t.has(f))})}function L(){return n.unref(p)}function E(e){var t;(t=i.value)==null||t.setFieldValue(l.name,e)}function k(e){var t;return(t=n.unref(p))==null?void 0:t[e]}function P(e,t,o=!0){var a,u;(u=(a=i.value)==null?void 0:a.setFieldValue)==null||u.call(a,l.name,void 0,!0,(r,s)=>{!r[s]||!r[s][e]||(r[s][e]={...o?r[s][e]:{},...t})})}function j(e,t){var a;const o=e==="end"?p.value.length-1:e;z.scrollToRowIndex(o,(a=g.value)==null?void 0:a.$el,t)}function I(){var e,t;(t=(e=i.value)==null?void 0:e.setFieldValue)==null||t.call(e,l.name,[])}return C({resetFields:N,validateFields:_,add:S,remove:D,getRowData:k,getRowsData:L,setRowData:P,addMultiple:A,scrollTo:j,clear:I,setTableData:E}),(e,t)=>(n.openBlock(),n.createBlock(n.unref(x.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[l.name]:n.unref(p)}},{default:n.withCtx(()=>[n.createVNode(n.unref(x.ApForm).FormItem,{name:e.name,"no-style":""},{default:n.withCtx(()=>[n.createVNode(n.unref(O.Table),n.mergeProps(n.unref(d.omit)(l,["name","value","onUpdate:value","maxLength","onChange"]),{ref_key:"tableRef",ref:g,class:n.unref(y)(),columns:n.unref(V),"data-source":n.unref(p)}),n.createSlots({_:2},[n.renderList(n.unref(d.omit)(R,["headerCell"]),(o,a)=>({name:a,fn:n.withCtx(u=>[n.renderSlot(e.$slots,a,n.normalizeProps(n.guardReactiveProps(u||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),K=require("@aplus-frontend/antdv"),v=require("../ap-form/index.js"),f=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const g=require("../utils/index.js"),O=require("./utils.js"),U=require("./hooks/use-get-columns.js"),G=require("../config-provider/hooks/use-namespace.js"),$=require("../hooks/useControllableValue.js"),H=require("../config-provider/hooks/use-global-config.js"),W=t.defineComponent({name:"EditableTable",__name:"index",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"small"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(w,{expose:y,emit:C}){const o=w,{b}=G.useNamespace("editable-table"),R=t.useSlots(),F=C,x=t.ref(),{value:p,updateValue:B}=$.useControllableValue(o,F),i=t.ref(),V=H.useGlobalConfig("valueTypeMap"),h=v.ApForm.useWatch(o.name,i);t.watch(()=>h.value,e=>{var n;B(e),(n=o.onChange)==null||n.call(o,e)},{deep:!0,flush:"post"}),t.watch(p,e=>{var n;e!==t.unref(h)&&(f.isEqual(e,t.unref(h))||(n=i.value)==null||n.setFieldValue(o.name,e))},{deep:!0});const q=U.default(o,V);function N(){var e;(e=i.value)==null||e.resetFields()}function T(e){return e?(f.isArray(e)?e:[e]).map(a=>f.isArray(a)?[o.name,...a]:[o.name,a]):void 0}async function S(e,n){var l;const a=await((l=i.value)==null?void 0:l.validateFields(T(e),n));return a==null?void 0:a[o.name]}function _(e,n){var u,r,s;const a=((u=t.unref(p))==null?void 0:u.length)||0;if(g.isDef(o.maxLength)&&a>=o.maxLength)return;const l={...e||{}};(s=(r=i.value)==null?void 0:r.setFieldValue)==null||s.call(r,o.name,l,!0,(d,c)=>{if(!d[c]){d[c]=[l];return}f.isUndefined(n)?d[c].push(l):d[c].splice(n,0,l)})}function A(e,n="suffix"){var r,s,d;const a=((r=t.unref(p))==null?void 0:r.length)||0,l=f.isNumber(e)?e:e.length;if(g.isDef(o.maxLength)&&a+l>o.maxLength)return;const u=f.isNumber(e)?new Array(e).fill(0).map(()=>({})):f.cloneDeep(e);(d=(s=i.value)==null?void 0:s.setFieldValue)==null||d.call(s,o.name,u,!0,(c,m)=>{if(!c[m]){c[m]=[...u];return}n==="suffix"?c[m].push(...u):c[m].unshift(...u)})}function D(e){var a,l;const n=new Set(f.isNumber(e)?[e]:e);(l=(a=i.value)==null?void 0:a.setFieldValue)==null||l.call(a,o.name,void 0,!0,(u,r)=>{u[r]=u[r].filter((s,d)=>!n.has(d))})}function L(e){var a,l;const n=new Set(f.isArray(e)?e:[e]);n.size!==0&&((l=(a=i.value)==null?void 0:a.setFieldValue)==null||l.call(a,o.name,void 0,!0,(u,r)=>{u[r]=u[r].filter(s=>!n.has(s[o.rowKey]))}))}function E(){return t.unref(p)}function k(e){var n;(n=i.value)==null||n.setFieldValue(o.name,e)}function P(e){var n;return(n=t.unref(p))==null?void 0:n[e]}function j(e,n,a=!0){var l,u;(u=(l=i.value)==null?void 0:l.setFieldValue)==null||u.call(l,o.name,void 0,!0,(r,s)=>{!r[s]||!r[s][e]||(r[s][e]={...a?r[s][e]:{},...n})})}function z(e,n){var l;const a=e==="end"?p.value.length-1:e;O.scrollToRowIndex(a,(l=x.value)==null?void 0:l.$el,n)}function I(){var e,n;(n=(e=i.value)==null?void 0:e.setFieldValue)==null||n.call(e,o.name,[])}return y({resetFields:N,validateFields:S,add:_,remove:D,getRowData:P,getRowsData:E,setRowData:j,addMultiple:A,scrollTo:z,clear:I,setTableData:k,removeByKey:L}),(e,n)=>(t.openBlock(),t.createBlock(t.unref(v.ApForm),{ref_key:"formRef",ref:i,"initial-values":{[o.name]:t.unref(p)}},{default:t.withCtx(()=>[t.createVNode(t.unref(v.ApForm).FormItem,{name:e.name,"no-style":""},{default:t.withCtx(()=>[t.createVNode(t.unref(K.Table),t.mergeProps(t.unref(f.omit)(o,["name","value","onUpdate:value","maxLength","onChange"]),{ref_key:"tableRef",ref:x,class:t.unref(b)(),columns:t.unref(q),"data-source":t.unref(p)}),t.createSlots({_:2},[t.renderList(t.unref(f.omit)(R,["headerCell"]),(a,l)=>({name:l,fn:t.withCtx(u=>[t.renderSlot(e.$slots,l,t.normalizeProps(t.guardReactiveProps(u||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=W;

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

@@ -7,6 +7,7 @@ import { EllipsisConfig } from '@aplus-frontend/antdv/es/typography/Base';
 import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../type';
 import { ApFormItemProps } from '../ap-form';
+import { Key } from '@aplus-frontend/antdv/es/_util/type';
 export type EditableColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ColumnType<RecordType>, 'children' | 'customRender' | 'ellipsis'> & {
     children?: EditableColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
     /**
@@ -138,6 +139,12 @@ export type EditableTableExpose<ModelType = any, RecordType = any> = {
      * @returns
      */
     remove: (index: number | number[]) => void;
+    /**
+     * 通过key删除数据
+     * @param key
+     * @returns
+     */
+    removeByKey: (key: Key | Key[]) => void;
     /**
      * 清空所有数据
      * @returns

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.6.0-beta.3",
+  "version": "0.6.0-beta.4",
   "main": "./lib/index.js",
   "type": "module",
   "files": [

package/theme/ap-tag/ap-tag.css

@@ -44,7 +44,7 @@
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--middle {
   line-height: 1.5;
-  padding: 4px;
+  padding: 3px 4px;
   font-size: 12px;
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--small {

package/theme/ap-tag/ap-tag.less

@@ -19,7 +19,7 @@
       }
       &--middle {
         line-height: @line-height-base;
-        padding: 4px;
+        padding: 3px 4px;
         font-size: @font-size-base;
       }
       &--small {

package/theme/index.css

@@ -1591,7 +1591,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--middle {
   line-height: 1.5;
-  padding: 4px;
+  padding: 3px 4px;
   font-size: 12px;
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--small {