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

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.2",
+  "version": "0.6.0-beta.4",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -66,10 +66,10 @@
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
     "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.55"
+    "@aplus-frontend/utils": "1.0.57"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^1.1.4",
+    "@aplus-frontend/antdv": "^1.1.5",
     "@aplus-frontend/icon": "^1.2.3",
     "@aplus-frontend/oss": "^1.1.2",
     "vue": "^3.5.13",
@@ -77,7 +77,7 @@
     "vxe-table": "4.11.29"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^1.1.4",
+    "@aplus-frontend/antdv": "^1.1.5",
     "@aplus-frontend/icon": "^1.2.3",
     "@aplus-frontend/oss": "^1.1.2",
     "@types/sortablejs": "^1.15.8",

package/theme/antd-global-overwrite/admin/index.css

@@ -166,8 +166,8 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 .ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
-  height: 54px;
-  line-height: 54px;
+  height: 47px;
+  line-height: 47px;
   text-align: start;
 }
 .ant-modal-root .ant-modal .ant-modal-close-x > div {
@@ -188,22 +188,9 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-header {
   margin-bottom: 0;
-  padding: 15px 20px;
+  padding: 12px 20px;
   border-bottom: 1px solid #E9E9E9;
 }
-.ant-modal-root .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
-  color: #333333;
-  font-weight: normal;
-  font-size: 16px;
-  line-height: 24px;
-}
-.ant-modal-root .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title > span {
-  padding-left: 0;
-  color: #333333;
-  font-weight: normal;
-  font-size: 16px;
-  line-height: 24px;
-}
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body {
   padding: 20px !important;
 }
@@ -222,7 +209,7 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer {
   margin-top: 0;
-  padding: 11px 20px;
+  padding: 12px 20px;
   border-top: 1px solid #E9E9E9;
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {

package/theme/antd-global-overwrite/admin/modal.css

@@ -15,8 +15,8 @@
 .ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
-  height: 54px;
-  line-height: 54px;
+  height: 47px;
+  line-height: 47px;
   text-align: start;
 }
 .ant-modal-root .ant-modal .ant-modal-close-x > div {
@@ -37,22 +37,9 @@
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-header {
   margin-bottom: 0;
-  padding: 15px 20px;
+  padding: 12px 20px;
   border-bottom: 1px solid #E9E9E9;
 }
-.ant-modal-root .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
-  color: #333333;
-  font-weight: normal;
-  font-size: 16px;
-  line-height: 24px;
-}
-.ant-modal-root .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title > span {
-  padding-left: 0;
-  color: #333333;
-  font-weight: normal;
-  font-size: 16px;
-  line-height: 24px;
-}
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body {
   padding: 20px !important;
 }
@@ -71,7 +58,7 @@
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer {
   margin-top: 0;
-  padding: 11px 20px;
+  padding: 12px 20px;
   border-top: 1px solid #E9E9E9;
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {

package/theme/antd-global-overwrite/admin/modal.less

@@ -19,8 +19,8 @@
     .ant-modal-close-x {
       display: inline-block;
       width: 96px;
-      height: 54px;
-      line-height: 54px;
+      height: 47px;
+      line-height: 47px;
       text-align: start;
 
       & > div {
@@ -45,23 +45,8 @@
 
       .ant-modal-header {
         margin-bottom: 0;
-        padding: 15px 20px;
+        padding: 12px 20px;
         border-bottom: 1px solid#E9E9E9;
-
-        .ant-modal-title {
-          color: #333333;
-          font-weight: normal;
-          font-size: 16px;
-          line-height: 24px;
-
-          & > span {
-            padding-left: 0;
-            color: #333333;
-            font-weight: normal;
-            font-size: 16px;
-            line-height: 24px;
-          }
-        }
       }
 
       .ant-modal-body {
@@ -87,7 +72,7 @@
 
       .ant-modal-footer {
         margin-top: 0;
-        padding: 11px 20px;
+        padding: 12px 20px;
         border-top: 1px solid#E9E9E9;
 
         button {

package/theme/antd-global-overwrite/aplus/index.css

@@ -196,8 +196,8 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 .ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
-  height: 54px;
-  line-height: 54px;
+  height: 47px;
+  line-height: 47px;
   text-align: start;
 }
 .ant-modal-root .ant-modal .ant-modal-close-x > div {
@@ -218,16 +218,9 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-header {
   margin-bottom: 0;
-  padding: 15px 20px;
+  padding: 12px 20px;
   border-bottom: 1px solid #E9EDF3;
 }
-.ant-modal-root .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title > span {
-  padding-left: 0;
-  color: #182948;
-  font-weight: bold;
-  font-size: 16px;
-  line-height: 24px;
-}
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body {
   padding: 20px !important;
 }
@@ -246,7 +239,7 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer {
   margin-top: 0;
-  padding: 0 20px 20px;
+  padding: 0 20px 12px;
   border-top: none;
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {

package/theme/antd-global-overwrite/aplus/modal.css

@@ -15,8 +15,8 @@
 .ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
-  height: 54px;
-  line-height: 54px;
+  height: 47px;
+  line-height: 47px;
   text-align: start;
 }
 .ant-modal-root .ant-modal .ant-modal-close-x > div {
@@ -37,16 +37,9 @@
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-header {
   margin-bottom: 0;
-  padding: 15px 20px;
+  padding: 12px 20px;
   border-bottom: 1px solid #E9EDF3;
 }
-.ant-modal-root .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title > span {
-  padding-left: 0;
-  color: #182948;
-  font-weight: bold;
-  font-size: 16px;
-  line-height: 24px;
-}
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-body {
   padding: 20px !important;
 }
@@ -65,7 +58,7 @@
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer {
   margin-top: 0;
-  padding: 0 20px 20px;
+  padding: 0 20px 12px;
   border-top: none;
 }
 .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {

package/theme/antd-global-overwrite/aplus/modal.less

@@ -19,8 +19,8 @@
     .ant-modal-close-x {
       display: inline-block;
       width: 96px;
-      height: 54px;
-      line-height: 54px;
+      height: 47px;
+      line-height: 47px;
       text-align: start;
 
       & > div {
@@ -45,18 +45,8 @@
 
       .ant-modal-header {
         margin-bottom: 0;
-        padding: 15px 20px;
+        padding: 12px 20px;
         border-bottom: 1px solid#E9EDF3;
-
-        .ant-modal-title {
-          & > span {
-            padding-left: 0;
-            color: #182948;
-            font-weight: bold;
-            font-size: 16px;
-            line-height: 24px;
-          }
-        }
       }
 
       .ant-modal-body {
@@ -82,7 +72,7 @@
 
       .ant-modal-footer {
         margin-top: 0;
-        padding: 0 20px 20px;
+        padding: 0 20px 12px;
         border-top: none;
 
         button {

package/theme/ap-form/ap-form-item.css

@@ -88,8 +88,8 @@
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;

package/theme/ap-form/ap-form-item.less

@@ -75,8 +75,8 @@
   }
   .ant-form-show-help {
     .ant-form-item-explain-error {
-      font-size: @font-size-small;
-      line-height: @line-height-small;
+      font-size: @font-size-base;
+      line-height: 16px;
     }
   }
   .ant-col .ant-form-item-extra {

package/theme/ap-form/index.css

@@ -97,8 +97,8 @@
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -271,6 +271,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }

package/theme/ap-form/search-form.css

@@ -88,8 +88,8 @@
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -226,6 +226,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }

package/theme/ap-form/search-form.less

@@ -37,6 +37,9 @@
       &-confirm-btn {
         margin-left: 10px;
       }
+      & button.ant-btn {
+        padding-inline: @spacing-xl;
+      }
     }
   }
   &-column-setting-trigger-wrapper {

package/theme/ap-grid/index.css

@@ -97,8 +97,8 @@
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -271,6 +271,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }

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

@@ -81,8 +81,7 @@
 }
 .aplus-ap-column-setting-left__content {
   flex: 1;
-  padding-inline: 12px;
-  padding-block: 16px;
+  padding: 12px;
   overflow-y: auto;
 }
 .aplus-ap-column-setting-left__content .ant-checkbox-wrapper {
@@ -101,8 +100,9 @@
   background-color: #F2F6F9;
   padding: 4px 12px;
   border-radius: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   margin-inline: -12px;
+  display: flex;
 }
 .aplus-sortable-item-meta {
   padding: 6px 8px;
@@ -285,8 +285,8 @@
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -459,6 +459,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }

package/theme/ap-table/setting/index.css

@@ -69,8 +69,7 @@
 }
 .aplus-ap-column-setting-left__content {
   flex: 1;
-  padding-inline: 12px;
-  padding-block: 16px;
+  padding: 12px;
   overflow-y: auto;
 }
 .aplus-ap-column-setting-left__content .ant-checkbox-wrapper {
@@ -89,8 +88,9 @@
   background-color: #F2F6F9;
   padding: 4px 12px;
   border-radius: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   margin-inline: -12px;
+  display: flex;
 }
 .aplus-sortable-item-meta {
   padding: 6px 8px;

package/theme/ap-table/setting/modal.css

@@ -69,8 +69,7 @@
 }
 .aplus-ap-column-setting-left__content {
   flex: 1;
-  padding-inline: 12px;
-  padding-block: 16px;
+  padding: 12px;
   overflow-y: auto;
 }
 .aplus-ap-column-setting-left__content .ant-checkbox-wrapper {

package/theme/ap-table/setting/modal.less

@@ -41,8 +41,7 @@
     }
     &__content {
       flex: 1;
-      padding-inline: 12px;
-      padding-block: 16px;
+      padding: 12px;
       overflow-y: auto;
       // 覆盖全局样式
       .ant-checkbox-wrapper {

package/theme/ap-table/setting/select-group.css

@@ -30,6 +30,7 @@
   background-color: #F2F6F9;
   padding: 4px 12px;
   border-radius: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   margin-inline: -12px;
+  display: flex;
 }

package/theme/ap-table/setting/select-group.less

@@ -5,7 +5,8 @@
     background-color: #F2F6F9;
     padding: 4px 12px;
     border-radius: 4px;
-    margin-bottom: 16px;
+    margin-bottom: 12px;
     margin-inline: -12px;
+    display: flex;
   }
 });

package/theme/ap-table-modal/index.css

@@ -81,8 +81,7 @@
 }
 .aplus-ap-column-setting-left__content {
   flex: 1;
-  padding-inline: 12px;
-  padding-block: 16px;
+  padding: 12px;
   overflow-y: auto;
 }
 .aplus-ap-column-setting-left__content .ant-checkbox-wrapper {
@@ -101,8 +100,9 @@
   background-color: #F2F6F9;
   padding: 4px 12px;
   border-radius: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   margin-inline: -12px;
+  display: flex;
 }
 .aplus-sortable-item-meta {
   padding: 6px 8px;
@@ -285,8 +285,8 @@
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -459,6 +459,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }

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 {