@aplus-frontend/ui 6.26.4 → 6.26.5

package/es/src/config-provider/index.d.ts

@@ -5,7 +5,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 import { ViewCacheOption } from '..';
@@ -85,6 +85,9 @@ export declare const APConfigProvider: {
             type: BooleanConstructor;
             default: any;
         };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+        };
         dropdownMatchSelectWidth: {
             type: (BooleanConstructor | NumberConstructor)[];
             default: boolean;
@@ -115,12 +118,22 @@ export declare const APConfigProvider: {
         };
         select: {
             type: PropType<{
+                variant?: Variant;
                 showSearch?: boolean;
             }>;
             default: {
+                variant?: Variant;
                 showSearch?: boolean;
             };
         };
+        cascader: {
+            type: PropType<{
+                variant?: Variant;
+            }>;
+            default: {
+                variant?: Variant;
+            };
+        };
         wave: {
             type: PropType<{
                 disabled?: boolean;
@@ -178,6 +191,7 @@ export declare const APConfigProvider: {
             autocomplete?: string;
         };
         select: {
+            variant?: Variant;
             showSearch?: boolean;
         };
         form: {
@@ -203,6 +217,9 @@ export declare const APConfigProvider: {
             showSizeChanger?: boolean;
         };
         theme: ThemeConfig;
+        cascader: {
+            variant?: Variant;
+        };
         wave: {
             disabled?: boolean;
         };
@@ -289,6 +306,9 @@ export declare const APConfigProvider: {
             type: BooleanConstructor;
             default: any;
         };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+        };
         dropdownMatchSelectWidth: {
             type: (BooleanConstructor | NumberConstructor)[];
             default: boolean;
@@ -319,12 +339,22 @@ export declare const APConfigProvider: {
         };
         select: {
             type: PropType<{
+                variant?: Variant;
                 showSearch?: boolean;
             }>;
             default: {
+                variant?: Variant;
                 showSearch?: boolean;
             };
         };
+        cascader: {
+            type: PropType<{
+                variant?: Variant;
+            }>;
+            default: {
+                variant?: Variant;
+            };
+        };
         wave: {
             type: PropType<{
                 disabled?: boolean;
@@ -382,6 +412,7 @@ export declare const APConfigProvider: {
             autocomplete?: string;
         };
         select: {
+            variant?: Variant;
             showSearch?: boolean;
         };
         form: {
@@ -407,6 +438,9 @@ export declare const APConfigProvider: {
             showSizeChanger?: boolean;
         };
         theme: ThemeConfig;
+        cascader: {
+            variant?: Variant;
+        };
         wave: {
             disabled?: boolean;
         };
@@ -490,6 +524,9 @@ export declare const APConfigProvider: {
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -520,12 +557,22 @@ export declare const APConfigProvider: {
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;
@@ -583,6 +630,7 @@ export declare const APConfigProvider: {
         autocomplete?: string;
     };
     select: {
+        variant?: Variant;
         showSearch?: boolean;
     };
     form: {
@@ -608,6 +656,9 @@ export declare const APConfigProvider: {
         showSizeChanger?: boolean;
     };
     theme: ThemeConfig;
+    cascader: {
+        variant?: Variant;
+    };
     wave: {
         disabled?: boolean;
     };

package/es/src/utils/config-provider-preset.d.ts

@@ -1,10 +1,10 @@
 import { TransformCellTextProps } from '@aplus-frontend/antdv/lib/table/interface';
 import { ConfigProviderProps } from '@aplus-frontend/antdv';
+import { Variant, ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { SizeType, CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
 /**
@@ -39,6 +39,7 @@ export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
         autocomplete?: string;
     } | undefined;
     select?: {
+        variant?: Variant;
         showSearch?: boolean;
     } | undefined;
     form?: {
@@ -60,10 +61,14 @@ export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
         showSizeChanger?: boolean;
     } | undefined;
     theme?: ThemeConfig | undefined;
+    cascader?: {
+        variant?: Variant;
+    } | undefined;
     wave?: {
         disabled?: boolean;
     } | undefined;
     prefixCls?: string | undefined;
+    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
     getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     iconPrefixCls?: string | undefined;
     getTargetContainer?: (() => HTMLElement | Window) | undefined;
@@ -80,6 +85,7 @@ export declare function mergeAntdProviderConfigWithCache(newConfig: ConfigProvid
         autocomplete?: string;
     } | undefined;
     select?: {
+        variant?: Variant;
         showSearch?: boolean;
     } | undefined;
     form?: {
@@ -101,10 +107,14 @@ export declare function mergeAntdProviderConfigWithCache(newConfig: ConfigProvid
         showSizeChanger?: boolean;
     } | undefined;
     theme?: ThemeConfig | undefined;
+    cascader?: {
+        variant?: Variant;
+    } | undefined;
     wave?: {
         disabled?: boolean;
     } | undefined;
     prefixCls?: string | undefined;
+    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
     getPopupContainer?: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
     iconPrefixCls?: string | undefined;
     getTargetContainer?: (() => HTMLElement | Window) | undefined;

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.26.4";
+declare const _default: "6.26.5";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "6.26.4";
+const e = "6.26.5";
 export {
   e as default
 };

package/es/src/work-order-modal/work-order-modal.vue.d.ts

@@ -110,6 +110,7 @@ declare const _default: DefineComponent<WorkOrderModalProps, {}, {}, {}, {}, Com
             readonly onFinish?: ((values: any) => void) | undefined;
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+            readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
             readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
@@ -344,11 +345,16 @@ declare const _default: DefineComponent<WorkOrderModalProps, {}, {}, {}, {}, Com
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;
@@ -664,11 +670,16 @@ declare const _default: DefineComponent<WorkOrderModalProps, {}, {}, {}, {}, Com
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;

package/lib/src/ag-grid/hooks/use-virtual-config.d.ts

@@ -0,0 +1,5 @@
+import { Ref, ComputedRef } from 'vue';
+import { AgGridProps } from '../interface';
+import { GridOptions } from 'ag-grid-community';
+declare const useVirtualConfig: (config: Ref<AgGridProps["virtual"]>) => ComputedRef<GridOptions<any>>;
+export default useVirtualConfig;

package/lib/src/ag-grid/hooks/use-virtual-config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),i=require("lodash-unified"),n={row:!0,col:!0},l=u=>r.computed(()=>{const e=r.unref(u);if(e===!1)return{suppressRowVirtualisation:!0,suppressColumnVirtualisation:!0};const{row:t,col:s,rowBuffer:o}=i.merge(n,e||{});return{suppressRowVirtualisation:!t,suppressColumnVirtualisation:!s,rowBuffer:o}});exports.default=l;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),he=require("ag-grid-vue3"),E=require("ag-grid-community"),K=require("@aplus-frontend/antdv"),c=require("lodash-unified");require("../config-provider/index.js");const ve=require("../ap-form/index.js"),Ce=require("../ap-table/utils.js"),be=require("../ap-table/hooks/use-table-paging-ng.js"),Re=require("./hooks/use-row-selection.js"),Be=require("./context.js"),xe=require("../ap-table/context.js"),P=require("../ap-grid/constants.js"),Fe=require("@aplus-frontend/antdv/es/theme/internal"),ke=require("./theme.js"),qe=require("./hooks/use-columns.js"),ze=require("./hooks/use-columns-def.js"),Ne=require("../utils/index.js"),Te=require("../utils/slot.js"),Ve=require("./hooks/use-search-form.js");require("./components/empty/index.vue.js");const De=require("../config-provider/hooks/use-namespace.js"),Ee=require("./components/empty/index.vue2.js"),Ke=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean}},setup(A,{expose:I}){E.ModuleRegistry.registerModules([E.AllCommunityModule]);const t=A,C=e.useSlots(),{e:f,b:a,be:M}=De.useNamespace("ag-grid"),d=e.ref(t.size),U=ke.useTheme(d,e.toRef(t,"rowHeight")),m=e.ref(),[,W]=Fe.useToken();let s=!!t.dataSource;const b=Ve.useSearchForm(t),{shownColumns:l,shownColumnsBackup:L}=qe.useColumns(t),{defaultColDef:O,columnDefs:$}=ze.useColumnsDef(l,t),R=e.ref({});Be.useProvideSorter({sorter:R,setSorter(o){R.value=o}});const G={asc:"ascend",desc:"descend"};function j(){const o=m.value.getColumns()?.filter(v=>v.getSort()!==void 0);if(!o?.length)return;const r=o[0],n=r.getColDef(),p=r.getSort();x(void 0,void 0,{column:n,field:n.field,order:p?G[p]:null})}const H=e.computed(()=>Ce.recursionApColumns(e.unref(l),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),_=e.computed(()=>Ne.isDef(t.manual)?t.manual:Te.getValidVNodeList(C.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:i,submit:S,reset:g,data:u,tableProps:B,handleTableChangeOptional:x,submitWith:F,refresh:k,getPaging:J,setPaging:Q,setDataSource:X}=be.useTablePaging({async request(o){if(s=!1,!Z.value&&c.isUndefined(t.dataSource)&&h(),!c.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(o);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(_),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:H}),Y=e.computed(()=>c.isUndefined(t.dataSource)?u.records:t.dataSource),Z=e.computed(()=>{const o=t.rowSelection===!0?{}:t.rowSelection;return o?o.preserveSelectedRowKeys!==!1:!1}),{select:ee,unSelect:oe,selectedRows:w,selectedRowKeys:te,clearAll:re,selectMultiByKeys:ne}=Re.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:Y,rowKey:t.rowKey}),ae={checkbox:"multiRow",radio:"singleRow"},le=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ae[o],isRowSelectable:n=>r?!r(n.data):!0}}),se=e.computed(()=>{if(!t.rowSelection)return;const o=t.rowSelection===!0?{}:t.rowSelection;let r=o.fixed;return r===void 0&&(r=l.value.some(n=>n.fixed==="left"||n.fixed===!0)?"left":void 0),{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:r}});function y(o){return c.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const q=({api:o=m.value})=>{if(!t.rowSelection)return;const r=w.value;if(!r.length){setTimeout(()=>{s=!0},0);return}s=!1;const n=[];o.forEachNode(p=>{const v=p.data,we=y(v);r.find(ye=>y(ye)===we)&&n.push(p)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{s=!0},0)},ie=o=>{s&&(o.node.isSelected()?ee(o.data):oe(o.data))},ue=()=>{s=!0},h=()=>{re(),m.value?.deselectAll()};function ce(o){ne(o),e.nextTick(()=>{q({})})}function z(o=!1){const r=o?"getFieldsValueTransformed":"getFieldsValue";return i.value?.apForm?.[r]?.(!0)}function N(o){i.value?.apForm?.setFieldsValue?.(o)}function T(){return i.value?.getSorterItems()||[]}function V(o){i.value?.setSorterItems(o)}function D(){i.value?.resetSorterItems()}xe.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>L.value),size:e.computed(()=>P.sizeMap[d.value]),updateColumns(o){l.value=o,t.onShownColumnsChange?.(o)},updateSize(o){d.value=P.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:M("table-header","title"),color:W.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(u).records),getSearchFormValues:z,setSearchFormValues:N,submit:S,submitWith:F,reset:g,refresh:k,getSearchFormSorterItems:T,setSearchFormSorterItems:V,resetSearchFormSorterItems:D});const de=e.computed(()=>c.isUndefined(t.loading)?u.loading:t.loading),me=e.computed(()=>[a(),t.card?null:a("wrapper"),a("adaptive"),a(`size-${d.value}`)].filter(Boolean)),pe=e.computed(()=>({height:"100%",...t.tableStyle||{}})),fe=(o,r)=>{x({current:o,pageSize:r})};function Se(o){const r=o.data;return y(r)}function ge(o,r){m.value?.ensureIndexVisible(o,r)}return e.watch(()=>t.dataSource,o=>{X(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{d.value=o}),e.watch(()=>e.unref(u).loading,o=>{t.onLoadingChange?.(o)}),I({submit:S,reset:g,refresh:k,submitWith:F,setSearchFormValues:N,getSearchFormValues:z,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>w.value),setSelectedRowKeys:ce,clearAll:h},scrollToRow:ge,getDataSource:()=>e.unref(u.records),getPaging:J,setPaging:Q,getSearchFormSorterItems:T,setSearchFormSorterItems:V,resetSearchFormSorterItems:D}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(me.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(c.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(b).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(f)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(ve.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:i,"custom-reset":"","submit-loading":e.unref(B).loading,onSubmit:e.unref(S),onReset:e.unref(g)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(b),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[C.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(f)("table-wrapper"),o.card?e.unref(f)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(w),selectedRowKeys:e.unref(te),shownColumns:e.unref(l),clearAll:h})],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("grid-wrapper"))},[e.createVNode(e.unref(he.AgGridVue),{style:e.normalizeStyle(pe.value),"row-data":e.unref(u).records,"column-defs":e.unref($),"default-col-def":e.unref(O),"suppress-loading-overlay":"","row-selection":le.value,"selection-column-def":se.value,"get-row-id":Se,"pinned-top-row-data":o.summary?.top,"pinned-bottom-row-data":o.summary?.bottom,theme:e.unref(U),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"","no-rows-overlay-component":Ee.default,onSortChanged:j,onGridReady:r[0]||(r[0]=n=>m.value=n.api),onRowDataUpdated:q,onRowSelected:ie,onFirstDataRendered:ue},null,8,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)("table-loading-wrapper"))},[e.createVNode(e.unref(K.Spin),{delay:300})],2),[[e.vShow,de.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(K.Pagination),e.mergeProps({key:0,class:e.unref(a)("pagination")},e.unref(B).pagination,{onChange:fe}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Ke;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),Re=require("ag-grid-vue3"),I=require("ag-grid-community"),M=require("@aplus-frontend/antdv"),p=require("lodash-unified");require("../config-provider/index.js");const Be=require("../ap-form/index.js"),ke=require("../ap-table/utils.js"),xe=require("../ap-table/hooks/use-table-paging-ng.js"),Fe=require("./hooks/use-row-selection.js"),qe=require("./context.js"),ze=require("../ap-table/context.js"),U=require("../ap-grid/constants.js"),Ne=require("@aplus-frontend/antdv/es/theme/internal"),Te=require("./theme.js"),Ve=require("./hooks/use-columns.js"),Ee=require("./hooks/use-columns-def.js"),De=require("../utils/index.js"),Ke=require("../utils/slot.js"),Pe=require("./hooks/use-search-form.js");require("./components/empty/index.vue.js");const Ae=require("./hooks/use-virtual-config.js"),Ie=require("../config-provider/hooks/use-namespace.js"),Me=require("./components/empty/index.vue2.js"),Ue=e.defineComponent({name:"AgGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},columns:{},rowSelection:{type:Boolean},card:{type:Boolean},params:{},request:{},defaultData:{},dataSource:{},onLoadingChange:{},onShownColumnsChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},manual:{type:Boolean,default:void 0},size:{default:"mini"},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{}},setup(O,{expose:W}){I.ModuleRegistry.registerModules([I.AllCommunityModule]);const t=O,B=e.useSlots(),{e:g,b:a,be:j}=Ie.useNamespace("ag-grid"),m=e.ref(t.size),L=Te.useTheme(m,e.toRef(t,"rowHeight")),k=Ae.default(e.toRef(t,"virtual")),s=e.ref(),[,$]=Ne.useToken();let i=!!t.dataSource;const x=Pe.useSearchForm(t),{shownColumns:l,shownColumnsBackup:G}=Ve.useColumns(t),{defaultColDef:H,columnDefs:_}=Ee.useColumnsDef(l,t),y=e.ref({});qe.useProvideSorter({sorter:y,setSorter(o){y.value=o}});const J={asc:"ascend",desc:"descend"};function Q(){const o=s.value.getColumns()?.filter(d=>d.getSort()!==void 0),r=e.unref(y)||{};let n=o?.[0];const f=Object.keys(r);if(f.length&&f.every(d=>r[d]===null)){const d=Object.keys(r)[0];d&&(n=s.value?.getColumn(d))}if(!n)return;const S=n.getColDef(),w=n.getSort();q(void 0,void 0,{column:S,field:S.field,order:w?J[w]:null})}const X=e.computed(()=>ke.recursionApColumns(e.unref(l),o=>{if(o.sorter===!0)return o.key||o.dataIndex}).filter(Boolean)),Y=e.computed(()=>De.isDef(t.manual)?t.manual:Ke.getValidVNodeList(B.searchFormExtra?.()||[]).some(r=>r.type?.name==="ApView")),{formRef:u,submit:h,reset:v,data:c,tableProps:F,handleTableChangeOptional:q,submitWith:z,refresh:N,getPaging:Z,setPaging:ee,setDataSource:oe}=xe.useTablePaging({async request(o){if(i=!1,!re.value&&p.isUndefined(t.dataSource)&&R(),!p.isUndefined(t.dataSource)){const n=o.pageSize*(o.current-1);return{data:(t.pagination===!1?t.dataSource:t.dataSource.slice(n,n+o.pageSize))||[],total:t.dataSource.length||0}}const r=await t.request?.(o);return{data:r?.data||[],total:r?.total||0}},namespace:"ap-grid",filterFields:e.ref([]),params:e.toRef(t,"params"),defaultData:t.defaultData,manual:e.unref(Y),formatParams:t.beforeSearchSubmit,pagination:t.pagination,sortFields:X}),te=e.computed(()=>p.isUndefined(t.dataSource)?c.records:t.dataSource),re=e.computed(()=>{const o=t.rowSelection===!0?{}:t.rowSelection;return o?o.preserveSelectedRowKeys!==!1:!1}),{select:ne,unSelect:ae,selectedRows:C,selectedRowKeys:le,clearAll:se,selectMultiByKeys:ie}=Fe.default({...t.rowSelection===!0?{}:t.rowSelection,dataSource:te,rowKey:t.rowKey}),ue={checkbox:"multiRow",radio:"singleRow"},ce=e.computed(()=>{if(!t.rowSelection)return;const{type:o="checkbox",disabled:r}=t.rowSelection===!0?{}:t.rowSelection;return{mode:ue[o],isRowSelectable:n=>r?!r(n.data):!0}}),de=e.computed(()=>{if(!t.rowSelection)return;const o=t.rowSelection===!0?{}:t.rowSelection;let r=o.fixed;return r===void 0&&(r=l.value.some(n=>n.fixed==="left"||n.fixed===!0)?"left":void 0),{sortable:!1,resizable:!1,width:o.columnWidth||60,pinned:r}});function b(o){return p.isFunction(t.rowKey)?t.rowKey(o):o[t.rowKey]}const T=({api:o=s.value})=>{if(!t.rowSelection)return;const r=C.value;if(!r.length){setTimeout(()=>{i=!0},0);return}i=!1;const n=[];o.forEachNode(f=>{const A=f.data,S=b(A);r.find(w=>b(w)===S)&&n.push(f)}),o.setNodesSelected({nodes:n,newValue:!0}),setTimeout(()=>{i=!0},0)},pe=o=>{i&&(o.node.isSelected()?ne(o.data):ae(o.data))},me=()=>{i=!0},R=()=>{se(),s.value?.deselectAll()};function fe(o){ie(o),e.nextTick(()=>{T({})})}function V(o=!1){const r=o?"getFieldsValueTransformed":"getFieldsValue";return u.value?.apForm?.[r]?.(!0)}function E(o){u.value?.apForm?.setFieldsValue?.(o)}function D(){return u.value?.getSorterItems()||[]}function K(o){u.value?.setSorterItems(o)}function P(){u.value?.resetSorterItems()}ze.useProvideApTable({columns:e.computed(()=>l.value),columnsBackup:e.computed(()=>G.value),size:e.computed(()=>U.sizeMap[m.value]),updateColumns(o){l.value=o,t.onShownColumnsChange?.(o)},updateSize(o){m.value=U.sizeReverseMap[o]},renderConfig:e.computed(()=>({className:j("table-header","title"),color:$.value.colorTextTertiary})),dataSource:e.computed(()=>e.unref(c).records),getSearchFormValues:V,setSearchFormValues:E,submit:h,submitWith:z,reset:v,refresh:N,getSearchFormSorterItems:D,setSearchFormSorterItems:K,resetSearchFormSorterItems:P});const ge=e.computed(()=>p.isUndefined(t.loading)?c.loading:t.loading),Se=e.computed(()=>[a(),t.card?null:a("wrapper"),a("adaptive"),a(`size-${m.value}`)].filter(Boolean)),we=e.computed(()=>({height:"100%",...t.tableStyle||{}})),ye=(o,r)=>{q({current:o,pageSize:r})};function he(o){const r=o.data;return b(r)}function ve(o,r){s.value?.ensureIndexVisible(o,r)}function Ce(o){t.onRowClicked?.(o.data)}function be(o){t.onScrollEnd?.(o.direction)}return e.watch(()=>t.dataSource,o=>{oe(o)},{immediate:!0,deep:!0}),e.watch(()=>t.size,o=>{m.value=o}),e.watch(()=>e.unref(c).loading,o=>{t.onLoadingChange?.(o)}),W({submit:h,reset:v,refresh:N,submitWith:z,setSearchFormValues:E,getSearchFormValues:V,getShowColumns:()=>e.unref(l),rowSelection:{selectedRows:e.computed(()=>C.value),setSelectedRowKeys:fe,clearAll:R},scrollToRow:ve,getDataSource:()=>e.unref(c.records),getPaging:Z,setPaging:ee,getSearchFormSorterItems:D,setSearchFormSorterItems:K,resetSearchFormSorterItems:P}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Se.value),style:e.normalizeStyle(o.wrapperStyle)},[e.unref(p.isUndefined)(o.dataSource)&&o.searchForm!==!1&&e.unref(x).length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.card?e.unref(g)("search-wrapper"):null),style:e.normalizeStyle(o.searchFormWrapperStyle)},[e.createVNode(e.unref(Be.ApForm).SearchForm,e.mergeProps(o.searchForm||{},{ref_key:"formRef",ref:u,"custom-reset":"","submit-loading":e.unref(F).loading,onSubmit:e.unref(h),onReset:e.unref(v)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),{key:n.dataIndex}))),128))]),_:2},[B.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(g)("table-wrapper"),o.card?e.unref(g)("table-wrapper-card"):null]),style:e.normalizeStyle(o.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("header-wrapper"))},[e.renderSlot(o.$slots,"title",{selectedRows:e.unref(C),selectedRowKeys:e.unref(le),shownColumns:e.unref(l),clearAll:R})],2),e.createTextVNode(" "+e.toDisplayString(console.log(e.unref(k)))+" ",1),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("grid-wrapper"))},[e.createVNode(e.unref(Re.AgGridVue),e.mergeProps(e.unref(k),{style:we.value,"row-data":e.unref(c).records,"column-defs":e.unref(_),"default-col-def":e.unref(H),"suppress-loading-overlay":"","row-selection":ce.value,"selection-column-def":de.value,"get-row-id":he,"pinned-top-row-data":o.summary?.top,"pinned-bottom-row-data":o.summary?.bottom,theme:e.unref(L),"tooltip-show-delay":500,"enable-browser-tooltips":o.browserTooltips,"tooltip-interaction":"","no-rows-overlay-component":Me.default,onSortChanged:Q,onGridReady:r[0]||(r[0]=n=>s.value=n.api),onRowDataUpdated:T,onRowSelected:pe,onFirstDataRendered:me,onRowClicked:Ce,onBodyScrollEnd:be}),null,16,["style","row-data","column-defs","default-col-def","row-selection","selection-column-def","pinned-top-row-data","pinned-bottom-row-data","theme","enable-browser-tooltips"]),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)("table-loading-wrapper"))},[e.createVNode(e.unref(M.Spin),{delay:300})],2),[[e.vShow,ge.value]])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a)("pagination-wrapper"))},[o.pagination!==!1?(e.openBlock(),e.createBlock(e.unref(M.Pagination),e.mergeProps({key:0,class:e.unref(a)("pagination")},e.unref(F).pagination,{onChange:ye}),null,16,["class"])):e.createCommentVNode("",!0)],2)],6)],6))}});exports.default=Ue;

package/lib/src/ag-grid/interface.d.ts

@@ -4,7 +4,7 @@ import { TableProps } from '@aplus-frontend/antdv';
 import { ApFormSearchFormPopoverSorterItem, ApFormSearchFormProps } from '../ap-form/interface';
 import { Recordable } from '../type';
 import { SortOrder, TableRowSelection } from '@aplus-frontend/antdv/es/table/interface';
-import { ColDef, IRowNode } from 'ag-grid-community';
+import { ColDef, IRowNode, ScrollDirection } from 'ag-grid-community';
 import { InternalPagingType } from '../ap-table/hooks/use-table-paging-ng';
 export type AgGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ExtraProColumnType<RecordType>, 'sorter' | 'rowSpan' | 'customCell' | 'customHeaderCell' | 'minWidth' | 'width' | 'maxWidth' | 'className' | 'class' | 'colSpan'> & {
     children?: AgGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
@@ -106,6 +106,11 @@ export type AgGridRowSelection<RecordType> = Pick<TableRowSelection<RecordType>,
      */
     preserveSelectedRowKeys?: boolean;
 };
+export type AgGridVirtualConfig = {
+    row?: boolean;
+    col?: boolean;
+    rowBuffer?: number;
+};
 export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection' | 'rowClassName' | 'footer' | 'loading' | 'sticky'> & {
     /**
      * 列配置
@@ -221,6 +226,22 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * 单元格tooltip使用原生实现 默认为 `false`
      */
     browserTooltips?: boolean;
+    /**
+     * 虚拟列表配置项
+     */
+    virtual?: false | AgGridVirtualConfig;
+    /**
+     * 行点击事件
+     * @param record 行数据
+     * @returns
+     */
+    onRowClicked?: (record: RecordType) => void;
+    /**
+     * 表格滚动结束后的事件
+     * @param direction
+     * @returns
+     */
+    onScrollEnd?: (direction: ScrollDirection) => void;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/lib/src/ap-field/select/index.vue.d.ts

@@ -50,6 +50,15 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            maxCount: NumberConstructor;
             transitionName: StringConstructor;
             choiceTransitionName: {
                 type: PropType<"">;
@@ -132,6 +141,7 @@ declare function __VLS_template(): {
             clearIcon: VueTypeValidableDef<any>;
             options: PropType<DefaultOptionType[]>;
             onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -165,10 +175,6 @@ declare function __VLS_template(): {
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             menuItemSelectedIcon: VueTypeValidableDef<any>;
             listItemHeight: NumberConstructor;
@@ -202,6 +208,7 @@ declare function __VLS_template(): {
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             loading: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             bordered: boolean;
             defaultValue: SelectValue;
             status: "" | "error" | "warning";
@@ -212,11 +219,11 @@ declare function __VLS_template(): {
             placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
         }, true, {}, CustomSlotsType<{
             notFoundContent: any;
             suffixIcon: any;
@@ -230,6 +237,7 @@ declare function __VLS_template(): {
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
+            prefix: any;
         }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -261,6 +269,15 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            maxCount: NumberConstructor;
             transitionName: StringConstructor;
             choiceTransitionName: {
                 type: PropType<"">;
@@ -343,6 +360,7 @@ declare function __VLS_template(): {
             clearIcon: VueTypeValidableDef<any>;
             options: PropType<DefaultOptionType[]>;
             onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+            prefix: VueTypeValidableDef<any>;
             onSearch: PropType<(value: string) => void>;
             fieldNames: PropType<FieldNames>;
             dropdownStyle: {
@@ -376,10 +394,6 @@ declare function __VLS_template(): {
             onDropdownVisibleChange: {
                 type: PropType<(open: boolean) => void>;
             };
-            showArrow: {
-                type: BooleanConstructor;
-                default: any;
-            };
             onPopupScroll: PropType<(e: UIEvent) => void>;
             menuItemSelectedIcon: VueTypeValidableDef<any>;
             listItemHeight: NumberConstructor;
@@ -413,6 +427,7 @@ declare function __VLS_template(): {
             virtual: boolean;
             dropdownMatchSelectWidth: number | boolean;
             loading: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
             bordered: boolean;
             defaultValue: SelectValue;
             status: "" | "error" | "warning";
@@ -423,11 +438,11 @@ declare function __VLS_template(): {
             placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
             showSearch: boolean;
             choiceTransitionName: "";
-            showArrow: boolean;
             autoClearSearchValue: boolean;
             filterOption: boolean | FilterFunc<DefaultOptionType>;
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
+            showArrow: boolean;
         }> | null;
     };
     rootEl: any;
@@ -453,8 +468,8 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     lazy: boolean;
     allowClear: boolean;
     defaultOpen: boolean;
-    showSearch: boolean;
     showArrow: boolean;
+    showSearch: boolean;
     autoClearSearchValue: boolean;
     defaultActiveFirstOption: boolean;
     labelInValue: boolean;
@@ -487,6 +502,15 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        maxCount: NumberConstructor;
         transitionName: StringConstructor;
         choiceTransitionName: {
             type: PropType<"">;
@@ -569,6 +593,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         clearIcon: VueTypeValidableDef<any>;
         options: PropType<DefaultOptionType[]>;
         onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -602,10 +627,6 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         menuItemSelectedIcon: VueTypeValidableDef<any>;
         listItemHeight: NumberConstructor;
@@ -639,6 +660,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
         loading: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         bordered: boolean;
         defaultValue: SelectValue;
         status: "" | "error" | "warning";
@@ -649,11 +671,11 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
     }, true, {}, CustomSlotsType<{
         notFoundContent: any;
         suffixIcon: any;
@@ -667,6 +689,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         maxTagPlaceholder: any;
         optionLabel: any;
         default: any;
+        prefix: any;
     }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -698,6 +721,15 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        maxCount: NumberConstructor;
         transitionName: StringConstructor;
         choiceTransitionName: {
             type: PropType<"">;
@@ -780,6 +812,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         clearIcon: VueTypeValidableDef<any>;
         options: PropType<DefaultOptionType[]>;
         onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+        prefix: VueTypeValidableDef<any>;
         onSearch: PropType<(value: string) => void>;
         fieldNames: PropType<FieldNames>;
         dropdownStyle: {
@@ -813,10 +846,6 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         onDropdownVisibleChange: {
             type: PropType<(open: boolean) => void>;
         };
-        showArrow: {
-            type: BooleanConstructor;
-            default: any;
-        };
         onPopupScroll: PropType<(e: UIEvent) => void>;
         menuItemSelectedIcon: VueTypeValidableDef<any>;
         listItemHeight: NumberConstructor;
@@ -850,6 +879,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
         loading: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
         bordered: boolean;
         defaultValue: SelectValue;
         status: "" | "error" | "warning";
@@ -860,11 +890,11 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
         placement: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
         showSearch: boolean;
         choiceTransitionName: "";
-        showArrow: boolean;
         autoClearSearchValue: boolean;
         filterOption: boolean | FilterFunc<DefaultOptionType>;
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
+        showArrow: boolean;
     }> | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/src/ap-field/select/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified"),S=require("@aplus-frontend/antdv");require("../../hooks/index.js");const x=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),I=require("../../hooks/useControllableValue.js"),P={key:0},k=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},loading:{type:Boolean,default:void 0},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},id:{},clearIcon:{},options:{},onDeselect:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},showArrow:{type:Boolean,default:void 0},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},onClickOption:{},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number]},params:{},searchDelay:{default:300}},emits:["update:value"],setup(g,{expose:C,emit:w}){let r=0;const o=g,B=u.debounce(t=>{if(!u.isFunction(o.request))return;r+=1;const n=r;c([]),a.value=!0,o.request(t).then(l=>{r===n&&(c(l),a.value=!1)})},o.searchDelay),_=(t,n)=>{const l=o.fieldNames?.label||"label";return typeof n?.[l]=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:i,updateOptions:c}=d.useSelectOptions(o),m=e.ref(),a=e.ref(o?.loading||!1),L=w;async function f(t=!0){if(!u.isFunction(o.request))return;a.value=!0,r+=1;const n=r;try{t&&c([]);const l=await o.request(void 0,o.params);if(n!==r)return;c(l)}finally{a.value=!1}}function b(t){o.onFocus?.(t),o.refetchOnFocus&&r>0&&!a.value&&f(!0)}e.onMounted(()=>{o.lazy||f()}),e.watch(()=>o.params,()=>{f()},{deep:!0});const{value:p,updateValue:v}=I.useControllableValue(o,L),A=x.useDefaultPlaceholder("Select",o),F=e.computed(()=>{const t=e.unref(p);if(!t)return o.emptyText;const n=o.fieldNames?.label||"label",l=o.fieldNames?.value||"value";return u.isArray(t)?t.map(s=>e.unref(i).find(T=>T[l]===s)?.[n]).filter(Boolean).join("、")||o.emptyText:e.unref(i).find(s=>s[l]===t)?.[n]||o.emptyText}),O=e.computed(()=>{const t=!!o?.showSearch,n=o.searchMode;let l={};return t&&(l=n==="request"?{showArrow:!1,defaultActiveFirstOption:!1,onSearch:B,notFoundContent:a.value?void 0:null,filterOption:!1}:{showArrow:!0,filterOption:u.isNil(o?.filterOption)?_:o?.filterOption}),{...u.omit(o,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(A),...l}}),y=e.computed(()=>i.value.map(t=>t[o.fieldNames?.value||"value"]).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),V=e.computed(()=>{if(!o.multiple||!o.addAll)return e.unref(p);if(i.value.some(t=>t[o.fieldNames?.value||"value"]===d.SELECT_ALL_VALUE_KEY)){const t=e.unref(y),n=e.unref(p)||[];if(t.length&&t.every(l=>n?.includes(l)))return[d.SELECT_ALL_VALUE_KEY]}return e.unref(p)});function E(t){return o.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?v(e.unref(y)):v(t)}function N(){m.value?.focus()}function q(){m.value?.blur()}return C({focus:N,blur:q,request:f}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(F.value),1)):(e.openBlock(),e.createBlock(e.unref(S.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:m,"allow-clear":""},O.value,{mode:t.multiple?"multiple":void 0,value:V.value,options:e.unref(i),loading:a.value,"onUpdate:value":E,onFocus:b}),e.createSlots({_:2},[e.renderList(t.$slots,(l,h)=>({name:h,fn:e.withCtx(s=>[e.renderSlot(t.$slots,h,e.normalizeProps(e.guardReactiveProps(s||{})))])})),a.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(S.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified"),S=require("@aplus-frontend/antdv");require("../../hooks/index.js");const I=require("../hooks/use-default-placeholder.js"),d=require("./use-select-options.js"),T=require("../../hooks/useControllableValue.js"),P={key:0},k=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},loading:{type:Boolean,default:void 0},showAction:{},dropdownAlign:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},id:{},clearIcon:{},options:{},onDeselect:{},prefix:{},fieldNames:{},dropdownStyle:{},dropdownRender:{},showSearch:{type:Boolean,default:void 0},searchValue:{},onInputKeyDown:{},removeIcon:{},maxTagCount:{},maxTagTextLength:{},maxTagPlaceholder:{},tokenSeparators:{},tagRender:{},optionLabelRender:{},onClear:{},onDropdownVisibleChange:{},onPopupScroll:{},menuItemSelectedIcon:{},listItemHeight:{},inputValue:{},autoClearSearchValue:{type:Boolean,default:void 0},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},defaultActiveFirstOption:{type:Boolean,default:void 0},onClickOption:{},labelInValue:{type:Boolean,default:void 0},emptyText:{default:"--"},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},addAll:{type:[Boolean,Number]},params:{},searchDelay:{default:300}},emits:["update:value"],setup(g,{expose:C,emit:B}){let r=0;const o=g,_=u.debounce(t=>{if(!u.isFunction(o.request))return;r+=1;const n=r;c([]),a.value=!0,o.request(t).then(l=>{r===n&&(c(l),a.value=!1)})},o.searchDelay),L=(t,n)=>{const l=o.fieldNames?.label||"label";return typeof n?.[l]=="string"&&n[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:i,updateOptions:c}=d.useSelectOptions(o),m=e.ref(),a=e.ref(o?.loading||!1),b=B;async function f(t=!0){if(!u.isFunction(o.request))return;a.value=!0,r+=1;const n=r;try{t&&c([]);const l=await o.request(void 0,o.params);if(n!==r)return;c(l)}finally{a.value=!1}}function w(t){o.onFocus?.(t),o.refetchOnFocus&&r>0&&!a.value&&f(!0)}e.onMounted(()=>{o.lazy||f()}),e.watch(()=>o.params,()=>{f()},{deep:!0});const{value:p,updateValue:v}=T.useControllableValue(o,b),F=I.useDefaultPlaceholder("Select",o),O=e.computed(()=>{const t=e.unref(p);if(!t)return o.emptyText;const n=o.fieldNames?.label||"label",l=o.fieldNames?.value||"value";return u.isArray(t)?t.map(s=>e.unref(i).find(x=>x[l]===s)?.[n]).filter(Boolean).join("、")||o.emptyText:e.unref(i).find(s=>s[l]===t)?.[n]||o.emptyText}),A=e.computed(()=>{const t=!!o?.showSearch,n=o.searchMode;let l={};return t&&(l=n==="request"?{defaultActiveFirstOption:!1,onSearch:_,notFoundContent:a.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:u.isNil(o?.filterOption)?L:o?.filterOption}),{...u.omit(o,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(F),...l}}),y=e.computed(()=>i.value.map(t=>t[o.fieldNames?.value||"value"]).filter(t=>t!==d.SELECT_ALL_VALUE_KEY)),V=e.computed(()=>{if(!o.multiple||!o.addAll)return e.unref(p);if(i.value.some(t=>t[o.fieldNames?.value||"value"]===d.SELECT_ALL_VALUE_KEY)){const t=e.unref(y),n=e.unref(p)||[];if(t.length&&t.every(l=>n?.includes(l)))return[d.SELECT_ALL_VALUE_KEY]}return e.unref(p)});function E(t){return o.multiple&&t.includes(d.SELECT_ALL_VALUE_KEY)?v(e.unref(y)):v(t)}function N(){m.value?.focus()}function q(){m.value?.blur()}return C({focus:N,blur:q,request:f}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(O.value),1)):(e.openBlock(),e.createBlock(e.unref(S.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:m,"allow-clear":""},A.value,{mode:t.multiple?"multiple":void 0,value:V.value,options:e.unref(i),loading:a.value,"onUpdate:value":E,onFocus:w}),e.createSlots({_:2},[e.renderList(t.$slots,(l,h)=>({name:h,fn:e.withCtx(s=>[e.renderSlot(t.$slots,h,e.normalizeProps(e.guardReactiveProps(s||{})))])})),a.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(S.Spin),{size:"small"})]),key:"0"}:void 0]),1040,["mode","value","options","loading"]))}});exports.default=k;