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

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.5",
   "main": "./lib/index.js",
   "type": "module",
   "files": [

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

@@ -824,3 +824,6 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination {
   padding-top: 4px;
 }
+.ant-tooltip div[role='tooltip'] {
+  padding-block: 6px;
+}

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

@@ -6,3 +6,4 @@
 @import './pagination.less'; // 分页
 @import './steps.less'; // 步骤条
 @import './table.less'; // 表格
+@import './tooltip.less'; // 文字提示

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

@@ -0,0 +1,3 @@
+.ant-tooltip div[role='tooltip'] {
+  padding-block: 6px;
+}

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

@@ -0,0 +1,3 @@
+.ant-tooltip div[role='tooltip'] {
+  padding-block: 6px;
+}

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

@@ -868,3 +868,6 @@ div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-f
 .ant-radio:not(.ant-radio-checked) .ant-radio-inner {
   border-color: #d3d7de;
 }
+.ant-tooltip div[role='tooltip'] {
+  padding-block: 6px;
+}

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

@@ -7,3 +7,4 @@
 @import './steps.less'; // 步骤条
 @import './table.less'; // 表格
 @import './field.less'; // 输入类型控件
+@import './tooltip.less'; // 文字提示

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

@@ -0,0 +1,3 @@
+.ant-tooltip div[role='tooltip'] {
+  padding-block: 6px;
+}

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

@@ -0,0 +1,3 @@
+.ant-tooltip div[role='tooltip'] {
+  padding-block: 6px;
+}

package/theme/ap-action/item-dropdown.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-action/item.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-appendix/ap-appendix.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-attachment/ap-attachment.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-batch-action/ap-batch-action.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-button/ap-button.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-card/ap-card.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-descriptions/ap-descriptions.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-download/ap-download.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-expand-alert/ap-expand-alert.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-field/checkbox.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-field/index.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-field/number.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-field/radio.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ap-field/text-area.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

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

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

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

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -35,6 +52,9 @@
 .aplus-ap-form-item--bordered .ant-input-affix-wrapper {
   padding: 0;
 }
+.aplus-ap-form-item--bordered:has(.aplus-batch-input-group) .ant-input-affix-wrapper {
+  padding-right: 8px;
+}
 .aplus-ap-form-item--bordered .ant-input {
   padding: 0;
 }
@@ -48,7 +68,7 @@
   inset-inline-end: 0;
 }
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
-  padding-left: 11px;
+  padding-left: 8px;
 }
 .aplus-ap-form-item--bordered .ant-select-selector {
   border-width: 0 !important;
@@ -101,6 +121,6 @@
   width: 100%;
 }
 .aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
+  padding-inline: 8px;
   flex: 1;
 }