@aplus-frontend/ui 6.29.3 → 6.30.1

package/lib/src/ap-form/search-form/index.vue.d.ts

@@ -7,7 +7,7 @@ import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { Options } from '../../../node_modules/scroll-into-view-if-needed';
 import { Recordable } from '../../type';
 import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { ButtonSize } from '@aplus-frontend/antdv/es/config-provider';
+import { SizeType } from '@aplus-frontend/antdv/es/button';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 import { ApFormProps, UpdateModelOptimizeFn, ApFormInternalInstance, WatchFunc, ApFormSearchFormPopoverSorterItem } from '..';
 import { OnCleanup } from '@vue/reactivity';
@@ -321,8 +321,8 @@ declare function __VLS_template(): {
                         default: string | string[];
                     };
                     size: {
-                        type: PropType<ButtonSize>;
-                        default: ButtonSize;
+                        type: PropType<SizeType>;
+                        default: SizeType;
                     };
                     disabled: {
                         type: BooleanConstructor;
@@ -353,15 +353,15 @@ declare function __VLS_template(): {
                         default: "filled" | "outlined" | "borderless" | "underlined";
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                    size: ButtonSize;
+                    size: SizeType;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
-                    variant: "filled" | "outlined" | "borderless" | "underlined";
+                    onValuesChange: (changedValues: any, values: any) => void;
+                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                     onFinish: (values: any) => void;
-                    validateMessages: ValidateMessages;
-                    requiredMark: "" | RequiredMark;
-                    colon: boolean;
+                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     labelCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -395,8 +395,6 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    labelAlign: FormLabelAlign;
-                    labelWrap: boolean;
                     wrapperCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -430,19 +428,21 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    rules: {
-                        [k: string]: RuleObject | RuleObject[];
-                    };
-                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                    onValuesChange: (changedValues: any, values: any) => void;
-                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    colon: boolean;
+                    labelAlign: FormLabelAlign;
+                    labelWrap: boolean;
+                    requiredMark: "" | RequiredMark;
                     hideRequiredMark: boolean;
                     model: {
                         [key: string]: any;
                     };
+                    rules: {
+                        [k: string]: RuleObject | RuleObject[];
+                    };
+                    validateMessages: ValidateMessages;
                     validateOnRuleChange: boolean;
                     scrollToFirstError: boolean | Options<any>;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                 }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -521,7 +521,7 @@ declare function __VLS_template(): {
                         }>> & HTMLAttributes;
                     };
                     wrapperCol: {
-                        type: ** @type { [typeof ApForm, typeof ApForm, ] } */).PropType<Partial< ExtractPropTypes<{
+                        type: PropType<Partial< ExtractPropTypes<{
                             span: (StringConstructor | NumberConstructor)[];
                             order: (StringConstructor | NumberConstructor)[];
                             offset: (StringConstructor | NumberConstructor)[];
@@ -646,8 +646,8 @@ declare function __VLS_template(): {
                         default: string | string[];
                     };
                     size: {
-                        type: PropType<ButtonSize>;
-                        default: ButtonSize;
+                        type: PropType<SizeType>;
+                        default: SizeType;
                     };
                     disabled: {
                         type: BooleanConstructor;
@@ -678,15 +678,15 @@ declare function __VLS_template(): {
                         default: "filled" | "outlined" | "borderless" | "underlined";
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                    size: ButtonSize;
+                    size: SizeType;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
-                    variant: "filled" | "outlined" | "borderless" | "underlined";
+                    onValuesChange: (changedValues: any, values: any) => void;
+                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                     onFinish: (values: any) => void;
-                    validateMessages: ValidateMessages;
-                    requiredMark: "" | RequiredMark;
-                    colon: boolean;
+                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     labelCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -720,8 +720,6 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    labelAlign: FormLabelAlign;
-                    labelWrap: boolean;
                     wrapperCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -755,19 +753,21 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    rules: {
-                        [k: string]: RuleObject | RuleObject[];
-                    };
-                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                    onValuesChange: (changedValues: any, values: any) => void;
-                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    colon: boolean;
+                    labelAlign: FormLabelAlign;
+                    labelWrap: boolean;
+                    requiredMark: "" | RequiredMark;
                     hideRequiredMark: boolean;
                     model: {
                         [key: string]: any;
                     };
+                    rules: {
+                        [k: string]: RuleObject | RuleObject[];
+                    };
+                    validateMessages: ValidateMessages;
                     validateOnRuleChange: boolean;
                     scrollToFirstError: boolean | Options<any>;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                 }> | null;
             };
             $slots: Readonly<{
@@ -1171,8 +1171,8 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     default: string | string[];
                 };
                 size: {
-                    type: PropType<ButtonSize>;
-                    default: ButtonSize;
+                    type: PropType<SizeType>;
+                    default: SizeType;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1203,15 +1203,15 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     default: "filled" | "outlined" | "borderless" | "underlined";
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                size: ButtonSize;
+                size: SizeType;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
-                variant: "filled" | "outlined" | "borderless" | "underlined";
+                onValuesChange: (changedValues: any, values: any) => void;
+                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                 onFinish: (values: any) => void;
-                validateMessages: ValidateMessages;
-                requiredMark: "" | RequiredMark;
-                colon: boolean;
+                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 labelCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1245,8 +1245,6 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                labelAlign: FormLabelAlign;
-                labelWrap: boolean;
                 wrapperCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1280,19 +1278,21 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                rules: {
-                    [k: string]: RuleObject | RuleObject[];
-                };
-                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                onValuesChange: (changedValues: any, values: any) => void;
-                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                colon: boolean;
+                labelAlign: FormLabelAlign;
+                labelWrap: boolean;
+                requiredMark: "" | RequiredMark;
                 hideRequiredMark: boolean;
                 model: {
                     [key: string]: any;
                 };
+                rules: {
+                    [k: string]: RuleObject | RuleObject[];
+                };
+                validateMessages: ValidateMessages;
                 validateOnRuleChange: boolean;
                 scrollToFirstError: boolean | Options<any>;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
             }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -1371,7 +1371,7 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     }>> & HTMLAttributes;
                 };
                 wrapperCol: {
-                    type: ** @type { [typeof ApForm, typeof ApForm, ] } */).PropType<Partial< ExtractPropTypes<{
+                    type: PropType<Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
                         offset: (StringConstructor | NumberConstructor)[];
@@ -1496,8 +1496,8 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     default: string | string[];
                 };
                 size: {
-                    type: PropType<ButtonSize>;
-                    default: ButtonSize;
+                    type: PropType<SizeType>;
+                    default: SizeType;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1528,15 +1528,15 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     default: "filled" | "outlined" | "borderless" | "underlined";
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                size: ButtonSize;
+                size: SizeType;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
-                variant: "filled" | "outlined" | "borderless" | "underlined";
+                onValuesChange: (changedValues: any, values: any) => void;
+                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                 onFinish: (values: any) => void;
-                validateMessages: ValidateMessages;
-                requiredMark: "" | RequiredMark;
-                colon: boolean;
+                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 labelCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1570,8 +1570,6 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                labelAlign: FormLabelAlign;
-                labelWrap: boolean;
                 wrapperCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1605,19 +1603,21 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                rules: {
-                    [k: string]: RuleObject | RuleObject[];
-                };
-                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                onValuesChange: (changedValues: any, values: any) => void;
-                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                colon: boolean;
+                labelAlign: FormLabelAlign;
+                labelWrap: boolean;
+                requiredMark: "" | RequiredMark;
                 hideRequiredMark: boolean;
                 model: {
                     [key: string]: any;
                 };
+                rules: {
+                    [k: string]: RuleObject | RuleObject[];
+                };
+                validateMessages: ValidateMessages;
                 validateOnRuleChange: boolean;
                 scrollToFirstError: boolean | Options<any>;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
             }> | null;
         };
         $slots: Readonly<{

package/lib/src/ap-form/search-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const P=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),E=require("../../utils/index.js"),F=require("./utils.js");require("./components/popover-filter.vue.js");const Q=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const X=require("./hooks/use-sorter.js"),Y=require("./hooks/use-collapse-input-count.js"),O=require("@fruits-chain/utils"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=require("../../config-provider/hooks/use-locale.js"),D=require("../item/index.vue.js"),te=require("./components/popover-filter.vue2.js"),oe=require("./components/popover-sorter/index.vue2.js"),ne=require("../ap-form.vue2.js");function ae(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const r=100,le=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},variant:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:5},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(d,{expose:L}){const x=e.useSlots(),o=d,{b:p}=Z.useNamespace("ap-form-search-form"),{t:B}=ee.useLocale(),W=Q.useCountPerRow(o),g=e.ref(),j=e.ref();function R(){const t=g.value?.getFieldsValueTransformed(!0);F.execFunc(o.onSubmit,t)}function M(){o.customReset||g.value?.resetFields?.(),F.execFunc(o.onReset)}const U=t=>E.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let b=[];const f=e.shallowRef(P.genRealChildren(x.default())),c=e.shallowRef(x.extra?.()),k=e.computed(()=>O.floorWith(r/e.unref(W),4)),{items:v,sorted:q,handleClickConfirm:C}=X.useSorter(f);e.watch(()=>x.default(),t=>{b=f.value,f.value=F.diffFormItem(b,P.genRealChildren(t)),q.value=!1}),e.watch(()=>x.extra?.(),t=>{c.value=t});function $(t){return O.floorWith(t*(r/24),4)}const n=e.computed(()=>{const t=f.value,i=[],a=[],h=[],s=e.unref(k);let y=0,N=0;const G=r*o.maxRows-s*(e.unref(c)&&!o.extraInAction?2:1);t.forEach(S=>{const A=Y.getTargetNode(S);if(!A)return;const u=A.props;if(w.isBoolean(u.hidden)?!!u.hidden:E.isDef(u.hidden))i.push(S);else{let _=u.span?$(u.span):s;const I={node:S,span:_,key:`ApFormSearchFormItem-${U(u.name)}-${u._signal}`},T=r-y%r;T<_&&(_+=T),y+=_,y>G?a.push(I):(N=y,h.push(I))}});const V=r-(N+s)%r,J=Math.ceil(N)%r<s,K=V<s?r:V;return{hideNode:e.createVNode(e.Fragment,null,[i]),nodes:h,collapseNodes:a,extraSpan:K,lastRowOnlyIncludeActionAndExtra:J}}),m=t=>`${t}%`,z=e.computed(()=>{let t;const i=n.value.collapseNodes.length||o.sortable&&f.value.length,a=e.createVNode(l.Col,{flex:m(e.unref(k)),key:"actionWrapper"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(l.Flex,{wrap:"wrap",justify:n.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(c)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(l.Flex,{gap:8,wrap:"wrap"},{default:()=>[i?e.createVNode("div",{class:p("column-setting-trigger-wrapper")},[n.value.collapseNodes.length?e.createVNode(te.default,{onSubmit:R,config:n.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&v.value.length?e.createVNode(oe.default,{ref:"sorterIns",items:v.value,onClickConfirm:C,sorted:q.value},null):null]):null,e.createVNode(l.Button,{type:"primary",onClick:R,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:p("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(l.Button,{onClick:M,type:"text",class:[p("action-btn"),p("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(c):null]})]})]}),h=!o.extraInAction&&e.unref(c)?e.createVNode(l.Col,{flex:m(n.value.extraSpan),key:"extraNode"},{default:()=>[e.createVNode(D.default,null,{default:()=>[e.createVNode(l.Flex,{justify:n.value.extraSpan===r||n.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},ae(t=e.unref(c))?t:{default:()=>[t]})]})]}):null,s=e.createVNode(l.Col,{flex:m(n.value.extraSpan)},null);return n.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||s,a]):e.createVNode(e.Fragment,null,[a,h])});function H(){const t=j.value?.getCachedList();C(t)}return L({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>v.value,setSorterItems:C,resetSorterItems:H}),(t,i)=>(e.openBlock(),e.createBlock(ne.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(p)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value.hideNode))),e.createVNode(e.unref(l.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.nodes,a=>(e.openBlock(),e.createBlock(e.unref(l.Col),{key:a.key,flex:m(a.span),style:e.normalizeStyle({maxWidth:m(a.span)})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.node)))]),_:2},1032,["flex","style"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=le;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../item/index.vue2.js");const E=require("../item-group/helper.js");require("../../config-provider/index.js");const w=require("lodash-unified"),O=require("../../utils/index.js"),F=require("./utils.js");require("./components/popover-filter.vue.js");const Q=require("./hooks/use-count-per-row.js");require("./components/popover-sorter/index.vue.js");const X=require("./hooks/use-sorter.js"),Y=require("./hooks/use-collapse-input-count.js"),D=require("@fruits-chain/utils"),Z=require("../../config-provider/hooks/use-namespace.js"),ee=require("../../config-provider/hooks/use-locale.js"),L=require("../item/index.vue.js"),te=require("./components/popover-filter.vue2.js"),oe=require("./components/popover-sorter/index.vue2.js"),ne=require("../ap-form.vue2.js");function ae(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const r=100,le=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},variant:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!0},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:5},submitLoading:{type:Boolean},maxRows:{default:2},sortable:{type:Boolean,default:!0},resizeTarget:{},loadingDelay:{default:300}},setup(d,{expose:W}){const x=e.useSlots(),o=d,{b:p}=Z.useNamespace("ap-form-search-form"),{t:B}=ee.useLocale(),j=Q.useCountPerRow(o),g=e.ref(),R=e.ref();function b(){const t=g.value?.getFieldsValueTransformed(!0);F.execFunc(o.onSubmit,t)}function M(){o.customReset||g.value?.resetFields?.(),F.execFunc(o.onReset)}const U=t=>O.isDef(t)?(w.isArray(t)?t:[t]).join(""):Date.now();let k=[];const f=e.shallowRef(E.genRealChildren(x.default())),c=e.shallowRef(x.extra?.()),q=e.computed(()=>D.floorWith(r/e.unref(j),4)),{items:v,sorted:V,handleClickConfirm:C}=X.useSorter(f);e.watch(()=>x.default(),t=>{k=f.value,f.value=F.diffFormItem(k,E.genRealChildren(t)),V.value=!1}),e.watch(()=>x.extra?.(),t=>{c.value=t});function $(t){return D.floorWith(t*(r/24),4)}const n=e.computed(()=>{const t=f.value,i=[],a=[],h=[],s=e.unref(q);let y=0,N=0;const G=r*o.maxRows-s*(e.unref(c)&&!o.extraInAction?2:1);t.forEach(S=>{const I=Y.getTargetNode(S);if(!I)return;const u=I.props;if(w.isBoolean(u.hidden)?!!u.hidden:O.isDef(u.hidden))i.push(S);else{let _=u.span?$(u.span):s;const T={node:S,span:_,key:`ApFormSearchFormItem-${U(u.name)}-${u._signal}`},P=r-y%r;P<_&&(_+=P),y+=_,y>G?a.push(T):(N=y,h.push(T))}});const A=r-(N+s)%r,J=Math.ceil(N)%r<s,K=A<s?r:A;return{hideNode:e.createVNode(e.Fragment,null,[i]),nodes:h,collapseNodes:a,extraSpan:K,lastRowOnlyIncludeActionAndExtra:J}}),m=t=>`${t}%`,z=e.computed(()=>{let t;const i=n.value.collapseNodes.length||o.sortable&&f.value.length,a=e.createVNode(l.Col,{flex:m(e.unref(q)),key:"actionWrapper"},{default:()=>[e.createVNode(L.default,null,{default:()=>[e.createVNode(l.Flex,{wrap:"wrap",justify:n.value.lastRowOnlyIncludeActionAndExtra&&!(e.unref(c)&&o.extraInAction)?"flex-end":"space-between"},{default:()=>[e.createVNode(l.Flex,{gap:8,wrap:"wrap"},{default:()=>[i?e.createVNode("div",{class:p("column-setting-trigger-wrapper")},[n.value.collapseNodes.length?e.createVNode(te.default,{onSubmit:b,config:n.value.collapseNodes,submitLoading:o.submitLoading},null):null,o.sortable&&v.value.length?e.createVNode(oe.default,{ref:R,items:v.value,onClickConfirm:C,sorted:V.value},null):null]):null,e.createVNode(l.Button,{type:"primary",onClick:b,loading:o.submitLoading?{delay:o.loadingDelay}:!1,htmlType:"submit",class:p("action-btn")},{default:()=>[o.searchText||B("ap.apForm.search.search")]}),e.createVNode(l.Button,{onClick:M,type:"text",class:[p("action-btn"),p("action-btn-reset")]},{default:()=>[o.resetText||B("ap.apForm.search.reset")]})]}),o.extraInAction?e.unref(c):null]})]})]}),h=!o.extraInAction&&e.unref(c)?e.createVNode(l.Col,{flex:m(n.value.extraSpan),key:"extraNode"},{default:()=>[e.createVNode(L.default,null,{default:()=>[e.createVNode(l.Flex,{justify:n.value.extraSpan===r||n.value.lastRowOnlyIncludeActionAndExtra?"start":"flex-end"},ae(t=e.unref(c))?t:{default:()=>[t]})]})]}):null,s=e.createVNode(l.Col,{flex:m(n.value.extraSpan)},null);return n.value.lastRowOnlyIncludeActionAndExtra?e.createVNode(e.Fragment,null,[h||s,a]):e.createVNode(e.Fragment,null,[a,h])});function H(){const t=R.value?.getCachedList();C(t)}return W({apForm:e.computed(()=>e.unref(g)),getSorterItems:()=>v.value,setSorterItems:C,resetSorterItems:H}),(t,i)=>(e.openBlock(),e.createBlock(ne.default,e.mergeProps({ref_key:"apForm",ref:g,class:e.unref(p)()},e.unref(w.omit)(o,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value.hideNode))),e.createVNode(e.unref(l.Row),{gutter:8},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.nodes,a=>(e.openBlock(),e.createBlock(e.unref(l.Col),{key:a.key,flex:m(a.span),style:e.normalizeStyle({maxWidth:m(a.span)})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.node)))]),_:2},1032,["flex","style"]))),128)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(z.value)))]),_:1})]),_:1},16,["class"]))}});exports.default=le;

package/lib/src/ap-grid/constants.d.ts

@@ -8,3 +8,6 @@ export declare const sizeReverseMap: {
     readonly middle: "medium";
 };
 export declare const ROW_SELECTION_FIELD = "_ap-grid-row-selection-field";
+export declare const DEFAULT_ROW_SELECTION_CONFIG: {
+    preserveSelectedRowKeys: boolean;
+};

package/lib/src/ap-grid/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={mini:"small",small:"small",medium:"middle"},i={small:"mini",middle:"medium"},s="_ap-grid-row-selection-field";exports.ROW_SELECTION_FIELD=s;exports.sizeMap=e;exports.sizeReverseMap=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={mini:"small",small:"small",medium:"middle"},s={small:"mini",middle:"medium"},i="_ap-grid-row-selection-field",l={preserveSelectedRowKeys:!1};exports.DEFAULT_ROW_SELECTION_CONFIG=l;exports.ROW_SELECTION_FIELD=i;exports.sizeMap=e;exports.sizeReverseMap=s;

package/lib/src/ap-grid/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("vxe-table");require("vxe-table/es/style.css");const s=require("lodash-unified"),ke=require("../ap-form/index.js");require("../config-provider/index.js");const Be=require("../ap-table/constants.js"),f=require("../ap-table/utils.js"),Fe=require("../ap-table/hooks/use-table-paging-ng.js"),v=require("@aplus-frontend/antdv"),Ee=require("./hooks/use-inner-params.js"),k=require("./utils/table.js"),Ie=require("./hooks/use-row-selection.js"),Ne=require("../ap-table/context.js"),B=require("./constants.js"),Pe=require("./hooks/use-render-columns.js"),qe=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const ze=require("../utils/index.js"),Ve=require("../utils/slot.js"),Te=require("./hooks/use-table-style.js"),_e=require("../config-provider/hooks/use-namespace.js"),Ae=require("../config-provider/hooks/use-global-config.js"),Ke=require("../config-provider/hooks/use-locale.js"),Le=require("../scroll-bar/index.vue.js"),De=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function],default:!1},treeConfig:{},onReady:{}},setup(O,{expose:U}){const w=e.useSlots(),o=O,C=e.getCurrentInstance()?.appContext.app;C&&!C.__VXE_PC_UI_INSTALLED__&&(C.use(g.VxeUI),C.__VXE_PC_UI_INSTALLED__=!0);const{e:h,b:u,be:M}=_e.useNamespace("ap-grid"),W=Ae.useGlobalConfig("valueTypeMap"),l=e.ref([]),F=e.ref([]),n=e.ref(),y=e.ref(o.size),j=Te.useTableStyle(),[,H]=qe.useToken(),{t:G}=Ke.useLocale();g.VxeUI.setConfig({i18n:(t,r)=>G(`ap.${t}`,r)});const{renderConfig:X,updateSignal:J}=Pe.useRenderColumns(l);let E=0;const Q=e.computed(()=>{if(n.value)return n.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),I=e.computed(()=>(E++,o.columns?.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!Be.noRenderAsFormItemValueList.includes(t.valueType))?.sort((t,r)=>{let a=f.getColumnOrder(t.order);return f.getColumnOrder(r.order)-a})?.map(t=>{const r=f.updateFormProps(t,f.getFieldProps(t.fieldProps,{})),a={...t,fieldProps:{label:t.title,name:t.dataIndex,bordered:!0,...r||{},_signal:E},renderNode:void 0};return a.renderNode=f.getSearchFormItemRenderNode(a,e.unref(W)),a})||[])),Y=e.computed(()=>ze.isDef(o.manual)?o.manual:Ve.getValidVNodeList(w.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),Z=e.computed(()=>[u(),o.card?null:u("wrapper"),o.adaptive?u("adaptive"):null,o.sticky?u("sticky"):null].filter(Boolean)),N=e.computed(()=>f.recursionApColumns(e.unref(l),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),P=e.computed(()=>f.recursionApColumns(e.unref(l),t=>{if(t.filters&&!t.onFilter)return t.key||t.dataIndex}).filter(Boolean)),{formRef:p,submit:S,reset:b,refresh:q,data:c,tableProps:z,setDataSource:ee,handleTableChangeOptional:te,getPaging:oe,setPaging:re,submitWith:V}=Fe.useTablePaging({async request(t){if(!i.value.preserveSelectedRowKeys&&s.isUndefined(o.dataSource)&&x(),!s.isUndefined(o.dataSource)){const a=t.pageSize*(t.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(a,a+t.pageSize))||[],total:o.dataSource.length||0}}const r=await o.request?.(t);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:P,sortFields:N,params:e.toRef(o,"params"),defaultData:o.defaultData,manual:e.unref(Y),formatParams:o.beforeSearchSubmit,pagination:o.pagination,onClickReset:ye,onAfterRequest:ve}),{sortChangeEvent:ae,filterChangeEvent:ne,paginationChangeEvent:le}=Ee.useInnerParams(te);Ne.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>F.value),size:e.computed(()=>B.sizeMap[y.value]),updateColumns(t){l.value=t,o.onShownColumnsChange?.(t)},updateSize(t){y.value=B.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:M("table-header","title"),color:H.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:_,setSearchFormValues:T,submit:S,submitWith:V,reset:b,refresh:q,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:L});const se=e.computed(()=>l.value.some(t=>t.fixed==="left"||t.fixed===!0)?"left":void 0),ue=e.computed(()=>s.isUndefined(o.loading)?c.loading:o.loading),ce=e.computed(()=>s.isUndefined(o.dataSource)?c.records:o.dataSource),{selectedRows:R,rowSelection:i,...m}=Ie.default({...o.rowSelection===!0?{}:o.rowSelection,dataSource:ce,rowKey:o.rowKey}),ie=({checked:t})=>{const r=n.value;r&&r&&m.selectChange(t,r.getCheckboxRecords(),r.getCheckboxReserveRecords())},de=({checked:t})=>{const r=n.value;r&&m.selectAllChange(t,[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},fe=()=>{const t=n.value;t&&m.selectRangeChange(t.getCheckboxRecords(),[...t.getCheckboxReserveRecords(),...t.getCheckboxRecords()])},pe=()=>{const t=n.value;t&&(R.value=[t.getRadioRecord()])},me=({row:t})=>{const r=o.rowHighlightable;s.isFunction(r)&&r(t)};function ge(){return o.columns?.filter(t=>!t.hideInTable)||[]}function T(t){p.value?.apForm?.setFieldsValue?.(t)}function _(t=!1){const r=t?"getFieldsValueTransformed":"getFieldsValue";return p.value?.apForm?.[r]?.(!0)}function A(){return p.value?.getSorterItems()||[]}function K(t){p.value?.setSorterItems(t)}function L(){p.value?.resetSorterItems()}function x(){m.clearAll();const t=n.value;t&&(i.value.type==="radio"?(t.clearRadioRow(),t.clearRadioReserve()):(t.clearCheckboxRow(),t.clearCheckboxReserve()))}function Ce(t){s.isFunction(o.rowKey)||(m.selectMultiByKeys(t),D())}function he(t){const r=n.value;if(!r)return;const a=String(t[o.rowKey]),d=r.getRowById(a);r.setCurrentRow(d)}function ye(){const t=n.value;t&&(t.clearSort(),t.clearFilter())}function D(){e.nextTick(()=>{i.value.type==="radio"?n.value?.setRadioRowKey(i.value.selectedRowKeys[0]):n.value?.setCheckboxRowKey(i.value.selectedRowKeys,!0)})}function ve(t){D(),o.onReady&&e.nextTick(()=>{o.onReady(t)})}async function we(t,r){const a=c.records[t];if(a)return n.value?.scrollToRow(a,r)}const Se=t=>s.isFunction(o.rowKey)?o.rowKey(t):t[o.rowKey];async function be(t,r=!0){const a=n.value;if(!a)return;const d=s.isArray(t)?t:[t],Re=(a.getData()||[]).filter(xe=>d.includes(Se(xe)));a.setRowExpand(Re,r)}return e.watch(()=>[o.columnResizable,o.columns],()=>{const t=ge();l.value=t,o.onShownColumnsChange?.(t),F.value=t},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,t=>{ee(t)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(c).loading,t=>{o.onLoadingChange?.(t)}),e.watch(()=>o.size,t=>{y.value=t}),U({submit:S,reset:b,refresh:q,submitWith:V,setSearchFormValues:T,getSearchFormValues:_,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>R.value),setSelectedRowKeys:Ce,clearAll:x},scrollToRow:we,getDataSource:()=>e.unref(c.records),setCurrentRow:he,getPaging:oe,setPaging:re,getSearchFormSorterItems:A,setSearchFormSorterItems:K,resetSearchFormSorterItems:L,setRowExpand:be}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Z.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(s.isUndefined)(t.dataSource)&&t.searchForm!==!1&&I.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(h)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(ke.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:p,"custom-reset":"","submit-loading":e.unref(z).loading,onSubmit:e.unref(S),onReset:e.unref(b)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.renderNode),{key:a.dataIndex}))),128))]),_:2},[w.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(h)("table-wrapper"),t.card?e.unref(h)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(R),selectedRowKeys:e.unref(i).selectedRowKeys,shownColumns:l.value,clearAll:x})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(g.VxeTable),e.mergeProps(e.unref(k.toVxeProps)(o),{ref_key:"tableRef",ref:n,key:e.unref(J),data:e.unref(c).records,"sort-config":{remote:N.value.length>0,trigger:"cell"},"filter-config":{remote:P.value.length>0},loading:ue.value,style:e.unref(j),size:y.value,onSortChange:e.unref(ae),onFilterChange:e.unref(ne),onCheckboxChange:ie,onCheckboxRangeChange:fe,onCheckboxAll:de,onRadioChange:pe,onCurrentRowChange:me}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(v.Empty),{image:e.unref(v.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),loading:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h)("table-loading-wrapper"))},[e.createVNode(e.unref(v.Spin))],2)]),default:e.withCtx(()=>[o.expandable&&l.value.length?(e.openBlock(),e.createBlock(e.unref(g.VxeColumn),e.mergeProps({key:0},e.unref(k.getRowExpandProps)(t.expandable),{fixed:se.value}),e.createSlots({content:e.withCtx(a=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(a))))]),_:2},[t.expandable?.renderCell?{name:"default",fn:e.withCtx(a=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.expandable.renderCell(a.$table.isRowExpandByRow(a.row),a.row))))]),key:"0"}:void 0]),1040,["fixed"])):e.createCommentVNode("",!0),o.rowSelection&&l.value.length?(e.openBlock(),e.createBlock(e.unref(g.VxeColumn),e.mergeProps({key:1},e.unref(k.getRowSelectionProps)(e.unref(i),l.value,o.size),{resizable:!1,field:e.unref(B.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(X),a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a),{key:a.props.colId}))),128))]),_:2},[e.renderList(e.unref(s.omit)(w,["searchFormExtra"]),(a,d)=>({name:d,fn:e.withCtx($=>[e.renderSlot(t.$slots,d,e.normalizeProps(e.guardReactiveProps($||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[t.sticky?(e.openBlock(),e.createBlock(e.unref(Le.default),{key:0,direction:"horizontal","scroll-container":Q.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(v.Pagination),e.mergeProps({key:1,class:e.unref(u)("pagination")},e.unref(z).pagination,{onChange:e.unref(le)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=De;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("vxe-table");require("vxe-table/es/style.css");const s=require("lodash-unified"),Fe=require("../ap-form/index.js");require("../config-provider/index.js");const Ie=require("../ap-table/constants.js"),d=require("../ap-table/utils.js"),Ne=require("../ap-table/hooks/use-table-paging-ng.js"),S=require("@aplus-frontend/antdv"),Te=require("./hooks/use-inner-params.js"),E=require("./utils/table.js"),Pe=require("./hooks/use-row-selection.js"),qe=require("../ap-table/context.js"),h=require("./constants.js"),ze=require("./hooks/use-render-columns.js"),Ve=require("@aplus-frontend/antdv/es/theme/internal");require("../scroll-bar/index.js");const _e=require("../utils/index.js"),Ae=require("../utils/slot.js"),Le=require("./hooks/use-table-style.js"),Oe=require("../config-provider/hooks/use-namespace.js"),U=require("../config-provider/hooks/use-global-config.js"),De=require("../config-provider/hooks/use-locale.js"),Ke=require("../scroll-bar/index.vue.js"),$e=e.defineComponent({name:"ApGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},tableLayout:{},title:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object],default:!1},transformCellText:{},rowClassName:{},stripe:{type:Boolean},headerRowClassName:{},footerRowClassName:{},cellClassName:{},headerCellClassName:{},footerCellClassName:{},rowStyle:{},headerRowStyle:{},footerRowStyle:{},cellStyle:{},headerCellStyle:{},footerCellStyle:{},height:{},minHeight:{},maxHeight:{},mergeCells:{},mergeFooterItems:{},cellConfig:{},loading:{type:Boolean,default:void 0},loadingConfig:{},headerCellConfig:{},footerCellConfig:{},round:{type:Boolean,default:void 0},columns:{},rowSelection:{type:Boolean},card:{type:Boolean,default:!1},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean,default:!1},columnResizable:{type:[Boolean,Object],default:!1},rowKey:{default:"key"},footer:{},virtual:{type:[Boolean,Object],default:void 0},expandable:{},value:{},rowHighlightable:{type:[Boolean,Function],default:!1},treeConfig:{},onReady:{}},setup(M,{expose:W}){const R=e.useSlots(),o=M,v=e.getCurrentInstance()?.appContext.app;v&&!v.__VXE_PC_UI_INSTALLED__&&(v.use(C.VxeUI),v.__VXE_PC_UI_INSTALLED__=!0);const{e:y,b:u,be:G}=Oe.useNamespace("ap-grid"),j=U.useGlobalConfig("valueTypeMap"),H=U.useGlobalConfig("apGrid"),l=e.ref([]),F=e.ref([]),n=e.ref(),w=e.ref(o.size),X=Le.useTableStyle(),[,J]=Ve.useToken(),{t:Q}=De.useLocale();C.VxeUI.setConfig({i18n:(t,r)=>Q(`ap.${t}`,r)});const{renderConfig:Y,updateSignal:Z}=ze.useRenderColumns(l);let I=0;const m=e.computed(()=>{let t=o.rowSelection||H.value?.rowSelection;if(t)return t===!0?h.DEFAULT_ROW_SELECTION_CONFIG:{...h.DEFAULT_ROW_SELECTION_CONFIG,...t}}),ee=e.computed(()=>{if(n.value)return n.value.$el.querySelector(".vxe-table--header-inner-wrapper")}),N=e.computed(()=>(I++,o.columns?.filter(t=>!t.hideInSearch&&t.dataIndex&&(t.valueType||t.customRenderFormItem)&&!Ie.noRenderAsFormItemValueList.includes(t.valueType))?.sort((t,r)=>{let a=d.getColumnOrder(t.order);return d.getColumnOrder(r.order)-a})?.map(t=>{const r=d.updateFormProps(t,d.getFieldProps(t.fieldProps,{})),a={...t,fieldProps:{label:t.title,name:t.dataIndex,bordered:!0,...r||{},_signal:I},renderNode:void 0};return a.renderNode=d.getSearchFormItemRenderNode(a,e.unref(j)),a})||[])),te=e.computed(()=>_e.isDef(o.manual)?o.manual:Ae.getValidVNodeList(R.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),oe=e.computed(()=>[u(),o.card?null:u("wrapper"),o.adaptive?u("adaptive"):null,o.sticky?u("sticky"):null].filter(Boolean)),T=e.computed(()=>d.recursionApColumns(e.unref(l),t=>{if(t.sorter===!0)return t.key||t.dataIndex}).filter(Boolean)),P=e.computed(()=>d.recursionApColumns(e.unref(l),t=>{if(t.filters&&!t.onFilter)return t.key||t.dataIndex}).filter(Boolean)),{formRef:f,submit:b,reset:x,refresh:q,data:c,tableProps:z,setDataSource:re,handleTableChangeOptional:ae,getPaging:ne,setPaging:le,submitWith:V}=Ne.useTablePaging({async request(t){if(m.value&&!m.value.preserveSelectedRowKeys&&s.isUndefined(o.dataSource)&&B(),!s.isUndefined(o.dataSource)){const a=t.pageSize*(t.current-1);return{data:(o.pagination===!1?o.dataSource:o.dataSource.slice(a,a+t.pageSize))||[],total:o.dataSource.length||0}}const r=await o.request?.(t);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:P,sortFields:T,params:e.toRef(o,"params"),defaultData:o.defaultData,manual:e.unref(te),formatParams:o.beforeSearchSubmit,pagination:o.pagination,onClickReset:Se,onAfterRequest:Re}),{sortChangeEvent:se,filterChangeEvent:ue,paginationChangeEvent:ce}=Te.useInnerParams(ae);qe.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>F.value),size:e.computed(()=>h.sizeMap[w.value]),updateColumns(t){l.value=t,o.onShownColumnsChange?.(t)},updateSize(t){w.value=h.sizeReverseMap[t]},renderConfig:e.computed(()=>({className:G("table-header","title"),color:J.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:A,setSearchFormValues:_,submit:b,submitWith:V,reset:x,refresh:q,getSearchFormSorterItems:L,setSearchFormSorterItems:O,resetSearchFormSorterItems:D});const ie=e.computed(()=>l.value.some(t=>t.fixed==="left"||t.fixed===!0)?"left":void 0),de=e.computed(()=>s.isUndefined(o.loading)?c.loading:o.loading),fe=e.computed(()=>s.isUndefined(o.dataSource)?c.records:o.dataSource),{selectedRows:k,rowSelection:p,...g}=Pe.default({...m.value,dataSource:fe,rowKey:o.rowKey}),pe=({checked:t})=>{const r=n.value;r&&r&&g.selectChange(t,r.getCheckboxRecords(),r.getCheckboxReserveRecords())},me=({checked:t})=>{const r=n.value;r&&g.selectAllChange(t,[...r.getCheckboxReserveRecords(),...r.getCheckboxRecords()])},ge=()=>{const t=n.value;t&&g.selectRangeChange(t.getCheckboxRecords(),[...t.getCheckboxReserveRecords(),...t.getCheckboxRecords()])},Ce=()=>{const t=n.value;t&&(k.value=[t.getRadioRecord()])},he=({row:t})=>{const r=o.rowHighlightable;s.isFunction(r)&&r(t)};function ve(){return o.columns?.filter(t=>!t.hideInTable)||[]}function _(t){f.value?.apForm?.setFieldsValue?.(t)}function A(t=!1){const r=t?"getFieldsValueTransformed":"getFieldsValue";return f.value?.apForm?.[r]?.(!0)}function L(){return f.value?.getSorterItems()||[]}function O(t){f.value?.setSorterItems(t)}function D(){f.value?.resetSorterItems()}function B(){g.clearAll();const t=n.value;t&&(p.value.type==="radio"?(t.clearRadioRow(),t.clearRadioReserve()):(t.clearCheckboxRow(),t.clearCheckboxReserve()))}function ye(t){s.isFunction(o.rowKey)||(g.selectMultiByKeys(t),K())}function we(t){const r=n.value;if(!r)return;const a=String(t[o.rowKey]),i=r.getRowById(a);r.setCurrentRow(i)}function Se(){const t=n.value;t&&(t.clearSort(),t.clearFilter())}function K(){e.nextTick(()=>{p.value.type==="radio"?n.value?.setRadioRowKey(p.value.selectedRowKeys[0]):n.value?.setCheckboxRowKey(p.value.selectedRowKeys,!0)})}function Re(t){K(),o.onReady&&e.nextTick(()=>{o.onReady(t)})}async function be(t,r){const a=c.records[t];if(a)return n.value?.scrollToRow(a,r)}const xe=t=>s.isFunction(o.rowKey)?o.rowKey(t):t[o.rowKey];async function ke(t,r=!0){const a=n.value;if(!a)return;const i=s.isArray(t)?t:[t],Be=(a.getData()||[]).filter(Ee=>i.includes(xe(Ee)));a.setRowExpand(Be,r)}return e.watch(()=>[o.columnResizable,o.columns],()=>{const t=ve();l.value=t,o.onShownColumnsChange?.(t),F.value=t},{deep:!0,immediate:!0}),e.watch(()=>o.dataSource,t=>{re(t)},{immediate:!0,deep:!0}),e.watch(()=>e.unref(c).loading,t=>{o.onLoadingChange?.(t)}),e.watch(()=>o.size,t=>{w.value=t}),W({submit:b,reset:x,refresh:q,submitWith:V,setSearchFormValues:_,getSearchFormValues:A,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>k.value),setSelectedRowKeys:ye,clearAll:B},scrollToRow:be,getDataSource:()=>e.unref(c.records),setCurrentRow:we,getPaging:ne,setPaging:le,getSearchFormSorterItems:L,setSearchFormSorterItems:O,resetSearchFormSorterItems:D,setRowExpand:ke}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(oe.value),style:e.normalizeStyle(t.wrapperStyle)},[e.unref(s.isUndefined)(t.dataSource)&&t.searchForm!==!1&&N.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(y)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(Fe.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:f,"custom-reset":"","submit-loading":e.unref(z).loading,onSubmit:e.unref(b),onReset:e.unref(x)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.renderNode),{key:a.dataIndex}))),128))]),_:2},[R.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(y)("table-wrapper"),t.card?e.unref(y)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("header-wrapper"))},[e.renderSlot(t.$slots,"title",{selectedRows:e.unref(k),selectedRowKeys:e.unref(p).selectedRowKeys,shownColumns:l.value,clearAll:B})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("vxe-wrapper"))},[(e.openBlock(),e.createBlock(e.unref(C.VxeTable),e.mergeProps(e.unref(E.toVxeProps)(o,m.value),{ref_key:"tableRef",ref:n,key:e.unref(Z),data:e.unref(c).records,"sort-config":{remote:T.value.length>0,trigger:"cell"},"filter-config":{remote:P.value.length>0},loading:de.value,style:e.unref(X),size:w.value,onSortChange:e.unref(se),onFilterChange:e.unref(ue),onCheckboxChange:pe,onCheckboxRangeChange:ge,onCheckboxAll:me,onRadioChange:Ce,onCurrentRowChange:he}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(S.Empty),{image:e.unref(S.Empty).PRESENTED_IMAGE_SIMPLE},null,8,["image"])]),loading:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(y)("table-loading-wrapper"))},[e.createVNode(e.unref(S.Spin))],2)]),default:e.withCtx(()=>[o.expandable&&l.value.length?(e.openBlock(),e.createBlock(e.unref(C.VxeColumn),e.mergeProps({key:0},e.unref(E.getRowExpandProps)(t.expandable),{fixed:ie.value}),e.createSlots({content:e.withCtx(a=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.expandable.renderContent(a))))]),_:2},[t.expandable?.renderCell?{name:"default",fn:e.withCtx(a=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.expandable.renderCell(a.$table.isRowExpandByRow(a.row),a.row))))]),key:"0"}:void 0]),1040,["fixed"])):e.createCommentVNode("",!0),m.value&&l.value.length?(e.openBlock(),e.createBlock(e.unref(C.VxeColumn),e.mergeProps({key:1},e.unref(E.getRowSelectionProps)(e.unref(p),l.value,o.size),{resizable:!1,field:e.unref(h.ROW_SELECTION_FIELD)}),null,16,["field"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Y),a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a),{key:a.props.colId}))),128))]),_:2},[e.renderList(e.unref(s.omit)(R,["searchFormExtra"]),(a,i)=>({name:i,fn:e.withCtx($=>[e.renderSlot(t.$slots,i,e.normalizeProps(e.guardReactiveProps($||{})))])}))]),1040,["data","sort-config","filter-config","loading","style","size","onSortChange","onFilterChange"]))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("pagination-wrapper"))},[t.sticky?(e.openBlock(),e.createBlock(e.unref(Ke.default),{key:0,direction:"horizontal","scroll-container":ee.value,"extra-size":-4.2,"bar-color":"var(--ap-scrollbar-thumb-color-base)","track-color":"var(--ap-table-header-bg, #f2f6f9)"},null,8,["scroll-container"])):e.createCommentVNode("",!0),t.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(S.Pagination),e.mergeProps({key:1,class:e.unref(u)("pagination")},e.unref(z).pagination,{onChange:e.unref(ce)}),null,16,["class","onChange"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=$e;

package/lib/src/ap-grid/utils/table.d.ts

@@ -1,7 +1,7 @@
 import { VxeTableEventProps, VxeTableProps } from 'vxe-table';
 import { ApGridColumnType, ApGridProps, ApGridRowSelection } from '../interface';
 import { RowSelectionType } from '@aplus-frontend/antdv/es/table/interface';
-export declare function toVxeProps<RecordType>(props: ApGridProps): VxeTableProps<RecordType> & VxeTableEventProps<RecordType>;
+export declare function toVxeProps<RecordType>(props: ApGridProps, rowSelection: ApGridRowSelection<RecordType> | undefined): VxeTableProps<RecordType> & VxeTableEventProps<RecordType>;
 export declare function getRowSelectionProps(rowSelection: ApGridRowSelection<any> | true, columns: ApGridColumnType[], size: 'mini' | 'medium'): {
     type: RowSelectionType;
     width: string | number;

package/lib/src/ap-grid/utils/table.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-unified"),h=require("../../utils/index.js"),g=20,m=50,C=e=>e.some(t=>!!t.html);function y(e){const t={...u.omit(e,["columns","request","searchForm","dataSource","rowKey","value","round"])};if(t.rowConfig={isHover:!0,keyField:e.rowKey,isCurrent:!!e.rowHighlightable},t.columnConfig={},C(e.columns||[])&&(t.rowConfig.useKey=!0,t.columnConfig.useKey=!0),e.adaptive&&(t.autoResize=!0,t.height="100%"),e.columnResizable&&(t.columnConfig.resizable=!0),e.rowSelection){const i=e.rowSelection===!0?{}:e.rowSelection;i.type==="radio"?t.radioConfig={highlight:!0,checkMethod({row:o}){return i.disabled?!i.disabled(o):!0},visibleMethod({row:o}){return i.shown?i.shown(o):!0},checkRowKey:i.defaultSelectedRowKeys?.[0],reserve:u.isUndefined(i.preserveSelectedRowKeys)?!0:i.preserveSelectedRowKeys}:t.checkboxConfig={highlight:!0,checkMethod({row:o}){return i.disabled?!i.disabled(o):!0},visibleMethod({row:o}){return i.shown?i.shown(o):!0},reserve:u.isUndefined(i.preserveSelectedRowKeys)?!0:i.preserveSelectedRowKeys,range:i.range||!1}}return t.border=e.bordered===!1?"inner":!0,e.expandable&&(t.expandConfig=u.omit(e.expandable,["renderContent","width","title"])),e.footer&&(t.showFooter=!0,u.isFunction(e.footer)?t.footerMethod=e.footer:t.footerData=e.footer),e.virtual===!1?(t.virtualXConfig={enabled:!1},t.virtualYConfig={enabled:!1}):(a(t,"X",e.virtual),a(t,"Y",e.virtual)),t.round=h.isDef(e.round)?e.round:!e.card,t.headerCellConfig={height:36,...t.headerCellConfig||{}},t.treeConfig&&(t.treeConfig={...t.treeConfig||{},transform:!0}),t.resizableConfig={minWidth({cell:i}){return x(i,e.size)}},t}function a(e,t,n){const i=t==="X",o=i?"x":"y",s=i?"virtualXConfig":"virtualYConfig",r=n?.[o],l=r!==!1,d=i?g:m,c=u.isNumber(r)&&r>=0?r:d;e[s]={enabled:l,gt:c,oSize:n?.oSize||0}}function b(e){return e===!0?"left":e}function v(e,t,n){const i=e===!0||!e.type?"checkbox":e.type,o=(n==="mini"?9*2:12*2)+16,s=e===!0?o:e.columnWidth||o;let r=e===!0?void 0:b(e.fixed);return r||(r===!1?r=void 0:r=t.some(l=>l.fixed==="left"||l.fixed===!0)?"left":void 0),{type:i,width:s,fixed:r}}function w(e){const t=e?.width||"auto";return{type:"expand",title:e?.title,width:t}}function f(e){if(!e)return 0;const t=getComputedStyle(e);return e.offsetWidth+(Number.parseFloat(t.marginLeft)||0)+Number.parseFloat(t.marginRight)||0}function x(e,t){if(!e)return"auto";const n=getComputedStyle(e);let i=t==="medium"?12*2:9*2;const o=(Number.parseFloat(n.fontSize)||14)*1.6;return i+=o,e.querySelector("span.anticon-question-circle")&&(i+=20),i+=f(e.querySelector(".vxe-cell--sort"))+f(e.querySelector(".vxe-cell--filter")),Math.ceil(i)}exports.getRowExpandProps=w;exports.getRowSelectionProps=v;exports.toVxeProps=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lodash-unified"),c=require("../../utils/index.js"),g=20,m=50,C=e=>e.some(i=>!!i.html);function b(e,i){const t={...u.omit(e,["columns","request","searchForm","dataSource","rowKey","value","round"])};return t.rowConfig={isHover:!0,keyField:e.rowKey,isCurrent:!!e.rowHighlightable},t.columnConfig={},C(e.columns||[])&&(t.rowConfig.useKey=!0,t.columnConfig.useKey=!0),e.adaptive&&(t.autoResize=!0,t.height="100%"),e.columnResizable&&(t.columnConfig.resizable=!0),i&&(i.type==="radio"?t.radioConfig={highlight:!0,checkMethod({row:r}){return i.disabled?!i.disabled(r):!0},visibleMethod({row:r}){return i.shown?i.shown(r):!0},checkRowKey:i.defaultSelectedRowKeys?.[0],reserve:i.preserveSelectedRowKeys||u.isUndefined(e.dataSource)}:t.checkboxConfig={highlight:!0,checkMethod({row:r}){return i.disabled?!i.disabled(r):!0},visibleMethod({row:r}){return i.shown?i.shown(r):!0},reserve:i.preserveSelectedRowKeys||u.isUndefined(e.dataSource),range:i.range||!1}),t.border=e.bordered===!1?"inner":!0,e.expandable&&(t.expandConfig=u.omit(e.expandable,["renderContent","width","title"])),e.footer&&(t.showFooter=!0,u.isFunction(e.footer)?t.footerMethod=e.footer:t.footerData=e.footer),e.virtual===!1?(t.virtualXConfig={enabled:!1},t.virtualYConfig={enabled:!1}):(s(t,"X",e.virtual),s(t,"Y",e.virtual)),t.round=c.isDef(e.round)?e.round:!e.card,t.headerCellConfig={height:36,...t.headerCellConfig||{}},t.treeConfig&&(t.treeConfig={...t.treeConfig||{},transform:!0}),t.resizableConfig={minWidth({cell:r}){return R(r,e.size)}},t}function s(e,i,t){const n=i==="X",r=n?"x":"y",d=n?"virtualXConfig":"virtualYConfig",o=t?.[r],a=o!==!1,f=n?g:m,h=u.isNumber(o)&&o>=0?o:f;e[d]={enabled:a,gt:h,oSize:t?.oSize||0}}function y(e){return e===!0?"left":e}function v(e,i,t){const n=e===!0||!e.type?"checkbox":e.type,r=(t==="mini"?9*2:12*2)+16,d=e===!0?r:e.columnWidth||r;let o=e===!0?void 0:y(e.fixed);return o||(o===!1?o=void 0:o=i.some(a=>a.fixed==="left"||a.fixed===!0)?"left":void 0),{type:n,width:d,fixed:o}}function x(e){const i=e?.width||"auto";return{type:"expand",title:e?.title,width:i}}function l(e){if(!e)return 0;const i=getComputedStyle(e);return e.offsetWidth+(Number.parseFloat(i.marginLeft)||0)+Number.parseFloat(i.marginRight)||0}function R(e,i){if(!e)return"auto";const t=getComputedStyle(e);let n=i==="medium"?12*2:9*2;const r=(Number.parseFloat(t.fontSize)||14)*1.6;return n+=r,e.querySelector("span.anticon-question-circle")&&(n+=20),n+=l(e.querySelector(".vxe-cell--sort"))+l(e.querySelector(".vxe-cell--filter")),Math.ceil(n)}exports.getRowExpandProps=x;exports.getRowSelectionProps=v;exports.toVxeProps=b;