@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.3

package/lib/src/pro-form/hooks/use-label-width.d.ts

@@ -95,11 +95,11 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
             span: string | number;
             offset: string | number;
         } | ColSize | undefined;
-        span?: (string | number) | undefined;
         prefixCls?: string | undefined;
+        span?: (string | number) | undefined;
         push?: (string | number) | undefined;
-        order?: (string | number) | undefined;
         flex?: (string | number) | undefined;
+        order?: (string | number) | undefined;
         offset?: (string | number) | undefined;
         pull?: (string | number) | undefined;
         innerHTML?: string | undefined;
@@ -110,7 +110,7 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         contextmenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
+        hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
         id?: string | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         lang?: string | undefined;
@@ -141,22 +141,22 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         results?: (string | number) | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputmode?: "text" | "search" | "url" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
         'aria-busy'?: (boolean | "true" | "false") | undefined;
         'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
         'aria-colcount'?: (string | number) | undefined;
         'aria-colindex'?: (string | number) | undefined;
         'aria-colspan'?: (string | number) | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: "time" | (boolean | "true" | "false") | "page" | "date" | "step" | "location" | undefined;
+        'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "copy" | "link" | "none" | "move" | "execute" | "popup" | undefined;
+        'aria-dropeffect'?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -300,11 +300,11 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
             span: string | number;
             offset: string | number;
         } | ColSize | undefined;
-        span?: (string | number) | undefined;
         prefixCls?: string | undefined;
+        span?: (string | number) | undefined;
         push?: (string | number) | undefined;
-        order?: (string | number) | undefined;
         flex?: (string | number) | undefined;
+        order?: (string | number) | undefined;
         offset?: (string | number) | undefined;
         pull?: (string | number) | undefined;
         style: any;

package/lib/src/pro-form/pro-form.vue.d.ts

@@ -66,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     "onAdvanced-change"?: ((...args: any[]) => any) | undefined;
     "onField-value-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: "small" | "default" | "large";
+    size: "small" | "large" | "default";
     layout: "inline" | "horizontal" | "vertical";
     labelWidth: string | number;
     rulesMessageJoinLabel: boolean;

package/lib/src/pro-table/const.d.ts

@@ -1,4 +1,7 @@
+import { SizeType } from './types/table';
+
 export declare const ROW_KEY = "key";
 export declare const DEFAULT_ALIGN = "left";
 export declare const INDEX_COLUMN_FLAG = "INDEX";
 export declare const ACTION_COLUMN_FLAG = "ACTION";
+export declare const formTableDivideSpaceMap: Record<SizeType, number>;

package/lib/src/pro-table/const.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L="key",N="left",_="INDEX",t="ACTION";exports.ACTION_COLUMN_FLAG=t;exports.DEFAULT_ALIGN=N;exports.INDEX_COLUMN_FLAG=_;exports.ROW_KEY=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="key",t="left",L="INDEX",N="ACTION",_={default:16,small:8,middle:12,large:16};exports.ACTION_COLUMN_FLAG=N;exports.DEFAULT_ALIGN=t;exports.INDEX_COLUMN_FLAG=L;exports.ROW_KEY=e;exports.formTableDivideSpaceMap=_;

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

@@ -58,5 +58,9 @@ export type ProTableProps = {
         value: any;
     }) => Promise<any>;
     size?: SizeType;
+    /**
+     * Form和Table的分割尺寸
+     */
+    divideSpace?: number | SizeType;
 };
 export {};

package/lib/src/pro-table/pro-table.vue.d.ts

@@ -24,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     canResize: boolean;
     resizeHeightOffset: number;
     rowKey: string;
+    divideSpace: string;
 }>, {
     reload: (opt?: FetchParams | undefined) => Promise< Recordable<any>[] | undefined>;
     setSelectedRows: (rows: Recordable<any>[]) => void;
@@ -94,6 +95,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     canResize: boolean;
     resizeHeightOffset: number;
     rowKey: string;
+    divideSpace: string;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onRegister?: ((...args: any[]) => any) | undefined;
@@ -127,6 +129,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     autoCreateKey: boolean;
     canColDrag: boolean;
     emptyDataIsShowTable: boolean;
+    divideSpace: number | SizeType;
 }, {}>, Partial<Record<string, (_: any) => any>> & Partial<Record<NonNullable<ProTableSlots>, (_: any) => any>> & {
     headerCell?(_: {
         column: TableColumnType<any>;

package/lib/src/pro-table/pro-table.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Ee=require("ant-design-vue"),z=require("lodash-unified");require("@ant-design/icons-vue");require("../config-provider/index.js");require("@fruits-chain/utils");require("@aplus-frontend/hooks");const Ke=require("../pro-form/pro-form.vue.js"),He=require("../pro-form/hooks/use-form.js"),Ne=require("./components/header-cell.vue.js"),Ae=require("./hooks/use-pagination.js"),Ie=require("./hooks/use-columns.js"),Ve=require("./hooks/use-data-source.js"),Le=require("./hooks/use-loading.js"),Oe=require("./hooks/use-row-selection.js"),We=require("./hooks/use-table-scroll.js"),$e=require("./hooks/use-scroll-to.js"),je=require("./hooks/use-custom-row.js"),Me=require("./hooks/use-table-style.js"),Ge=require("./hooks/use-table-header.js"),Ue=require("./hooks/use-table-expand.js"),Je=require("./hooks/use-table-context.js"),Qe=require("./hooks/use-table-footer.js"),Xe=require("./hooks/use-table-form.js");require("./style/pro-table.css");const Ye=require("../config-provider/hooks/use-global-config.js"),Ze=require("../config-provider/hooks/use-namespace.js"),et="PageWrapperFixedHeight",tt=e.defineComponent({name:"BasicTable",__name:"pro-table",props:{clickToRowSelect:{type:Boolean,default:!0},isTreeTable:{type:Boolean},tableSetting:{default:()=>({})},inset:{type:Boolean},sortFn:{},filterFn:{},showTableSetting:{type:Boolean},autoCreateKey:{type:Boolean,default:!0},striped:{type:Boolean,default:!0},showSummary:{type:Boolean},summaryFunc:{},summaryData:{},indentSize:{default:24},canColDrag:{type:Boolean,default:!0},api:{},beforeFetch:{},afterFetch:{},handleSearchInfoFn:{},fetchSetting:{},immediate:{type:Boolean,default:!0},emptyDataIsShowTable:{type:Boolean,default:!0},searchInfo:{},defSort:{},useSearchForm:{type:Boolean},formConfig:{},columns:{default:()=>[]},showIndexColumn:{type:Boolean,default:!0},indexColumnProps:{},actionColumn:{},ellipsis:{type:Boolean,default:!0},isCanResizeParent:{type:Boolean,default:!1},canResize:{type:Boolean,default:!0},clearSelectOnPageChange:{type:Boolean},resizeHeightOffset:{default:0},rowSelection:{},showSelectionBar:{type:Boolean},title:{},titleHelpMessage:{},maxHeight:{},dataSource:{},rowKey:{default:""},bordered:{type:Boolean},pagination:{type:[Object,Boolean]},loading:{type:Boolean},rowClassName:{},scroll:{},beforeEditSubmit:{},size:{}},emits:["fetch-success","fetch-error","selection-change","register","row-click","row-dbClick","row-contextmenu","row-mouseenter","row-mouseleave","edit-end","edit-cancel","edit-row-end","edit-change","expanded-rows-change","change","columns-change"],setup(k,{expose:E,emit:K}){const d=Ye.useGlobalConfig().value.table,s=k,r=K,y=e.useAttrs(),R=e.useSlots(),l=e.ref(null),p=e.ref([]),m=e.ref(null),T=e.ref(null),h=e.ref(),{b:S,m:H}=Ze.useNamespace("pro-table"),[N,F]=He.useForm(),n=e.computed(()=>({...s,sortFn:s.sortFn||d.defaultSortFn,filterFn:s.filterFn||d.defaultFilterFn,fetchSetting:s.fetchSetting||d.fetchSetting,size:s.size||d.defaultSize,...e.unref(h)})),A=e.inject(et,!1);e.watchEffect(()=>{e.unref(A)&&s.canResize&&console.warn("'canResize' of BasicTable may not work in PageWrapper with 'fixedHeight' (especially in hot updates)")});const{getLoading:P,setLoading:B}=Le.useLoading(n),{getPaginationInfo:C,getPagination:I,setPagination:q,setShowPagination:V,getShowPagination:L}=Ae.usePagination(n),{getRowSelection:O,getRowSelectionRef:v,getSelectRows:W,setSelectedRows:$,clearSelectedRowKeys:f,getSelectRowKeys:b,deleteSelectRowByKey:j,setSelectedRowKeys:x}=Oe.useRowSelection(n,p,r),{handleTableChange:M,getDataSourceRef:u,getDataSource:G,getRawDataSource:U,setTableData:J,updateTableDataRecord:Q,deleteTableDataRecord:X,insertTableDataRecord:Y,findTableDataRecord:Z,fetch:ee,getRowKey:te,reload:oe,getAutoCreateKey:ne,updateTableData:ae}=Ve.useDataSource(n,{tableData:p,getPaginationInfo:C,setLoading:B,setPagination:q,getFieldsValue:F.getFieldsValue,clearSelectedRowKeys:f},r);function re(t,a,o,i){M(t,a,o),r("change",t,a,o);const{onChange:w}=e.unref(n);w&&z.isFunction(w)&&w(t,a,o,i)}const{getViewColumns:se,getColumns:le,setCacheColumnsByField:ue,setCacheColumns:ce,setColumnWidth:ie,setColumns:de,getColumnsRef:fe,getCacheColumns:ge}=Ie.useColumns(n,C),{getScrollRef:D,redoHeight:_}=We.useTableScroll(n,l,fe,v,u,m,T),{scrollTo:pe}=$e.useTableScrollTo(l,u),{customRow:me}=je.useCustomRow(n,{setSelectedRowKeys:x,getSelectRowKeys:b,clearSelectedRowKeys:f,getAutoCreateKey:ne,emit:r}),{getRowClassName:he}=Me.useTableStyle(n,S()),{getExpandOption:Se,expandAll:Ce,expandRows:be,collapseRows:we,collapseAll:ye,handleTableExpand:Re}=Ue.useTableExpand(n,p,r),Te={onColumnsChange:t=>{var a,o;r("columns-change",t),(o=(a=e.unref(n)).onColumnsChange)==null||o.call(a,t)}},Fe={clearSelectedRowKeys:f,getSelectRowKeys:b},{getHeaderProps:Pe}=Ge.useTableHeader(n,R,Te,Fe),{getFooterProps:Be}=Qe.useTableFooter(n,D,l,u),{getFormProps:qe,replaceFormSlotKey:ve,getFormSlotKeys:xe,handleSearchInfoChange:De}=Xe.useTableForm(n,R,ee,P),c=e.computed(()=>{const t=e.unref(u);let a={...y,customRow:me,...e.unref(n),...e.unref(Pe),scroll:e.unref(D),loading:e.unref(P),tableLayout:"fixed",rowSelection:e.unref(v),rowKey:e.unref(te),columns:e.toRaw(e.unref(se)),pagination:e.toRaw(e.unref(C)),dataSource:t,footer:e.unref(Be),...e.unref(Se)};return a=z.omit(a,["class","style","onChange"]),a}),_e=e.computed(()=>{const t=e.unref(c);return[S(),y.class,{[S("form-container")]:t.useSearchForm,[H("inset")]:t.inset}]}),ze=e.computed(()=>{const{emptyDataIsShowTable:t,useSearchForm:a}=e.unref(n);return t||!a?!0:!!e.unref(u).length});function ke(t){h.value={...e.unref(h),...t}}const g={reload:oe,getSelectRows:W,setSelectedRows:$,clearSelectedRowKeys:f,getSelectRowKeys:b,deleteSelectRowByKey:j,setPagination:q,setTableData:J,updateTableDataRecord:Q,deleteTableDataRecord:X,insertTableDataRecord:Y,findTableDataRecord:Z,redoHeight:_,setSelectedRowKeys:x,setColumns:de,setLoading:B,getDataSource:G,getRawDataSource:U,setProps:ke,getRowSelection:O,getPaginationRef:I,getColumns:le,getCacheColumns:ge,emit:r,updateTableData:ae,setShowPagination:V,getShowPagination:L,setCacheColumnsByField:ue,expandAll:Ce,collapseAll:ye,expandRows:be,collapseRows:we,scrollTo:pe,getSize:()=>e.unref(c).size,setCacheColumns:ce};return Je.createTableContext({...g,wrapRef:m,getBindValues:c}),r("register",g,F),E({tableElRef:l,...g}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapRef",ref:m,class:e.normalizeClass(_e.value)},[c.value.useSearchForm?(e.openBlock(),e.createBlock(e.unref(Ke.default),e.mergeProps({key:0,ref_key:"formRef",ref:T,submitOnReset:""},e.unref(qe),{tableAction:g,onRegister:e.unref(N),onSubmit:e.unref(De),onAdvancedChange:e.unref(_)}),e.createSlots({_:2},[e.renderList(e.unref(xe),o=>({name:e.unref(ve)(o),fn:e.withCtx(i=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["onRegister","onSubmit","onAdvancedChange"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(Ee.Table),e.mergeProps({ref_key:"tableElRef",ref:l},c.value,{rowClassName:e.unref(he),onChange:re,onResizeColumn:e.unref(ie),onExpand:e.unref(Re)}),e.createSlots({headerCell:e.withCtx(({column:o})=>[e.renderSlot(t.$slots,"headerCell",e.normalizeProps(e.guardReactiveProps({column:o})),()=>[e.createVNode(Ne.default,{column:o},null,8,["column"])])]),bodyCell:e.withCtx(o=>[e.renderSlot(t.$slots,"bodyCell",e.normalizeProps(e.guardReactiveProps(o||{})))]),_:2},[e.renderList(Object.keys(t.$slots),o=>({name:o,fn:e.withCtx(i=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["rowClassName","onResizeColumn","onExpand"]),[[e.vShow,ze.value]])],2))}});exports.default=tt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Ke=require("ant-design-vue"),R=require("lodash-unified");require("@ant-design/icons-vue");require("../config-provider/index.js");require("@fruits-chain/utils");require("@aplus-frontend/hooks");const He=require("../pro-form/pro-form.vue.js"),Ne=require("../pro-form/hooks/use-form.js"),Ve=require("./components/header-cell.vue.js"),Ae=require("./hooks/use-pagination.js"),Ie=require("./hooks/use-columns.js"),Le=require("./hooks/use-data-source.js"),Oe=require("./hooks/use-loading.js"),We=require("./hooks/use-row-selection.js"),$e=require("./hooks/use-table-scroll.js"),je=require("./hooks/use-scroll-to.js"),Me=require("./hooks/use-custom-row.js"),Ge=require("./hooks/use-table-style.js"),Ue=require("./hooks/use-table-header.js"),Je=require("./hooks/use-table-expand.js"),Qe=require("./hooks/use-table-context.js"),Xe=require("./hooks/use-table-footer.js"),Ye=require("./hooks/use-table-form.js");require("./style/pro-table.css");const Ze=require("./const.js"),et=require("../config-provider/hooks/use-global-config.js"),tt=require("../config-provider/hooks/use-namespace.js"),ot="PageWrapperFixedHeight",nt=e.defineComponent({name:"BasicTable",__name:"pro-table",props:{clickToRowSelect:{type:Boolean,default:!0},isTreeTable:{type:Boolean},tableSetting:{default:()=>({})},inset:{type:Boolean},sortFn:{},filterFn:{},showTableSetting:{type:Boolean},autoCreateKey:{type:Boolean,default:!0},striped:{type:Boolean,default:!0},showSummary:{type:Boolean},summaryFunc:{},summaryData:{},indentSize:{default:24},canColDrag:{type:Boolean,default:!0},api:{},beforeFetch:{},afterFetch:{},handleSearchInfoFn:{},fetchSetting:{},immediate:{type:Boolean,default:!0},emptyDataIsShowTable:{type:Boolean,default:!0},searchInfo:{},defSort:{},useSearchForm:{type:Boolean},formConfig:{},columns:{default:()=>[]},showIndexColumn:{type:Boolean,default:!0},indexColumnProps:{},actionColumn:{},ellipsis:{type:Boolean,default:!0},isCanResizeParent:{type:Boolean,default:!1},canResize:{type:Boolean,default:!0},clearSelectOnPageChange:{type:Boolean},resizeHeightOffset:{default:0},rowSelection:{},showSelectionBar:{type:Boolean},title:{},titleHelpMessage:{},maxHeight:{},dataSource:{},rowKey:{default:""},bordered:{type:Boolean},pagination:{type:[Object,Boolean]},loading:{type:Boolean},rowClassName:{},scroll:{},beforeEditSubmit:{},size:{},divideSpace:{default:"default"}},emits:["fetch-success","fetch-error","selection-change","register","row-click","row-dbClick","row-contextmenu","row-mouseenter","row-mouseleave","edit-end","edit-cancel","edit-row-end","edit-change","expanded-rows-change","change","columns-change"],setup(E,{expose:K,emit:H}){const f=et.useGlobalConfig().value.table,r=E,s=H,T=e.useAttrs(),v=e.useSlots(),l=e.ref(null),m=e.ref([]),h=e.ref(null),F=e.ref(null),S=e.ref(),{b:u,m:N}=tt.useNamespace("pro-table"),[V,P]=Ne.useForm(),C=e.computed(()=>R.isString(r.divideSpace)?Ze.formTableDivideSpaceMap[r.divideSpace]:r.divideSpace),n=e.computed(()=>({...r,sortFn:r.sortFn||f.defaultSortFn,filterFn:r.filterFn||f.defaultFilterFn,fetchSetting:r.fetchSetting||f.fetchSetting,size:r.size||f.defaultSize,...e.unref(S)})),A=e.inject(ot,!1);e.watchEffect(()=>{e.unref(A)&&r.canResize&&console.warn("'canResize' of BasicTable may not work in PageWrapper with 'fixedHeight' (especially in hot updates)")});const{getLoading:B,setLoading:q}=Oe.useLoading(n),{getPaginationInfo:b,getPagination:I,setPagination:z,setShowPagination:L,getShowPagination:O}=Ae.usePagination(n),{getRowSelection:W,getRowSelectionRef:x,getSelectRows:$,setSelectedRows:j,clearSelectedRowKeys:g,getSelectRowKeys:y,deleteSelectRowByKey:M,setSelectedRowKeys:D}=We.useRowSelection(n,m,s),{handleTableChange:G,getDataSourceRef:i,getDataSource:U,getRawDataSource:J,setTableData:Q,updateTableDataRecord:X,deleteTableDataRecord:Y,insertTableDataRecord:Z,findTableDataRecord:ee,fetch:te,getRowKey:oe,reload:ne,getAutoCreateKey:ae,updateTableData:re}=Le.useDataSource(n,{tableData:m,getPaginationInfo:b,setLoading:q,setPagination:z,getFieldsValue:P.getFieldsValue,clearSelectedRowKeys:g},s);function se(t,a,o,d){G(t,a,o),s("change",t,a,o);const{onChange:w}=e.unref(n);w&&R.isFunction(w)&&w(t,a,o,d)}const{getViewColumns:le,getColumns:ue,setCacheColumnsByField:ie,setCacheColumns:ce,setColumnWidth:de,setColumns:fe,getColumnsRef:ge,getCacheColumns:pe}=Ie.useColumns(n,b),{getScrollRef:_,redoHeight:k}=$e.useTableScroll(n,l,ge,x,i,h,F),{scrollTo:me}=je.useTableScrollTo(l,i),{customRow:he}=Me.useCustomRow(n,{setSelectedRowKeys:D,getSelectRowKeys:y,clearSelectedRowKeys:g,getAutoCreateKey:ae,emit:s}),{getRowClassName:Se}=Ge.useTableStyle(n,u()),{getExpandOption:Ce,expandAll:be,expandRows:ye,collapseRows:we,collapseAll:Re,handleTableExpand:Te}=Je.useTableExpand(n,m,s),ve={onColumnsChange:t=>{var a,o;s("columns-change",t),(o=(a=e.unref(n)).onColumnsChange)==null||o.call(a,t)}},Fe={clearSelectedRowKeys:g,getSelectRowKeys:y},{getHeaderProps:Pe}=Ue.useTableHeader(n,v,ve,Fe),{getFooterProps:Be}=Xe.useTableFooter(n,_,l,i),{getFormProps:qe,replaceFormSlotKey:ze,getFormSlotKeys:xe,handleSearchInfoChange:De}=Ye.useTableForm(n,v,te,B),c=e.computed(()=>{const t=e.unref(i);let a={...T,customRow:he,...e.unref(n),...e.unref(Pe),scroll:e.unref(_),loading:e.unref(B),tableLayout:"fixed",rowSelection:e.unref(x),rowKey:e.unref(oe),columns:e.toRaw(e.unref(le)),pagination:e.toRaw(e.unref(b)),dataSource:t,footer:e.unref(Be),...e.unref(Ce)};return a=R.omit(a,["class","style","onChange"]),a}),_e=e.computed(()=>{const t=e.unref(c);return[u(),T.class,{[N("inset")]:t.inset,[u("no-divide")]:C.value===0}]}),ke=e.computed(()=>{const{emptyDataIsShowTable:t,useSearchForm:a}=e.unref(n);return t||!a?!0:!!e.unref(i).length});function Ee(t){S.value={...e.unref(S),...t}}const p={reload:ne,getSelectRows:$,setSelectedRows:j,clearSelectedRowKeys:g,getSelectRowKeys:y,deleteSelectRowByKey:M,setPagination:z,setTableData:Q,updateTableDataRecord:X,deleteTableDataRecord:Y,insertTableDataRecord:Z,findTableDataRecord:ee,redoHeight:k,setSelectedRowKeys:D,setColumns:fe,setLoading:q,getDataSource:U,getRawDataSource:J,setProps:Ee,getRowSelection:W,getPaginationRef:I,getColumns:ue,getCacheColumns:pe,emit:s,updateTableData:re,setShowPagination:L,getShowPagination:O,setCacheColumnsByField:ie,expandAll:be,collapseAll:Re,expandRows:ye,collapseRows:we,scrollTo:me,getSize:()=>e.unref(c).size,setCacheColumns:ce};return Qe.createTableContext({...p,wrapRef:h,getBindValues:c}),s("register",p,P),K({tableElRef:l,...p}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapRef",ref:h,class:e.normalizeClass(_e.value)},[c.value.useSearchForm?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(u)("form-container"),C.value===0?e.unref(u)("form-container-no-divide"):""]),style:e.normalizeStyle({marginBottom:C.value+"px"})},[e.createVNode(e.unref(He.default),e.mergeProps({ref_key:"formRef",ref:F,submitOnReset:""},e.unref(qe),{tableAction:p,onRegister:e.unref(V),onSubmit:e.unref(De),onAdvancedChange:e.unref(k)}),e.createSlots({_:2},[e.renderList(e.unref(xe),o=>({name:e.unref(ze)(o),fn:e.withCtx(d=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(d||{})))])}))]),1040,["onRegister","onSubmit","onAdvancedChange"])],6)):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(Ke.Table),e.mergeProps({ref_key:"tableElRef",ref:l},c.value,{rowClassName:e.unref(Se),onChange:se,onResizeColumn:e.unref(de),onExpand:e.unref(Te)}),e.createSlots({headerCell:e.withCtx(({column:o})=>[e.renderSlot(t.$slots,"headerCell",e.normalizeProps(e.guardReactiveProps({column:o})),()=>[e.createVNode(Ve.default,{column:o},null,8,["column"])])]),bodyCell:e.withCtx(o=>[e.renderSlot(t.$slots,"bodyCell",e.normalizeProps(e.guardReactiveProps(o||{})))]),_:2},[e.renderList(Object.keys(t.$slots),o=>({name:o,fn:e.withCtx(d=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(d||{})))])}))]),1040,["rowClassName","onResizeColumn","onExpand"]),[[e.vShow,ke.value]])],2))}});exports.default=nt;

package/lib/src/pro-table/style/pro-table.css

@@ -1,20 +1,25 @@
 .aplus-pro-table {
   max-width: 100%;
   height: 100%;
+  padding: 16px;
+}
+.aplus-pro-table-no-divide .ant-table-wrapper {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
 }
 .aplus-pro-table-row__striped td {
   background-color: #fafafa !important;
 }
-.aplus-pro-table-form-container {
-  padding: 16px;
-}
 .aplus-pro-table-form-container .ant-form {
   width: 100%;
-  margin-bottom: 16px;
-  padding: 16px 16px 4px;
+  padding: 16px 16px 8px;
   border-radius: 2px;
   background-color: #fff;
 }
+.aplus-pro-table-form-container-no-divide .ant-form {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
 .aplus-pro-table .ant-table-cell .ant-tag {
   margin-right: 0;
 }

package/lib/src/scroll-bar/index.d.ts

@@ -5,7 +5,6 @@ export declare const Scrollbar: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         native: {
             type: PropType<boolean>;
-            default: boolean;
         };
         scrollHeight: {
             type: PropType<number>;
@@ -39,7 +38,6 @@ export declare const Scrollbar: {
     }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         native: {
             type: PropType<boolean>;
-            default: boolean;
         };
         scrollHeight: {
             type: PropType<number>;
@@ -69,7 +67,6 @@ export declare const Scrollbar: {
             default: string;
         };
     }>>, {
-        native: boolean;
         scrollHeight: number;
         wrapStyle: StyleValue;
         wrapClass: string | string[];
@@ -86,7 +83,6 @@ export declare const Scrollbar: {
     }, Readonly< ExtractPropTypes<{
         native: {
             type: PropType<boolean>;
-            default: boolean;
         };
         scrollHeight: {
             type: PropType<number>;
@@ -118,7 +114,6 @@ export declare const Scrollbar: {
     }>>, {
         wrap: Ref<any>;
     }, {}, {}, {}, {
-        native: boolean;
         scrollHeight: number;
         wrapStyle: StyleValue;
         wrapClass: string | string[];
@@ -132,7 +127,6 @@ export declare const Scrollbar: {
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     native: {
         type: PropType<boolean>;
-        default: boolean;
     };
     scrollHeight: {
         type: PropType<number>;
@@ -164,7 +158,6 @@ export declare const Scrollbar: {
 }>>, {
     wrap: Ref<any>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    native: boolean;
     scrollHeight: number;
     wrapStyle: StyleValue;
     wrapClass: string | string[];

package/lib/src/scroll-bar/scroll-bar.vue.d.ts

@@ -3,7 +3,6 @@ import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTy
 import { StyleValue } from '../type';
 
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ScrollbarProps>, {
-    native: boolean;
     wrapStyle: string;
     wrapClass: string;
     viewStyle: string;
@@ -13,7 +12,6 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
 }>, {
     wrap: Ref<any>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ScrollbarProps>, {
-    native: boolean;
     wrapStyle: string;
     wrapClass: string;
     viewStyle: string;
@@ -21,7 +19,6 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     tag: string;
     scrollHeight: number;
 }>>>, {
-    native: boolean;
     scrollHeight: number;
     wrapStyle: StyleValue;
     wrapClass: string | string[];

package/lib/src/scroll-bar/scroll-bar.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/utils"),g=require("../constants/component-setting.js"),v=require("./bar-item.js");require("./style/index.css");require("../config-provider/index.js");const S=require("../config-provider/hooks/use-namespace.js");var m;const C=e.defineComponent({name:"ApScrollbar",__name:"scroll-bar",props:{native:{type:Boolean,default:(m=g.default.scrollbar)==null?void 0:m.native},wrapStyle:{default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{default:""},noresize:{type:Boolean},tag:{default:"div"},scrollHeight:{default:0}},setup(p,{expose:z}){const l=p,i=e.ref("0"),u=e.ref("0"),c=e.ref(0),f=e.ref(0),r=e.ref(),s=e.ref(),{b:h,e:d,em:w}=S.useNamespace("scrollbar");e.provide("scroll-bar-wrap",r);const y=()=>{l.native||(f.value=e.unref(r).scrollTop*100/e.unref(r).clientHeight,c.value=e.unref(r).scrollLeft*100/e.unref(r).clientWidth)},n=()=>{if(!e.unref(r))return;const t=e.unref(r).clientHeight*100/e.unref(r).scrollHeight,o=e.unref(r).clientWidth*100/e.unref(r).scrollWidth;u.value=t<100?t+"%":"",i.value=o<100?o+"%":""};return e.watch(()=>l.scrollHeight,()=>{l.native||n()}),z({wrap:r}),e.onMounted(()=>{l.native||(e.nextTick(n),l.noresize||(a.addResizeListener(e.unref(s),n),a.addResizeListener(e.unref(r),n),addEventListener("resize",n)))}),e.onBeforeUnmount(()=>{l.native||l.noresize||(a.removeResizeListener(e.unref(s),n),a.removeResizeListener(e.unref(r),n),removeEventListener("resize",n))}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h)())},[e.createElementVNode("div",{ref_key:"wrap",ref:r,class:e.normalizeClass([t.wrapClass,e.unref(d)("wrap"),t.native?"":e.unref(w)("wrap","hidden-default")]),style:e.normalizeStyle(t.wrapStyle),onScroll:y},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resize",ref:s,class:e.normalizeClass([e.unref(d)("view"),t.viewClass]),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(v.default),{move:c.value,size:i.value},null,8,["move","size"]),e.createVNode(e.unref(v.default),{vertical:"",move:f.value,size:u.value},null,8,["move","size"])],64))],2))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@aplus-frontend/utils"),p=require("./bar-item.js");require("./style/index.css");require("../config-provider/index.js");const S=require("../config-provider/hooks/use-global-config.js"),k=require("../config-provider/hooks/use-namespace.js"),B=e.defineComponent({name:"ApScrollbar",__name:"scroll-bar",props:{native:{type:Boolean},wrapStyle:{default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{default:""},noresize:{type:Boolean},tag:{default:"div"},scrollHeight:{default:0}},setup(z,{expose:g}){var m;const h=S.useGlobalConfig(),a=z,w=!!((m=h.value.scrollbar)!=null&&m.native),n=e.computed(()=>a.native||w),u=e.ref("0"),c=e.ref("0"),f=e.ref(0),v=e.ref(0),r=e.ref(),s=e.ref(),{b:y,e:d,em:C}=k.useNamespace("scrollbar");e.provide("scroll-bar-wrap",r);const b=()=>{n.value||(v.value=e.unref(r).scrollTop*100/e.unref(r).clientHeight,f.value=e.unref(r).scrollLeft*100/e.unref(r).clientWidth)},t=()=>{if(!e.unref(r))return;const l=e.unref(r).clientHeight*100/e.unref(r).scrollHeight,i=e.unref(r).clientWidth*100/e.unref(r).scrollWidth;c.value=l<100?l+"%":"",u.value=i<100?i+"%":""};return e.watch(()=>a.scrollHeight,()=>{n.value||t()}),g({wrap:r}),e.onMounted(()=>{n.value||(e.nextTick(t),a.noresize||(o.addResizeListener(e.unref(s),t),o.addResizeListener(e.unref(r),t),addEventListener("resize",t)))}),e.onBeforeUnmount(()=>{n.value||a.noresize||(o.removeResizeListener(e.unref(s),t),o.removeResizeListener(e.unref(r),t),removeEventListener("resize",t))}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(y)())},[e.createElementVNode("div",{ref_key:"wrap",ref:r,class:e.normalizeClass([l.wrapClass,e.unref(d)("wrap"),n.value?"":e.unref(C)("wrap","hidden-default")]),style:e.normalizeStyle(l.wrapStyle),onScroll:b},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.tag),{ref_key:"resize",ref:s,class:e.normalizeClass([e.unref(d)("view"),l.viewClass]),style:e.normalizeStyle(l.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},8,["class","style"]))],38),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(p.default),{move:f.value,size:u.value},null,8,["move","size"]),e.createVNode(e.unref(p.default),{vertical:"",move:v.value,size:c.value},null,8,["move","size"])],64))],2))}});exports.default=B;

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

@@ -0,0 +1,9 @@
+.aplus-ap-form-item-group .ant-form-item-control .ant-picker {
+  display: flex;
+}
+.aplus-ap-form-item-group .ant-form-item-control .ant-input-number {
+  width: 100%;
+}
+.aplus-ap-form-item-group-col-hidden {
+  display: none !important;
+}

package/lib/src/theme/pro-table/pro-table.css

@@ -1,20 +1,25 @@
 .aplus-pro-table {
   max-width: 100%;
   height: 100%;
+  padding: 16px;
+}
+.aplus-pro-table-no-divide .ant-table-wrapper {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
 }
 .aplus-pro-table-row__striped td {
   background-color: #fafafa !important;
 }
-.aplus-pro-table-form-container {
-  padding: 16px;
-}
 .aplus-pro-table-form-container .ant-form {
   width: 100%;
-  margin-bottom: 16px;
-  padding: 16px 16px 4px;
+  padding: 16px 16px 8px;
   border-radius: 2px;
   background-color: #fff;
 }
+.aplus-pro-table-form-container-no-divide .ant-form {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
 .aplus-pro-table .ant-table-cell .ant-tag {
   margin-right: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.3",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
@@ -52,7 +52,7 @@
     "lodash-unified": "^1.0.3",
     "sortablejs": "^1.15.2",
     "@aplus-frontend/hooks": "1.0.2",
-    "@aplus-frontend/utils": "1.0.4"
+    "@aplus-frontend/utils": "1.0.5"
   },
   "peerDependencies": {
     "ant-design-vue": "^4.2.1"

package/es/src/constants/component-setting.d.ts

@@ -1,74 +0,0 @@
-import { Recordable } from '../type';
-import { SorterResult, SortOrder } from '../pro-table/types/table';
-
-declare const _default: {
-    table: {
-        fetchSetting: {
-            pageField: string;
-            sizeField: string;
-            listField: string;
-            totalField: string;
-        };
-        pageSizeOptions: string[];
-        defaultPageSize: number;
-        defaultSize: string;
-        defaultSortFn: (sortInfo: SorterResult) => {
-            field: string;
-            order: SortOrder;
-        } | {
-            field?: undefined;
-            order?: undefined;
-        };
-        defaultFilterFn: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
-    };
-    vxeTable: {
-        table: {
-            border: boolean;
-            stripe: boolean;
-            columnConfig: {
-                resizable: boolean;
-                isCurrent: boolean;
-                isHover: boolean;
-            };
-            rowConfig: {
-                isCurrent: boolean;
-                isHover: boolean;
-            };
-            emptyRender: {
-                name: string;
-            };
-            printConfig: {};
-            exportConfig: {};
-            customConfig: {
-                storage: boolean;
-            };
-        };
-        grid: {
-            toolbarConfig: {
-                enabled: boolean;
-                export: boolean;
-                zoom: boolean;
-                print: boolean;
-                refresh: boolean;
-                custom: boolean;
-            };
-            pagerConfig: {
-                pageSizes: number[];
-                pageSize: number;
-                autoHidden: boolean;
-            };
-            proxyConfig: {
-                form: boolean;
-                props: {
-                    result: string;
-                    total: string;
-                };
-            };
-            zoomConfig: {};
-        };
-    };
-    scrollbar: {
-        native: boolean;
-    };
-};
-export default _default;

package/es/src/constants/component-setting.mjs

@@ -1,90 +0,0 @@
-const o = {
-  // basic-table setting
-  table: {
-    // Form interface request general configuration
-    // support xxx.xxx.xxx
-    fetchSetting: {
-      // The field name of the current page passed to the background
-      pageField: "page",
-      // The number field name of each page displayed in the background
-      sizeField: "pageSize",
-      // Field name of the form data returned by the interface
-      listField: "records",
-      // Total number of tables returned by the interface field name
-      totalField: "total"
-    },
-    // Number of pages that can be selected
-    pageSizeOptions: ["10", "50", "80", "100"],
-    // Default display quantity on one page
-    defaultPageSize: 10,
-    // Default Size
-    defaultSize: "middle",
-    // Custom general sort function
-    defaultSortFn: (e) => {
-      const { field: t, order: r } = e;
-      return t && r ? {
-        // The sort field passed to the backend you
-        field: t,
-        // Sorting method passed to the background asc/desc
-        order: r
-      } : {};
-    },
-    // Custom general filter function
-    defaultFilterFn: (e) => e
-  },
-  vxeTable: {
-    table: {
-      border: !0,
-      stripe: !0,
-      columnConfig: {
-        resizable: !0,
-        isCurrent: !0,
-        isHover: !0
-      },
-      rowConfig: {
-        isCurrent: !0,
-        isHover: !0
-      },
-      emptyRender: {
-        name: "AEmpty"
-      },
-      printConfig: {},
-      exportConfig: {},
-      customConfig: {
-        storage: !0
-      }
-    },
-    grid: {
-      toolbarConfig: {
-        enabled: !0,
-        export: !0,
-        zoom: !0,
-        print: !0,
-        refresh: !0,
-        custom: !0
-      },
-      pagerConfig: {
-        pageSizes: [20, 50, 100, 500],
-        pageSize: 20,
-        autoHidden: !0
-      },
-      proxyConfig: {
-        form: !0,
-        props: {
-          result: "items",
-          total: "total"
-        }
-      },
-      zoomConfig: {}
-    }
-  },
-  // scrollbar setting
-  scrollbar: {
-    // Whether to use native scroll bar
-    // After opening, the menu, modal, drawer will change the pop-up scroll bar to native
-    native: !1
-  }
-};
-export {
-  o as default
-};

package/lib/src/constants/component-setting.d.ts

@@ -1,74 +0,0 @@
-import { Recordable } from '../type';
-import { SorterResult, SortOrder } from '../pro-table/types/table';
-
-declare const _default: {
-    table: {
-        fetchSetting: {
-            pageField: string;
-            sizeField: string;
-            listField: string;
-            totalField: string;
-        };
-        pageSizeOptions: string[];
-        defaultPageSize: number;
-        defaultSize: string;
-        defaultSortFn: (sortInfo: SorterResult) => {
-            field: string;
-            order: SortOrder;
-        } | {
-            field?: undefined;
-            order?: undefined;
-        };
-        defaultFilterFn: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
-    };
-    vxeTable: {
-        table: {
-            border: boolean;
-            stripe: boolean;
-            columnConfig: {
-                resizable: boolean;
-                isCurrent: boolean;
-                isHover: boolean;
-            };
-            rowConfig: {
-                isCurrent: boolean;
-                isHover: boolean;
-            };
-            emptyRender: {
-                name: string;
-            };
-            printConfig: {};
-            exportConfig: {};
-            customConfig: {
-                storage: boolean;
-            };
-        };
-        grid: {
-            toolbarConfig: {
-                enabled: boolean;
-                export: boolean;
-                zoom: boolean;
-                print: boolean;
-                refresh: boolean;
-                custom: boolean;
-            };
-            pagerConfig: {
-                pageSizes: number[];
-                pageSize: number;
-                autoHidden: boolean;
-            };
-            proxyConfig: {
-                form: boolean;
-                props: {
-                    result: string;
-                    total: string;
-                };
-            };
-            zoomConfig: {};
-        };
-    };
-    scrollbar: {
-        native: boolean;
-    };
-};
-export default _default;

package/lib/src/constants/component-setting.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o={table:{fetchSetting:{pageField:"page",sizeField:"pageSize",listField:"records",totalField:"total"},pageSizeOptions:["10","50","80","100"],defaultPageSize:10,defaultSize:"middle",defaultSortFn:e=>{const{field:t,order:r}=e;return t&&r?{field:t,order:r}:{}},defaultFilterFn:e=>e},vxeTable:{table:{border:!0,stripe:!0,columnConfig:{resizable:!0,isCurrent:!0,isHover:!0},rowConfig:{isCurrent:!0,isHover:!0},emptyRender:{name:"AEmpty"},printConfig:{},exportConfig:{},customConfig:{storage:!0}},grid:{toolbarConfig:{enabled:!0,export:!0,zoom:!0,print:!0,refresh:!0,custom:!0},pagerConfig:{pageSizes:[20,50,100,500],pageSize:20,autoHidden:!0},proxyConfig:{form:!0,props:{result:"items",total:"total"}},zoomConfig:{}}},scrollbar:{native:!1}};exports.default=o;