fast-element-plus 1.0.12 → 1.0.15

package/es/components/selectPage/src/selectPage.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,reactive as l,ref as a,watch as t,onMounted as o,computed as d,createVNode as i,mergeProps as r,Fragment as u,createTextVNode as s}from"vue";import{selectEmits as n,useGlobalSize as p,ElSelect as c,ElPagination as m,ElOption as f,ElInput as g,ElButton as b}from"element-plus";import{Search as v}from"@element-plus/icons-vue";import{FaSelectOption as h}from"../../select/index.mjs";import{definePropType as y,withDefineType as S,consoleError as V,useProps as x,useEmits as w,useRender as D,addUnit as L,useExpose as C,makeSlots as _}from"@fast-china/utils";import{useVModel as P}from"@vueuse/core";import{isArray as R,isString as A,isNull as B,isNumber as F,isBoolean as I,isObject as z,isFunction as T,isNil as j,isEqual as k}from"lodash-unified";import{SelectProps as N}from"../../select/src/select.mjs";const O={...N,disabled:{type:Boolean,default:void 0},loadingText:{type:String,default:"加载中..."},noMatchText:{type:String,default:"暂无匹配的数据"},noDataText:{type:String,default:"暂无数据"},collapseTags:{type:Boolean,default:!0},collapseTagsTooltip:{type:Boolean,default:!0},modelValue:{type:y([String,Number,Boolean,Object,Array]),default:void 0},label:y([String,Array]),width:{type:[String,Number],default:"100%"},moreDetail:Boolean,props:{type:y(Object),default:()=>({label:"label",hide:"hide",disabled:"disabled",children:"children"})},requestApi:{type:y(Function)},initParam:y([String,Number,Object])},$={...n,"update:modelValue":e=>A(e)||F(e)||I(e)||z(e)||R(e)||B(e),"update:label":e=>A(e)||R(e)||B(e),dataChangeCallBack:e=>R(e),change:(e,l)=>!0},q=/* @__PURE__ */e({name:"FaSelectPage",props:O,emits:$,slots:_(),setup(e,{attrs:y,slots:_,emit:A,expose:B}){const F=P(e,"label",A),I=p(),z=l({value:S(),loading:!1,selectorData:S([]),selectedList:S([]),debut:!0,echo:!0,nextRefresh:!1,pageIndex:1,pageSize:15,totalRows:0,searchValue:void 0,defaultSelectorData:S()}),O=a(),$=l=>l?.map(l=>({...l,value:l[e.valueKey],label:T(e.props.label)?e.props.label(l):l[e.props.label??"label"],hide:T(e.props.hide)?e.props.hide(l):l[e.props.hide??"hide"],disabled:T(e.props.disabled)?e.props.disabled(l):l[e.props.disabled??"disabled"],children:T(e.props.children)?$(e.props.children(l)):$(l[e.props.children??"children"])})).filter(e=>!e.hide),q=async l=>{z.loading=!0,z.pageIndex=l??z.pageIndex;const a={...e.initParam??{},pageIndex:z.pageIndex,pageSize:z.pageSize,searchValue:z.searchValue};try{const l=await e.requestApi(a);z.echo=!1,z.totalRows=l.totalRows,z.selectorData=$(l.rows),A("dataChangeCallBack",z.selectorData)}catch(t){V("FaSelectPage",t),z.pageIndex=1,z.totalRows=0,z.selectorData=[]}finally{z.loading=!1}},K=l=>{if(e.multiple){const e=l;if(0===e?.length)return z.value=null,F.value=null,z.selectedList=[],A("update:modelValue",null),void A("change",null,null);const a=z.selectorData.filter(l=>e.includes(l.value));z.value=l,F.value=a.map(e=>e.label),z.selectedList=[...z.selectedList.filter(e=>!a.some(l=>l.value===e.value)),...a].filter(l=>e.includes(l.value)),A("update:modelValue",l),A("change",a,l)}else{if(j(l))return z.value=null,F.value=null,z.selectedList=[],A("update:modelValue",null),void A("change",null,null);const e=z.selectorData.find(e=>e.value===l);z.value=l,F.value=e.label,z.selectedList.some(e=>e.value===l)||(z.selectedList=[e]),A("update:modelValue",l),A("change",e,l)}},M=()=>{z.value=null,F.value=null,z.selectedList=[],A("update:modelValue",null),A("clear")},U=async e=>{e&&(z.debut?(z.debut=!1,await q()):z.nextRefresh&&(z.nextRefresh=!1,await q())),A("visible-change",e)};t(()=>e.modelValue,l=>{if(z.echo&&!j(l)){const a=!j(e.label);if(e.multiple){if(!R(l))return void V("FaSelectPage","当启用 multiple 时，传入的 modelValue 必须是Array。");if(a&&!R(e.label))return void V("FaSelectPage","当启用 multiple 时，传入的 modelValue:label 必须是Array。");z.selectedList=l.slice(0,e.multipleLimit>0?e.multipleLimit:l.length).map((l,t)=>({value:l,label:a?e.label[t]:void 0}))}else{if(R(l))return void V("FaSelectPage","当禁用 multiple 时，传入的 modelValue 不能是Array。");if(a&&R(e.label))return void V("FaSelectPage","当禁用 multiple 时，传入的 modelValue:label 不能是Array。");z.defaultSelectorData={value:l,label:e.label}}}z.value=l},{immediate:!0}),o(()=>{t(()=>e.initParam,(e,l)=>{k(e,l)||(z.nextRefresh=!0,j(z.value)||K())})});const E=x(e,N,["modelValue","popperClass","loading"]),G=w(n,A,["update:modelValue","change","clear","visible-change"]),H=d(()=>{let l=`fa-select-page-dropdown fa-select-page-dropdown-${I.value} ${e.popperClass}`;return e.moreDetail&&(l+=` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${I.value}`),l});return D(()=>i(c,r(E.value,G.value,{ref:O,class:"fa-select-page",popperClass:H.value,style:{width:L(e.width)},modelValue:z.value,"onUpdate:modelValue":e=>z.value=e,loading:z.loading,onChange:K,onClear:M,onVisibleChange:U}),{default:()=>z.selectorData.map(l=>i(h,{data:l,moreDetail:e.moreDetail},{default:_.default})),header:()=>i(u,null,[z.defaultSelectorData&&i(f,{class:"fa-select-page-dropdown__default-selector",value:z.defaultSelectorData.value,label:z.defaultSelectorData.label,disabled:!0},{default:()=>[i("span",null,[z.defaultSelectorData.label]),i("span",null,[s("Default")])]}),i(g,{class:"fa-select-page-dropdown__search-input",clearable:!0,placeholder:"请输入关键字搜索",modelValue:z.searchValue,modelModifiers:{trim:!0},"onUpdate:modelValue":e=>z.searchValue=e,onKeyup:e=>{"Enter"===e.key&&q(1)}},{append:()=>i(b,{loading:z.loading,icon:v,onClick:()=>q(1)},null)}),_.header&&_.header()]),footer:()=>i(u,null,[i(m,{class:"fa-select-page-dropdown__pagination",size:"small",currentPage:z.pageIndex,pageSize:z.pageSize,total:z.totalRows,layout:"prev, pager, next, total",pagerCount:5,onCurrentChange:q},null),_.footer&&_.footer()]),..._.prefix&&{prefix:()=>_.prefix()},..._.empty&&{empty:()=>_.empty()},..._.tag&&{tag:()=>_.tag()},..._.loading&&{loading:()=>_.loading()},...e.multiple?{label:({label:e,value:l})=>{const a=z.selectedList.find(e=>e.value===l);return _.label?_.label({label:a?.label,value:j(a)?l:a?.value}):a&&i("span",{class:"el-select__tags-text"},[a.label])}}:_.label&&{label:({label:e,value:l})=>_.label({label:e,value:l})}})),C(B,{focus:d(()=>O.value?.focus),blur:d(()=>O.value?.blur),selectedLabel:d(()=>O.value?.selectedLabel),loading:d(()=>z.loading),selectedList:d(()=>z.selectedList),refresh:q,setSelection:e=>K(e),clearSelection:()=>K(null)})}});export{q as default,$ as faSelectPageEmits,O as faSelectPageProps};
+import{defineComponent as e,reactive as l,ref as a,watch as t,onMounted as o,computed as d,createVNode as i,mergeProps as r,Fragment as s,createTextVNode as u}from"vue";import{selectEmits as n,useGlobalSize as p,ElSelect as c,ElPagination as m,ElOption as f,ElInput as g,ElButton as b}from"element-plus";import{Search as v}from"@element-plus/icons-vue";import{FaSelectOption as h}from"../../select/index.mjs";import{definePropType as y,withDefineType as S,consoleError as V,useProps as x,useEmits as w,useRender as D,addUnit as L,useExpose as C,makeSlots as _}from"@fast-china/utils";import{useVModel as P}from"@vueuse/core";import{isArray as R,isString as A,isNull as B,isNumber as F,isBoolean as I,isObject as z,isFunction as T,isNil as j,isEqual as k}from"lodash-unified";import{SelectProps as N}from"../../select/src/select.mjs";const O={...N,disabled:{type:Boolean,default:void 0},loadingText:{type:String,default:"加载中..."},noMatchText:{type:String,default:"暂无匹配的数据"},noDataText:{type:String,default:"暂无数据"},collapseTags:{type:Boolean,default:!0},collapseTagsTooltip:{type:Boolean,default:!0},modelValue:{type:y([String,Number,Boolean,Object,Array]),default:void 0},label:y([String,Array]),width:{type:[String,Number],default:"100%"},moreDetail:Boolean,props:{type:y(Object),default:()=>({label:"label",hide:"hide",disabled:"disabled",children:"children"})},requestApi:{type:y(Function)},initParam:y([String,Number,Object])},$={...n,"update:modelValue":e=>A(e)||F(e)||I(e)||z(e)||R(e)||B(e),"update:label":e=>A(e)||R(e)||B(e),dataChangeCallBack:e=>R(e),change:(e,l)=>!0},q=/* @__PURE__ */e({name:"FaSelectPage",props:O,emits:$,slots:_(),setup(e,{attrs:y,slots:_,emit:A,expose:B}){const F=P(e,"label",A,{passive:!0}),I=p(),z=l({value:S(),loading:!1,selectorData:S([]),selectedList:S([]),debut:!0,echo:!0,nextRefresh:!1,pageIndex:1,pageSize:15,totalRows:0,searchValue:void 0,defaultSelectorData:S()}),O=a(),$=l=>l?.map(l=>({...l,value:l[e.valueKey],label:T(e.props.label)?e.props.label(l):l[e.props.label??"label"],hide:T(e.props.hide)?e.props.hide(l):l[e.props.hide??"hide"],disabled:T(e.props.disabled)?e.props.disabled(l):l[e.props.disabled??"disabled"],children:T(e.props.children)?$(e.props.children(l)):$(l[e.props.children??"children"])})).filter(e=>!e.hide),q=async l=>{z.loading=!0,z.pageIndex=l??z.pageIndex;const a={...e.initParam??{},pageIndex:z.pageIndex,pageSize:z.pageSize,searchValue:z.searchValue};try{const l=await e.requestApi(a);z.echo=!1,z.totalRows=l.totalRows,z.selectorData=$(l.rows),A("dataChangeCallBack",z.selectorData)}catch(t){V("FaSelectPage",t),z.pageIndex=1,z.totalRows=0,z.selectorData=[]}finally{z.loading=!1}},K=l=>{if(e.multiple){const e=l;if(0===e?.length)return z.value=null,F.value=null,z.selectedList=[],A("update:modelValue",null),void A("change",null,null);const a=z.selectorData.filter(l=>e.includes(l.value));z.value=l,F.value=a.map(e=>e.label),z.selectedList=[...z.selectedList.filter(e=>!a.some(l=>l.value===e.value)),...a].filter(l=>e.includes(l.value)),A("update:modelValue",l),A("change",a,l)}else{if(j(l))return z.value=null,F.value=null,z.selectedList=[],A("update:modelValue",null),void A("change",null,null);const e=z.selectorData.find(e=>e.value===l);z.value=l,F.value=e.label,z.selectedList.some(e=>e.value===l)||(z.selectedList=[e]),A("update:modelValue",l),A("change",e,l)}},M=()=>{z.value=null,F.value=null,z.selectedList=[],A("update:modelValue",null),A("clear")},U=async e=>{e&&(z.debut?(z.debut=!1,await q()):z.nextRefresh&&(z.nextRefresh=!1,await q())),A("visible-change",e)};t(()=>e.modelValue,l=>{if(z.echo&&!j(l)){const a=!j(e.label);if(e.multiple){if(!R(l))return void V("FaSelectPage","当启用 multiple 时，传入的 modelValue 必须是Array。");if(a&&!R(e.label))return void V("FaSelectPage","当启用 multiple 时，传入的 modelValue:label 必须是Array。");z.selectedList=l.slice(0,e.multipleLimit>0?e.multipleLimit:l.length).map((l,t)=>({value:l,label:a?e.label[t]:void 0}))}else{if(R(l))return void V("FaSelectPage","当禁用 multiple 时，传入的 modelValue 不能是Array。");if(a&&R(e.label))return void V("FaSelectPage","当禁用 multiple 时，传入的 modelValue:label 不能是Array。");z.defaultSelectorData={value:l,label:e.label}}}z.value=l},{immediate:!0}),o(()=>{t(()=>e.initParam,(e,l)=>{k(e,l)||(z.nextRefresh=!0,j(z.value)||K())})});const E=x(e,N,["modelValue","popperClass","loading"]),G=w(n,A,["update:modelValue","change","clear","visible-change"]),H=d(()=>{let l=`fa-select-page-dropdown fa-select-page-dropdown-${I.value} ${e.popperClass}`;return e.moreDetail&&(l+=` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${I.value}`),l});return D(()=>i(c,r(E.value,G.value,{ref:O,class:"fa-select-page",popperClass:H.value,style:{width:L(e.width)},modelValue:z.value,"onUpdate:modelValue":e=>z.value=e,loading:z.loading,onChange:K,onClear:M,onVisibleChange:U}),{default:()=>z.selectorData.map(l=>i(h,{data:l,moreDetail:e.moreDetail},{default:_.default})),header:()=>i(s,null,[z.defaultSelectorData&&i(f,{class:"fa-select-page-dropdown__default-selector",value:z.defaultSelectorData.value,label:z.defaultSelectorData.label,disabled:!0},{default:()=>[i("span",null,[z.defaultSelectorData.label]),i("span",null,[u("Default")])]}),i(g,{class:"fa-select-page-dropdown__search-input",clearable:!0,placeholder:"请输入关键字搜索",modelValue:z.searchValue,modelModifiers:{trim:!0},"onUpdate:modelValue":e=>z.searchValue=e,onKeyup:e=>{"Enter"===e.key&&q(1)}},{append:()=>i(b,{loading:z.loading,icon:v,onClick:()=>q(1)},null)}),_.header&&_.header()]),footer:()=>i(s,null,[i(m,{class:"fa-select-page-dropdown__pagination",size:"small",currentPage:z.pageIndex,pageSize:z.pageSize,total:z.totalRows,layout:"prev, pager, next, total",pagerCount:5,onCurrentChange:q},null),_.footer&&_.footer()]),..._.prefix&&{prefix:()=>_.prefix()},..._.empty&&{empty:()=>_.empty()},..._.tag&&{tag:()=>_.tag()},..._.loading&&{loading:()=>_.loading()},...e.multiple?{label:({label:e,value:l})=>{const a=z.selectedList.find(e=>e.value===l);return _.label?_.label({label:a?.label,value:j(a)?l:a?.value}):a&&i("span",{class:"el-select__tags-text"},[a.label])}}:_.label&&{label:({label:e,value:l})=>_.label({label:e,value:l})}})),C(B,{focus:d(()=>O.value?.focus),blur:d(()=>O.value?.blur),selectedLabel:d(()=>O.value?.selectedLabel),loading:d(()=>z.loading),selectedList:d(()=>z.selectedList),refresh:q,setSelection:e=>K(e),clearSelection:()=>K(null)})}});export{q as default,$ as faSelectPageEmits,O as faSelectPageProps};
 //# sourceMappingURL=selectPage.mjs.map

package/es/components/selectPage/src/selectPage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"selectPage.mjs","sources":["../../../../../packages/components/selectPage/src/selectPage.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, onMounted, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElInput, ElOption, ElPagination, ElSelect, selectEmits, useGlobalSize } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { FaSelectOption, SelectProps } from \"@fast-element-plus/components/select\";\nimport { type SelectComponentProps } from \"@fast-element-plus/components/select/src/select\";\nimport { addUnit, consoleError, definePropType, makeSlots, useEmits, useExpose, useProps, useRender, withDefineType } from \"@fast-china/utils\";\nimport { useVModel } from \"@vueuse/core\";\nimport { isArray, isBoolean, isEqual, isFunction, isNil, isNull, isNumber, isObject, isString } from \"lodash-unified\";\nimport type { ElSelectorOutput } from \"@fast-element-plus/components/select\";\nimport type { PagedInput, PagedResult } from \"@fast-element-plus/components/table\";\nimport type { VNode } from \"vue\";\n\nexport const faSelectPageProps = {\n\t...SelectProps,\n\t/** @description whether Select is disabled 重载使其支持 ElForm*/\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: undefined,\n\t},\n\t/** @description displayed text while loading data from server, default is 'Loading' */\n\tloadingText: {\n\t\ttype: String,\n\t\tdefault: \"加载中...\",\n\t},\n\t/** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */\n\tnoMatchText: {\n\t\ttype: String,\n\t\tdefault: \"暂无匹配的数据\",\n\t},\n\t/** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */\n\tnoDataText: {\n\t\ttype: String,\n\t\tdefault: \"暂无数据\",\n\t},\n\t/** @description whether to collapse tags to a text when multiple selecting */\n\tcollapseTags: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */\n\tcollapseTagsTooltip: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: {\n\t\ttype: definePropType<string | number | boolean | object | (string | number | boolean | object)[]>([String, Number, Boolean, Object, Array]),\n\t\tdefault: undefined,\n\t},\n\t/** @description v-model:label绑定值 */\n\tlabel: definePropType<string | string[]>([String, Array]),\n\t/** @description 宽度 */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"100%\",\n\t},\n\t/** @description 更多细节，只有使用slot的时候有用 */\n\tmoreDetail: Boolean,\n\t/** @description 配置选项 */\n\tprops: {\n\t\ttype: definePropType<SelectComponentProps>(Object),\n\t\tdefault: (): Partial<SelectComponentProps> => ({\n\t\t\tlabel: \"label\",\n\t\t\thide: \"hide\",\n\t\t\tdisabled: \"disabled\",\n\t\t\tchildren: \"children\",\n\t\t}),\n\t},\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>(Function),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<string | number | any>([String, Number, Object]),\n};\n\nexport const faSelectPageEmits = {\n\t...selectEmits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number | boolean | object | (string | number | boolean | object)[]): boolean =>\n\t\tisString(value) || isNumber(value) || isBoolean(value) || isObject(value) || isArray(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n\t/** @description 数据改变 */\n\tdataChangeCallBack: (data: ElSelectorOutput[] | any[]): boolean => isArray(data),\n\t/** @description 改变 */\n\tchange: (\n\t\tdata: ElSelectorOutput | ElSelectorOutput[] | any | any[],\n\t\tvalue?: string | number | boolean | object | (string | number | boolean | object)[]\n\t): boolean => true,\n};\n\ntype FaSelectPageSlots = {\n\t/** @description FaSelectOption 默认内容插槽 */\n\tdefault: ElSelectorOutput;\n\t/** @description 下拉列表顶部的内容 */\n\theader: never;\n\t/** @description 下拉列表底部的内容 */\n\tfooter: never;\n\t/** @description Select 组件头部内容 */\n\tprefix: never;\n\t/** @description 无选项时的列表 */\n\tempty: never;\n\t/** @description select 组件自定义标签内容 */\n\ttag: never;\n\t/** @description select 组件自定义 loading内容 */\n\tloading: never;\n\t/** @description select 组件自定义标签内容 */\n\tlabel: { label: string; value: string | number | boolean | object };\n};\n\nexport default defineComponent({\n\tname: \"FaSelectPage\",\n\tprops: faSelectPageProps,\n\temits: faSelectPageEmits,\n\tslots: makeSlots<FaSelectPageSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst selectedLabel = useVModel(props, \"label\", emit);\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tvalue: withDefineType<string | number | boolean | object | (string | number | boolean | object)[]>(),\n\t\t\tloading: false,\n\t\t\tselectorData: withDefineType<ElSelectorOutput[]>([]),\n\t\t\t/** 选中的数据 */\n\t\t\tselectedList: withDefineType<ElSelectorOutput[]>([]),\n\t\t\t/** 首次出现 */\n\t\t\tdebut: true,\n\t\t\t/** 回显 */\n\t\t\techo: true,\n\t\t\t/** 下次刷新 */\n\t\t\tnextRefresh: false,\n\t\t\tpageIndex: 1,\n\t\t\tpageSize: 15,\n\t\t\ttotalRows: 0,\n\t\t\tsearchValue: undefined,\n\t\t\tdefaultSelectorData: withDefineType<ElSelectorOutput>(),\n\t\t});\n\n\t\tconst selectRef = ref<InstanceType<typeof ElSelect>>();\n\n\t\tconst handleData = (data: ElSelectorOutput[]): ElSelectorOutput[] => {\n\t\t\treturn data\n\t\t\t\t?.map((m) => ({\n\t\t\t\t\t...m,\n\t\t\t\t\tvalue: m[props.valueKey],\n\t\t\t\t\tlabel: isFunction(props.props.label) ? props.props.label(m) : m[props.props.label ?? \"label\"],\n\t\t\t\t\thide: isFunction(props.props.hide) ? props.props.hide(m) : m[props.props.hide ?? \"hide\"],\n\t\t\t\t\tdisabled: isFunction(props.props.disabled) ? props.props.disabled(m) : m[props.props.disabled ?? \"disabled\"],\n\t\t\t\t\tchildren: isFunction(props.props.children)\n\t\t\t\t\t\t? handleData(props.props.children(m))\n\t\t\t\t\t\t: handleData(m[props.props.children ?? \"children\"]),\n\t\t\t\t}))\n\t\t\t\t.filter((f) => !f.hide);\n\t\t};\n\n\t\tconst loadData = async (pageIndex?: number): Promise<void> => {\n\t\t\tstate.loading = true;\n\t\t\tstate.pageIndex = pageIndex ?? state.pageIndex;\n\t\t\tconst params: PagedInput = {\n\t\t\t\t...(props.initParam ?? {}),\n\t\t\t\tpageIndex: state.pageIndex,\n\t\t\t\tpageSize: state.pageSize,\n\t\t\t\tsearchValue: state.searchValue,\n\t\t\t};\n\t\t\ttry {\n\t\t\t\tconst resData = await props.requestApi(params);\n\t\t\t\t// 这里不允许回显了\n\t\t\t\tstate.echo = false;\n\t\t\t\tstate.totalRows = resData.totalRows;\n\t\t\t\tstate.selectorData = handleData(resData.rows);\n\t\t\t\temit(\"dataChangeCallBack\", state.selectorData);\n\t\t\t} catch (error) {\n\t\t\t\tconsoleError(\"FaSelectPage\", error);\n\t\t\t\tstate.pageIndex = 1;\n\t\t\t\tstate.totalRows = 0;\n\t\t\t\tstate.selectorData = [];\n\t\t\t} finally {\n\t\t\t\tstate.loading = false;\n\t\t\t}\n\t\t};\n\n\t\tconst handleChange = (value?: string | number | boolean | object | (string | number | boolean | object)[]): void => {\n\t\t\t// 判断是否为多选\n\t\t\tif (props.multiple) {\n\t\t\t\t// value 必然是数组\n\t\t\t\tconst valueArr = value as (string | number | boolean | object)[];\n\t\t\t\tif (valueArr?.length === 0) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\tstate.selectedList = [];\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst dataList = state.selectorData.filter((f) => valueArr.includes(f.value));\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = dataList.map((m) => m.label);\n\t\t\t\tstate.selectedList = [...state.selectedList.filter((f) => !dataList.some((s) => s.value === f.value)), ...dataList]\n\t\t\t\t\t// 过滤不存在的\n\t\t\t\t\t.filter((f) => valueArr.includes(f.value));\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", dataList, value);\n\t\t\t} else {\n\t\t\t\t// value 必然不是数组\n\t\t\t\tif (isNil(value)) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\tstate.selectedList = [];\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst data = state.selectorData.find((f) => f.value === value);\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = data.label;\n\t\t\t\tif (!state.selectedList.some((s) => s.value === value)) {\n\t\t\t\t\tstate.selectedList = [data];\n\t\t\t\t}\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", data, value);\n\t\t\t}\n\t\t};\n\n\t\tconst handleClear = (): void => {\n\t\t\tstate.value = null;\n\t\t\tselectedLabel.value = null;\n\t\t\tstate.selectedList = [];\n\t\t\temit(\"update:modelValue\", null);\n\t\t\temit(\"clear\");\n\t\t};\n\n\t\tconst handleVisibleChange = async (visible: boolean): Promise<void> => {\n\t\t\tif (visible) {\n\t\t\t\tif (state.debut) {\n\t\t\t\t\t// 首次出现\n\t\t\t\t\tstate.debut = false;\n\t\t\t\t\tawait loadData();\n\t\t\t\t} else {\n\t\t\t\t\t// 判断再次出现是否需要刷新数据\n\t\t\t\t\tif (state.nextRefresh) {\n\t\t\t\t\t\tstate.nextRefresh = false;\n\t\t\t\t\t\tawait loadData();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\temit(\"visible-change\", visible);\n\t\t};\n\n\t\twatch(\n\t\t\t() => props.modelValue,\n\t\t\t(newValue) => {\n\t\t\t\tif (state.echo && !isNil(newValue)) {\n\t\t\t\t\tconst hasLabel = !isNil(props.label);\n\t\t\t\t\t// 判断是否为多选\n\t\t\t\t\tif (props.multiple) {\n\t\t\t\t\t\tif (!isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当启用 multiple 时，传入的 modelValue 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && !isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当启用 multiple 时，传入的 modelValue:label 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.selectedList = newValue\n\t\t\t\t\t\t\t// 最大选项截取\n\t\t\t\t\t\t\t.slice(0, props.multipleLimit > 0 ? props.multipleLimit : newValue.length)\n\t\t\t\t\t\t\t.map((item, index) => ({\n\t\t\t\t\t\t\t\tvalue: item,\n\t\t\t\t\t\t\t\tlabel: hasLabel ? props.label[index] : undefined,\n\t\t\t\t\t\t\t}));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当禁用 multiple 时，传入的 modelValue 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当禁用 multiple 时，传入的 modelValue:label 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.defaultSelectorData = {\n\t\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t\t\tlabel: props.label,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tstate.value = newValue;\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tonMounted(() => {\n\t\t\twatch(\n\t\t\t\t() => props.initParam,\n\t\t\t\t(newValue, oldValue) => {\n\t\t\t\t\tif (!isEqual(newValue, oldValue)) {\n\t\t\t\t\t\tstate.nextRefresh = true;\n\t\t\t\t\t\tif (!isNil(state.value)) {\n\t\t\t\t\t\t\thandleChange();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\tconst elSelectProps = useProps(props, SelectProps, [\"modelValue\", \"popperClass\", \"loading\"]);\n\t\tconst elSelectEmits = useEmits(selectEmits, emit, [\"update:modelValue\", \"change\", \"clear\", \"visible-change\"]);\n\t\tconst elPopperClass = computed(() => {\n\t\t\tlet localClass = `fa-select-page-dropdown fa-select-page-dropdown-${_globalSize.value} ${props.popperClass}`;\n\t\t\tif (props.moreDetail) {\n\t\t\t\tlocalClass += ` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${_globalSize.value}`;\n\t\t\t}\n\t\t\treturn localClass;\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<ElSelect\n\t\t\t\t{...elSelectProps.value}\n\t\t\t\t{...elSelectEmits.value}\n\t\t\t\tref={selectRef}\n\t\t\t\tclass=\"fa-select-page\"\n\t\t\t\tpopperClass={elPopperClass.value}\n\t\t\t\tstyle={{ width: addUnit(props.width) }}\n\t\t\t\tvModel={state.value}\n\t\t\t\tloading={state.loading}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonClear={handleClear}\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\tdefault: (): VNode[] =>\n\t\t\t\t\t\tstate.selectorData.map((item) => (\n\t\t\t\t\t\t\t<FaSelectOption vSlots={{ default: slots.default }} data={item} moreDetail={props.moreDetail} />\n\t\t\t\t\t\t)),\n\t\t\t\t\theader: (): VNode[] => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t{state.defaultSelectorData && (\n\t\t\t\t\t\t\t\t<ElOption\n\t\t\t\t\t\t\t\t\tclass=\"fa-select-page-dropdown__default-selector\"\n\t\t\t\t\t\t\t\t\tvalue={state.defaultSelectorData.value}\n\t\t\t\t\t\t\t\t\tlabel={state.defaultSelectorData.label}\n\t\t\t\t\t\t\t\t\tdisabled={true}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>{state.defaultSelectorData.label}</span>\n\t\t\t\t\t\t\t\t\t<span>Default</span>\n\t\t\t\t\t\t\t\t</ElOption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\tclass=\"fa-select-page-dropdown__search-input\"\n\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\tplaceholder=\"请输入关键字搜索\"\n\t\t\t\t\t\t\t\t\tvModel_trim={state.searchValue}\n\t\t\t\t\t\t\t\t\tonKeyup={(event: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\tif (event.key === \"Enter\") {\n\t\t\t\t\t\t\t\t\t\t\tloadData(1);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\tappend: () => <ElButton loading={state.loading} icon={Search} onClick={() => loadData(1)}></ElButton>,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t</ElInput>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{slots.header && slots.header()}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tfooter: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<ElPagination\n\t\t\t\t\t\t\t\tclass=\"fa-select-page-dropdown__pagination\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcurrentPage={state.pageIndex}\n\t\t\t\t\t\t\t\tpageSize={state.pageSize}\n\t\t\t\t\t\t\t\ttotal={state.totalRows}\n\t\t\t\t\t\t\t\tlayout=\"prev, pager, next, total\"\n\t\t\t\t\t\t\t\tpagerCount={5}\n\t\t\t\t\t\t\t\tonCurrentChange={loadData}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{slots.footer && slots.footer()}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\t...(slots.prefix && { prefix: (): VNode[] => slots.prefix() }),\n\t\t\t\t\t...(slots.empty && { empty: (): VNode[] => slots.empty() }),\n\t\t\t\t\t...(slots.tag && { tag: (): VNode[] => slots.tag() }),\n\t\t\t\t\t...(slots.loading && { loading: (): VNode[] => slots.loading() }),\n\t\t\t\t\t...(props.multiple\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tlabel: ({ label, value }: { label: string; value: string | number | boolean | object }): VNode[] => {\n\t\t\t\t\t\t\t\t\tconst selectedData = state.selectedList.find((f) => f.value === value);\n\t\t\t\t\t\t\t\t\tif (slots.label) {\n\t\t\t\t\t\t\t\t\t\treturn slots.label({ label: selectedData?.label, value: isNil(selectedData) ? value : selectedData?.value });\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn selectedData && <span class=\"el-select__tags-text\">{selectedData.label}</span>;\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: slots.label && {\n\t\t\t\t\t\t\t\tlabel: ({ label, value }: { label: string; value: string | number | boolean | object }): VNode[] =>\n\t\t\t\t\t\t\t\t\tslots.label({ label, value }),\n\t\t\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElSelect>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 使选择器的输入框获取焦点 */\n\t\t\tfocus: computed(() => selectRef.value?.focus),\n\t\t\t/** @description 使选择器的输入框失去焦点，并隐藏下拉框 */\n\t\t\tblur: computed(() => selectRef.value?.blur),\n\t\t\t/** @description 获取当前选中的标签 */\n\t\t\tselectedLabel: computed(() => selectRef.value?.selectedLabel),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 选中的数据 */\n\t\t\tselectedList: computed(() => state.selectedList),\n\t\t\t/** @description 刷新 */\n\t\t\trefresh: loadData,\n\t\t\t/** @description 设置选择 */\n\t\t\tsetSelection: (value: string | number | boolean | object | (string | number | boolean | object)[]) => handleChange(value),\n\t\t\t/** @description 清除选择 */\n\t\t\tclearSelection: () => handleChange(null),\n\t\t});\n\t},\n});\n"],"names":["faSelectPageProps","SelectProps","disabled","type","Boolean","default","undefined","loadingText","String","noMatchText","noDataText","collapseTags","collapseTagsTooltip","modelValue","definePropType","Number","Object","Array","label","width","moreDetail","props","hide","children","requestApi","Function","initParam","faSelectPageEmits","selectEmits","value","isString","isNumber","isBoolean","isObject","isArray","isNull","dataChangeCallBack","data","change","SelectPage","name","emits","slots","makeSlots","setup","attrs","emit","expose","selectedLabel","useVModel","_globalSize","useGlobalSize","state","reactive","withDefineType","loading","selectorData","selectedList","debut","echo","nextRefresh","pageIndex","pageSize","totalRows","searchValue","defaultSelectorData","selectRef","ref","handleData","map","m","valueKey","isFunction","filter","f","loadData","async","params","resData","rows","error","consoleError","handleChange","multiple","valueArr","length","dataList","includes","some","s","isNil","find","handleClear","handleVisibleChange","visible","watch","newValue","hasLabel","slice","multipleLimit","item","index","immediate","onMounted","oldValue","isEqual","elSelectProps","useProps","elSelectEmits","useEmits","elPopperClass","computed","localClass","popperClass","useRender","_createVNode","ElSelect","_mergeProps","class","style","addUnit","$event","onChange","onClear","onVisibleChange","FaSelectOption","header","_Fragment","ElOption","_createTextVNode","ElInput","clearable","placeholder","modelModifiers","trim","onKeyup","event","key","append","ElButton","icon","Search","onClick","footer","ElPagination","size","currentPage","total","layout","pagerCount","onCurrentChange","prefix","empty","tag","selectedData","useExpose","focus","blur","refresh","setSelection","clearSelection"],"mappings":"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"}
+{"version":3,"file":"selectPage.mjs","sources":["../../../../../packages/components/selectPage/src/selectPage.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, onMounted, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElInput, ElOption, ElPagination, ElSelect, selectEmits, useGlobalSize } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { FaSelectOption, SelectProps } from \"@fast-element-plus/components/select\";\nimport { type SelectComponentProps } from \"@fast-element-plus/components/select/src/select\";\nimport { addUnit, consoleError, definePropType, makeSlots, useEmits, useExpose, useProps, useRender, withDefineType } from \"@fast-china/utils\";\nimport { useVModel } from \"@vueuse/core\";\nimport { isArray, isBoolean, isEqual, isFunction, isNil, isNull, isNumber, isObject, isString } from \"lodash-unified\";\nimport type { ElSelectorOutput } from \"@fast-element-plus/components/select\";\nimport type { PagedInput, PagedResult } from \"@fast-element-plus/components/table\";\nimport type { VNode } from \"vue\";\n\nexport const faSelectPageProps = {\n\t...SelectProps,\n\t/** @description whether Select is disabled 重载使其支持 ElForm*/\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: undefined,\n\t},\n\t/** @description displayed text while loading data from server, default is 'Loading' */\n\tloadingText: {\n\t\ttype: String,\n\t\tdefault: \"加载中...\",\n\t},\n\t/** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */\n\tnoMatchText: {\n\t\ttype: String,\n\t\tdefault: \"暂无匹配的数据\",\n\t},\n\t/** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */\n\tnoDataText: {\n\t\ttype: String,\n\t\tdefault: \"暂无数据\",\n\t},\n\t/** @description whether to collapse tags to a text when multiple selecting */\n\tcollapseTags: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */\n\tcollapseTagsTooltip: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: {\n\t\ttype: definePropType<string | number | boolean | object | (string | number | boolean | object)[]>([String, Number, Boolean, Object, Array]),\n\t\tdefault: undefined,\n\t},\n\t/** @description v-model:label绑定值 */\n\tlabel: definePropType<string | string[]>([String, Array]),\n\t/** @description 宽度 */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"100%\",\n\t},\n\t/** @description 更多细节，只有使用slot的时候有用 */\n\tmoreDetail: Boolean,\n\t/** @description 配置选项 */\n\tprops: {\n\t\ttype: definePropType<SelectComponentProps>(Object),\n\t\tdefault: (): Partial<SelectComponentProps> => ({\n\t\t\tlabel: \"label\",\n\t\t\thide: \"hide\",\n\t\t\tdisabled: \"disabled\",\n\t\t\tchildren: \"children\",\n\t\t}),\n\t},\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<(params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>>(Function),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<string | number | any>([String, Number, Object]),\n};\n\nexport const faSelectPageEmits = {\n\t...selectEmits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number | boolean | object | (string | number | boolean | object)[]): boolean =>\n\t\tisString(value) || isNumber(value) || isBoolean(value) || isObject(value) || isArray(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n\t/** @description 数据改变 */\n\tdataChangeCallBack: (data: ElSelectorOutput[] | any[]): boolean => isArray(data),\n\t/** @description 改变 */\n\tchange: (\n\t\tdata: ElSelectorOutput | ElSelectorOutput[] | any | any[],\n\t\tvalue?: string | number | boolean | object | (string | number | boolean | object)[]\n\t): boolean => true,\n};\n\ntype FaSelectPageSlots = {\n\t/** @description FaSelectOption 默认内容插槽 */\n\tdefault: ElSelectorOutput;\n\t/** @description 下拉列表顶部的内容 */\n\theader: never;\n\t/** @description 下拉列表底部的内容 */\n\tfooter: never;\n\t/** @description Select 组件头部内容 */\n\tprefix: never;\n\t/** @description 无选项时的列表 */\n\tempty: never;\n\t/** @description select 组件自定义标签内容 */\n\ttag: never;\n\t/** @description select 组件自定义 loading内容 */\n\tloading: never;\n\t/** @description select 组件自定义标签内容 */\n\tlabel: { label: string; value: string | number | boolean | object };\n};\n\nexport default defineComponent({\n\tname: \"FaSelectPage\",\n\tprops: faSelectPageProps,\n\temits: faSelectPageEmits,\n\tslots: makeSlots<FaSelectPageSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst selectedLabel = useVModel(props, \"label\", emit, { passive: true });\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tvalue: withDefineType<string | number | boolean | object | (string | number | boolean | object)[]>(),\n\t\t\tloading: false,\n\t\t\tselectorData: withDefineType<ElSelectorOutput[]>([]),\n\t\t\t/** 选中的数据 */\n\t\t\tselectedList: withDefineType<ElSelectorOutput[]>([]),\n\t\t\t/** 首次出现 */\n\t\t\tdebut: true,\n\t\t\t/** 回显 */\n\t\t\techo: true,\n\t\t\t/** 下次刷新 */\n\t\t\tnextRefresh: false,\n\t\t\tpageIndex: 1,\n\t\t\tpageSize: 15,\n\t\t\ttotalRows: 0,\n\t\t\tsearchValue: undefined,\n\t\t\tdefaultSelectorData: withDefineType<ElSelectorOutput>(),\n\t\t});\n\n\t\tconst selectRef = ref<InstanceType<typeof ElSelect>>();\n\n\t\tconst handleData = (data: ElSelectorOutput[]): ElSelectorOutput[] => {\n\t\t\treturn data\n\t\t\t\t?.map((m) => ({\n\t\t\t\t\t...m,\n\t\t\t\t\tvalue: m[props.valueKey],\n\t\t\t\t\tlabel: isFunction(props.props.label) ? props.props.label(m) : m[props.props.label ?? \"label\"],\n\t\t\t\t\thide: isFunction(props.props.hide) ? props.props.hide(m) : m[props.props.hide ?? \"hide\"],\n\t\t\t\t\tdisabled: isFunction(props.props.disabled) ? props.props.disabled(m) : m[props.props.disabled ?? \"disabled\"],\n\t\t\t\t\tchildren: isFunction(props.props.children)\n\t\t\t\t\t\t? handleData(props.props.children(m))\n\t\t\t\t\t\t: handleData(m[props.props.children ?? \"children\"]),\n\t\t\t\t}))\n\t\t\t\t.filter((f) => !f.hide);\n\t\t};\n\n\t\tconst loadData = async (pageIndex?: number): Promise<void> => {\n\t\t\tstate.loading = true;\n\t\t\tstate.pageIndex = pageIndex ?? state.pageIndex;\n\t\t\tconst params: PagedInput = {\n\t\t\t\t...(props.initParam ?? {}),\n\t\t\t\tpageIndex: state.pageIndex,\n\t\t\t\tpageSize: state.pageSize,\n\t\t\t\tsearchValue: state.searchValue,\n\t\t\t};\n\t\t\ttry {\n\t\t\t\tconst resData = await props.requestApi(params);\n\t\t\t\t// 这里不允许回显了\n\t\t\t\tstate.echo = false;\n\t\t\t\tstate.totalRows = resData.totalRows;\n\t\t\t\tstate.selectorData = handleData(resData.rows);\n\t\t\t\temit(\"dataChangeCallBack\", state.selectorData);\n\t\t\t} catch (error) {\n\t\t\t\tconsoleError(\"FaSelectPage\", error);\n\t\t\t\tstate.pageIndex = 1;\n\t\t\t\tstate.totalRows = 0;\n\t\t\t\tstate.selectorData = [];\n\t\t\t} finally {\n\t\t\t\tstate.loading = false;\n\t\t\t}\n\t\t};\n\n\t\tconst handleChange = (value?: string | number | boolean | object | (string | number | boolean | object)[]): void => {\n\t\t\t// 判断是否为多选\n\t\t\tif (props.multiple) {\n\t\t\t\t// value 必然是数组\n\t\t\t\tconst valueArr = value as (string | number | boolean | object)[];\n\t\t\t\tif (valueArr?.length === 0) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\tstate.selectedList = [];\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst dataList = state.selectorData.filter((f) => valueArr.includes(f.value));\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = dataList.map((m) => m.label);\n\t\t\t\tstate.selectedList = [...state.selectedList.filter((f) => !dataList.some((s) => s.value === f.value)), ...dataList]\n\t\t\t\t\t// 过滤不存在的\n\t\t\t\t\t.filter((f) => valueArr.includes(f.value));\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", dataList, value);\n\t\t\t} else {\n\t\t\t\t// value 必然不是数组\n\t\t\t\tif (isNil(value)) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\tstate.selectedList = [];\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst data = state.selectorData.find((f) => f.value === value);\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = data.label;\n\t\t\t\tif (!state.selectedList.some((s) => s.value === value)) {\n\t\t\t\t\tstate.selectedList = [data];\n\t\t\t\t}\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", data, value);\n\t\t\t}\n\t\t};\n\n\t\tconst handleClear = (): void => {\n\t\t\tstate.value = null;\n\t\t\tselectedLabel.value = null;\n\t\t\tstate.selectedList = [];\n\t\t\temit(\"update:modelValue\", null);\n\t\t\temit(\"clear\");\n\t\t};\n\n\t\tconst handleVisibleChange = async (visible: boolean): Promise<void> => {\n\t\t\tif (visible) {\n\t\t\t\tif (state.debut) {\n\t\t\t\t\t// 首次出现\n\t\t\t\t\tstate.debut = false;\n\t\t\t\t\tawait loadData();\n\t\t\t\t} else {\n\t\t\t\t\t// 判断再次出现是否需要刷新数据\n\t\t\t\t\tif (state.nextRefresh) {\n\t\t\t\t\t\tstate.nextRefresh = false;\n\t\t\t\t\t\tawait loadData();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\temit(\"visible-change\", visible);\n\t\t};\n\n\t\twatch(\n\t\t\t() => props.modelValue,\n\t\t\t(newValue) => {\n\t\t\t\tif (state.echo && !isNil(newValue)) {\n\t\t\t\t\tconst hasLabel = !isNil(props.label);\n\t\t\t\t\t// 判断是否为多选\n\t\t\t\t\tif (props.multiple) {\n\t\t\t\t\t\tif (!isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当启用 multiple 时，传入的 modelValue 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && !isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当启用 multiple 时，传入的 modelValue:label 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.selectedList = newValue\n\t\t\t\t\t\t\t// 最大选项截取\n\t\t\t\t\t\t\t.slice(0, props.multipleLimit > 0 ? props.multipleLimit : newValue.length)\n\t\t\t\t\t\t\t.map((item, index) => ({\n\t\t\t\t\t\t\t\tvalue: item,\n\t\t\t\t\t\t\t\tlabel: hasLabel ? props.label[index] : undefined,\n\t\t\t\t\t\t\t}));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当禁用 multiple 时，传入的 modelValue 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectPage\", \"当禁用 multiple 时，传入的 modelValue:label 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.defaultSelectorData = {\n\t\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t\t\tlabel: props.label,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tstate.value = newValue;\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tonMounted(() => {\n\t\t\twatch(\n\t\t\t\t() => props.initParam,\n\t\t\t\t(newValue, oldValue) => {\n\t\t\t\t\tif (!isEqual(newValue, oldValue)) {\n\t\t\t\t\t\tstate.nextRefresh = true;\n\t\t\t\t\t\tif (!isNil(state.value)) {\n\t\t\t\t\t\t\thandleChange();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\tconst elSelectProps = useProps(props, SelectProps, [\"modelValue\", \"popperClass\", \"loading\"]);\n\t\tconst elSelectEmits = useEmits(selectEmits, emit, [\"update:modelValue\", \"change\", \"clear\", \"visible-change\"]);\n\t\tconst elPopperClass = computed(() => {\n\t\t\tlet localClass = `fa-select-page-dropdown fa-select-page-dropdown-${_globalSize.value} ${props.popperClass}`;\n\t\t\tif (props.moreDetail) {\n\t\t\t\tlocalClass += ` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${_globalSize.value}`;\n\t\t\t}\n\t\t\treturn localClass;\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<ElSelect\n\t\t\t\t{...elSelectProps.value}\n\t\t\t\t{...elSelectEmits.value}\n\t\t\t\tref={selectRef}\n\t\t\t\tclass=\"fa-select-page\"\n\t\t\t\tpopperClass={elPopperClass.value}\n\t\t\t\tstyle={{ width: addUnit(props.width) }}\n\t\t\t\tvModel={state.value}\n\t\t\t\tloading={state.loading}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonClear={handleClear}\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\tdefault: (): VNode[] =>\n\t\t\t\t\t\tstate.selectorData.map((item) => (\n\t\t\t\t\t\t\t<FaSelectOption vSlots={{ default: slots.default }} data={item} moreDetail={props.moreDetail} />\n\t\t\t\t\t\t)),\n\t\t\t\t\theader: (): VNode[] => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t{state.defaultSelectorData && (\n\t\t\t\t\t\t\t\t<ElOption\n\t\t\t\t\t\t\t\t\tclass=\"fa-select-page-dropdown__default-selector\"\n\t\t\t\t\t\t\t\t\tvalue={state.defaultSelectorData.value}\n\t\t\t\t\t\t\t\t\tlabel={state.defaultSelectorData.label}\n\t\t\t\t\t\t\t\t\tdisabled={true}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span>{state.defaultSelectorData.label}</span>\n\t\t\t\t\t\t\t\t\t<span>Default</span>\n\t\t\t\t\t\t\t\t</ElOption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\tclass=\"fa-select-page-dropdown__search-input\"\n\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\tplaceholder=\"请输入关键字搜索\"\n\t\t\t\t\t\t\t\t\tvModel_trim={state.searchValue}\n\t\t\t\t\t\t\t\t\tonKeyup={(event: KeyboardEvent) => {\n\t\t\t\t\t\t\t\t\t\tif (event.key === \"Enter\") {\n\t\t\t\t\t\t\t\t\t\t\tloadData(1);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\tappend: () => <ElButton loading={state.loading} icon={Search} onClick={() => loadData(1)}></ElButton>,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t</ElInput>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{slots.header && slots.header()}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tfooter: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<ElPagination\n\t\t\t\t\t\t\t\tclass=\"fa-select-page-dropdown__pagination\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcurrentPage={state.pageIndex}\n\t\t\t\t\t\t\t\tpageSize={state.pageSize}\n\t\t\t\t\t\t\t\ttotal={state.totalRows}\n\t\t\t\t\t\t\t\tlayout=\"prev, pager, next, total\"\n\t\t\t\t\t\t\t\tpagerCount={5}\n\t\t\t\t\t\t\t\tonCurrentChange={loadData}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{slots.footer && slots.footer()}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\t...(slots.prefix && { prefix: (): VNode[] => slots.prefix() }),\n\t\t\t\t\t...(slots.empty && { empty: (): VNode[] => slots.empty() }),\n\t\t\t\t\t...(slots.tag && { tag: (): VNode[] => slots.tag() }),\n\t\t\t\t\t...(slots.loading && { loading: (): VNode[] => slots.loading() }),\n\t\t\t\t\t...(props.multiple\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tlabel: ({ label, value }: { label: string; value: string | number | boolean | object }): VNode[] => {\n\t\t\t\t\t\t\t\t\tconst selectedData = state.selectedList.find((f) => f.value === value);\n\t\t\t\t\t\t\t\t\tif (slots.label) {\n\t\t\t\t\t\t\t\t\t\treturn slots.label({ label: selectedData?.label, value: isNil(selectedData) ? value : selectedData?.value });\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn selectedData && <span class=\"el-select__tags-text\">{selectedData.label}</span>;\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: slots.label && {\n\t\t\t\t\t\t\t\tlabel: ({ label, value }: { label: string; value: string | number | boolean | object }): VNode[] =>\n\t\t\t\t\t\t\t\t\tslots.label({ label, value }),\n\t\t\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElSelect>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 使选择器的输入框获取焦点 */\n\t\t\tfocus: computed(() => selectRef.value?.focus),\n\t\t\t/** @description 使选择器的输入框失去焦点，并隐藏下拉框 */\n\t\t\tblur: computed(() => selectRef.value?.blur),\n\t\t\t/** @description 获取当前选中的标签 */\n\t\t\tselectedLabel: computed(() => selectRef.value?.selectedLabel),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 选中的数据 */\n\t\t\tselectedList: computed(() => state.selectedList),\n\t\t\t/** @description 刷新 */\n\t\t\trefresh: loadData,\n\t\t\t/** @description 设置选择 */\n\t\t\tsetSelection: (value: string | number | boolean | object | (string | number | boolean | object)[]) => handleChange(value),\n\t\t\t/** @description 清除选择 */\n\t\t\tclearSelection: () => handleChange(null),\n\t\t});\n\t},\n});\n"],"names":["faSelectPageProps","SelectProps","disabled","type","Boolean","default","undefined","loadingText","String","noMatchText","noDataText","collapseTags","collapseTagsTooltip","modelValue","definePropType","Number","Object","Array","label","width","moreDetail","props","hide","children","requestApi","Function","initParam","faSelectPageEmits","selectEmits","value","isString","isNumber","isBoolean","isObject","isArray","isNull","dataChangeCallBack","data","change","SelectPage","name","emits","slots","makeSlots","setup","attrs","emit","expose","selectedLabel","useVModel","passive","_globalSize","useGlobalSize","state","reactive","withDefineType","loading","selectorData","selectedList","debut","echo","nextRefresh","pageIndex","pageSize","totalRows","searchValue","defaultSelectorData","selectRef","ref","handleData","map","m","valueKey","isFunction","filter","f","loadData","async","params","resData","rows","error","consoleError","handleChange","multiple","valueArr","length","dataList","includes","some","s","isNil","find","handleClear","handleVisibleChange","visible","watch","newValue","hasLabel","slice","multipleLimit","item","index","immediate","onMounted","oldValue","isEqual","elSelectProps","useProps","elSelectEmits","useEmits","elPopperClass","computed","localClass","popperClass","useRender","_createVNode","ElSelect","_mergeProps","class","style","addUnit","$event","onChange","onClear","onVisibleChange","FaSelectOption","header","_Fragment","ElOption","_createTextVNode","ElInput","clearable","placeholder","modelModifiers","trim","onKeyup","event","key","append","ElButton","icon","Search","onClick","footer","ElPagination","size","currentPage","total","layout","pagerCount","onCurrentChange","prefix","empty","tag","selectedData","useExpose","focus","blur","refresh","setSelection","clearSelection"],"mappings":"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"}

package/es/components/selectV2/src/selectV2.d.ts

@@ -1371,6 +1371,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     persistent: boolean;
     height: number;
     fallbackPlacements: Placement[];
+    filterable: boolean;
     moreDetail: boolean;
     loadingText: string;
     noMatchText: string;
@@ -1380,7 +1381,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     defaultSelected: boolean;
     valueOnClear: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | ((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null))[], unknown, unknown>;
     automaticDropdown: boolean;
-    filterable: boolean;
     allowCreate: boolean;
     remote: boolean;
     multiple: boolean;
@@ -1391,9 +1391,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxCollapseTags: number;
     tagType: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
     tagEffect: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>;
-    scrollbarAlwaysOn: boolean;
     pageResult: boolean;
     estimatedOptionHeight: number;
     itemHeight: number;
+    scrollbarAlwaysOn: boolean;
 }, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaSelectV2Slots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/selectV2/src/selectV2.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,reactive as l,ref as a,watch as t,onMounted as o,computed as i,createVNode as u,mergeProps as n}from"vue";import{useAriaProps as r,useEmptyValuesProps as d,tagProps as p,useSizeProp as s,useTooltipContentProps as c,useGlobalSize as f,ElSelectV2 as m}from"element-plus";import{CircleClose as g}from"@element-plus/icons-vue";import{definePropType as b,withDefineType as y,consoleError as v,useProps as h,useEmits as S,useRender as B,addUnit as V,useExpose as w,makeSlots as x}from"@fast-china/utils";import{useVModel as D}from"@vueuse/core";import{isArray as A,isString as T,isNull as C,isNumber as F,isBoolean as N,isObject as O,isNil as j,isEqual as L}from"lodash-unified";const R={allowCreate:Boolean,autocomplete:{type:b(String),default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:b([String,Object,Function]),default:g},effect:{type:b(String),default:"light"},collapseTags:Boolean,collapseTagsTooltip:Boolean,maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:274},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,modelValue:{type:b([Array,String,Number,Boolean,Object])},multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:b(Array)},placeholder:{type:String},teleported:c.teleported,persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:b(Object),default:()=>({})},remote:Boolean,size:s,props:{type:b(Object),default:()=>({label:"label",value:"value",disabled:"disabled",options:"options"})},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:Boolean,validateEvent:{type:Boolean,default:!0},offset:{type:Number,default:12},showArrow:{type:Boolean,default:!0},placement:{type:b(String),default:"bottom-start"},fallbackPlacements:{type:b(Array),default:["bottom-start","top-start","right","left"]},tagType:{...p.type,default:"info"},tagEffect:{...p.effect,default:"light"},tabindex:{type:[String,Number],default:0},appendTo:String,...d,...r(["ariaLabel"])},q={"update:modelValue":e=>!0,change:e=>!0,"remove-tag":e=>!0,"visible-change":e=>!0,focus:e=>!0,blur:e=>!0,clear:()=>!0},H={...R,disabled:{type:Boolean,default:void 0},loadingText:{type:String,default:"加载中..."},noMatchText:{type:String,default:"暂无匹配的数据"},noDataText:{type:String,default:"暂无数据"},collapseTags:{type:Boolean,default:!0},collapseTagsTooltip:{type:Boolean,default:!0},modelValue:{type:b([String,Number,Boolean,Object,Array]),default:void 0},label:b([String,Array]),width:{type:[String,Number],default:"100%"},moreDetail:Boolean,lazy:{type:Boolean,default:!0},defaultSelected:Boolean,data:{type:b(Array),default:()=>[]},pageResult:Boolean,requestApi:{type:b(Function)},initParam:b([String,Number,Object])},z={...q,"update:modelValue":e=>T(e)||F(e)||N(e)||O(e)||A(e)||C(e),"update:label":e=>T(e)||A(e)||C(e),dataChangeCallBack:e=>A(e),change:(e,l)=>!0},M=/* @__PURE__ */e({name:"FaSelectV2",props:H,emits:z,slots:x(),setup(e,{attrs:r,slots:d,emit:p,expose:s}){const c=D(e,"label",p),g=f(),b=l({value:y(),loading:!1,selectorData:y([]),debut:!0,echo:!(e.data?.length>0),nextRefresh:!1}),x=a(),T=async()=>{if(e.requestApi){b.loading=!0;const a=e.initParam??{};try{const l=await e.requestApi(a);b.echo=!1,e.pageResult?b.selectorData=l.rows:b.selectorData=l,p("dataChangeCallBack",b.selectorData)}catch(l){v("FaSelect",l),b.selectorData=[]}finally{b.loading=!1}}else b.echo=!1,b.selectorData=e.data},C=l=>{if(e.multiple){const e=l;if(0===e?.length)return b.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const a=b.selectorData.filter(l=>e.includes(l.value));b.value=l,c.value=a.map(e=>e.label),p("update:modelValue",l),p("change",a,l)}else{if(j(l))return b.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const e=b.selectorData.find(e=>e.value===l);b.value=l,c.value=e.label,p("update:modelValue",l),p("change",e,l)}},F=()=>{b.value=null,c.value=null,p("update:modelValue",null),p("clear")},N=async l=>{l&&(b.debut?(b.debut=!1,!e.defaultSelected&&e.lazy&&await T()):b.nextRefresh&&(b.nextRefresh=!1,await T())),p("visible-change",l)};t(()=>e.modelValue,l=>{if(b.echo&&!j(l)){const a=!j(e.label);if(e.multiple){if(!A(l))return void v("FaSelectV2","当启用 multiple 时，传入的 modelValue 必须是Array。");if(a&&!A(e.label))return void v("FaSelectV2","当启用 multiple 时，传入的 modelValue:label 必须是Array。");b.selectorData=l.slice(0,e.multipleLimit>0?e.multipleLimit:l.length).map((l,t)=>({value:l,label:a?e.label[t]:void 0}))}else{if(A(l))return void v("FaSelectV2","当禁用 multiple 时，传入的 modelValue 不能是Array。");if(a&&A(e.label))return void v("FaSelectV2","当禁用 multiple 时，传入的 modelValue:label 不能是Array。");b.selectorData=[{value:l,label:e.label}]}}b.value=l},{immediate:!0}),o(async()=>{e.defaultSelected?(await T(),b.selectorData.length>0&&C(e.multiple?[b.selectorData[0].value]:b.selectorData[0].value)):!e.requestApi&&e.data?.length>0?(b.debut=!1,await T()):e.lazy||await T(),t(()=>e.initParam,(e,l)=>{L(e,l)||(b.nextRefresh=!0,j(b.value)||C())}),t(()=>e.data,async()=>{e.requestApi||await T()},{deep:!0})});const O=h(e,R,["modelValue","popperClass","loading","options","itemHeight"]),q=S(z,p,["update:modelValue","change","clear","visible-change"]),H=i(()=>{let l=`fa-select-v2-dropdown ${e.popperClass}`;return e.moreDetail&&(l+=` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${g.value}`),l});return B(()=>u(m,n(O.value,q.value,{ref:x,class:"fa-select-v2",popperClass:H.value,style:{width:V(e.width)},modelValue:b.value,"onUpdate:modelValue":e=>b.value=e,loading:b.loading,options:b.selectorData,itemHeight:e.itemHeight+("small"===g.value?0:8),onChange:C,onClear:F,onVisibleChange:N}),{...d.default&&{default:({item:e,index:l,disabled:a})=>d.default({item:e,index:l,disabled:a})},...d.header&&{header:()=>d.header()},...d.footer&&{footer:()=>d.footer()},...d.prefix&&{prefix:()=>d.prefix()},...d.empty&&{empty:()=>d.empty()},...d.tag&&{tag:()=>d.tag()},...d.loading&&{loading:()=>d.loading()},...d.label&&{label:({label:e,value:l})=>d.label({label:e,value:l})}})),w(s,{focus:i(()=>x.value?.focus),blur:i(()=>x.value?.blur),selectedLabel:i(()=>x.value?.selectedLabel),loading:i(()=>b.loading),refresh:T,setSelection:e=>C(e),clearSelection:()=>C(null)})}});export{R as SelectV2Props,M as default,z as faSelectV2Emits,H as faSelectV2Props,q as selectV2Emits};
+import{defineComponent as e,reactive as l,ref as a,watch as t,onMounted as o,computed as i,createVNode as u,mergeProps as n}from"vue";import{useAriaProps as r,useEmptyValuesProps as d,tagProps as p,useSizeProp as s,useTooltipContentProps as c,useGlobalSize as f,ElSelectV2 as m}from"element-plus";import{CircleClose as g}from"@element-plus/icons-vue";import{definePropType as b,withDefineType as y,consoleError as v,useProps as h,useEmits as S,useRender as B,addUnit as V,useExpose as w,makeSlots as x}from"@fast-china/utils";import{useVModel as D}from"@vueuse/core";import{isArray as A,isString as T,isNull as C,isNumber as F,isBoolean as N,isObject as O,isNil as j,isEqual as L}from"lodash-unified";const R={allowCreate:Boolean,autocomplete:{type:b(String),default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:b([String,Object,Function]),default:g},effect:{type:b(String),default:"light"},collapseTags:Boolean,collapseTagsTooltip:Boolean,maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:274},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,modelValue:{type:b([Array,String,Number,Boolean,Object])},multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:b(Array)},placeholder:{type:String},teleported:c.teleported,persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:b(Object),default:()=>({})},remote:Boolean,size:s,props:{type:b(Object),default:()=>({label:"label",value:"value",disabled:"disabled",options:"options"})},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:Boolean,validateEvent:{type:Boolean,default:!0},offset:{type:Number,default:12},showArrow:{type:Boolean,default:!0},placement:{type:b(String),default:"bottom-start"},fallbackPlacements:{type:b(Array),default:["bottom-start","top-start","right","left"]},tagType:{...p.type,default:"info"},tagEffect:{...p.effect,default:"light"},tabindex:{type:[String,Number],default:0},appendTo:String,...d,...r(["ariaLabel"])},q={"update:modelValue":e=>!0,change:e=>!0,"remove-tag":e=>!0,"visible-change":e=>!0,focus:e=>!0,blur:e=>!0,clear:()=>!0},H={...R,disabled:{type:Boolean,default:void 0},loadingText:{type:String,default:"加载中..."},noMatchText:{type:String,default:"暂无匹配的数据"},noDataText:{type:String,default:"暂无数据"},collapseTags:{type:Boolean,default:!0},collapseTagsTooltip:{type:Boolean,default:!0},modelValue:{type:b([String,Number,Boolean,Object,Array]),default:void 0},label:b([String,Array]),width:{type:[String,Number],default:"100%"},moreDetail:Boolean,lazy:{type:Boolean,default:!0},defaultSelected:Boolean,data:{type:b(Array),default:()=>[]},pageResult:Boolean,requestApi:{type:b(Function)},initParam:b([String,Number,Object])},z={...q,"update:modelValue":e=>T(e)||F(e)||N(e)||O(e)||A(e)||C(e),"update:label":e=>T(e)||A(e)||C(e),dataChangeCallBack:e=>A(e),change:(e,l)=>!0},M=/* @__PURE__ */e({name:"FaSelectV2",props:H,emits:z,slots:x(),setup(e,{attrs:r,slots:d,emit:p,expose:s}){const c=D(e,"label",p,{passive:!0}),g=f(),b=l({value:y(),loading:!1,selectorData:y([]),debut:!0,echo:!(e.data?.length>0),nextRefresh:!1}),x=a(),T=async()=>{if(e.requestApi){b.loading=!0;const a=e.initParam??{};try{const l=await e.requestApi(a);b.echo=!1,e.pageResult?b.selectorData=l.rows:b.selectorData=l,p("dataChangeCallBack",b.selectorData)}catch(l){v("FaSelect",l),b.selectorData=[]}finally{b.loading=!1}}else b.echo=!1,b.selectorData=e.data},C=l=>{if(e.multiple){const e=l;if(0===e?.length)return b.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const a=b.selectorData.filter(l=>e.includes(l.value));b.value=l,c.value=a.map(e=>e.label),p("update:modelValue",l),p("change",a,l)}else{if(j(l))return b.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const e=b.selectorData.find(e=>e.value===l);b.value=l,c.value=e.label,p("update:modelValue",l),p("change",e,l)}},F=()=>{b.value=null,c.value=null,p("update:modelValue",null),p("clear")},N=async l=>{l&&(b.debut?(b.debut=!1,!e.defaultSelected&&e.lazy&&await T()):b.nextRefresh&&(b.nextRefresh=!1,await T())),p("visible-change",l)};t(()=>e.modelValue,l=>{if(b.echo&&!j(l)){const a=!j(e.label);if(e.multiple){if(!A(l))return void v("FaSelectV2","当启用 multiple 时，传入的 modelValue 必须是Array。");if(a&&!A(e.label))return void v("FaSelectV2","当启用 multiple 时，传入的 modelValue:label 必须是Array。");b.selectorData=l.slice(0,e.multipleLimit>0?e.multipleLimit:l.length).map((l,t)=>({value:l,label:a?e.label[t]:void 0}))}else{if(A(l))return void v("FaSelectV2","当禁用 multiple 时，传入的 modelValue 不能是Array。");if(a&&A(e.label))return void v("FaSelectV2","当禁用 multiple 时，传入的 modelValue:label 不能是Array。");b.selectorData=[{value:l,label:e.label}]}}b.value=l},{immediate:!0}),o(async()=>{e.defaultSelected?(await T(),b.selectorData.length>0&&C(e.multiple?[b.selectorData[0].value]:b.selectorData[0].value)):!e.requestApi&&e.data?.length>0?(b.debut=!1,await T()):e.lazy||await T(),t(()=>e.initParam,(e,l)=>{L(e,l)||(b.nextRefresh=!0,j(b.value)||C())}),t(()=>e.data,async()=>{e.requestApi||await T()},{deep:!0})});const O=h(e,R,["modelValue","popperClass","loading","options","itemHeight"]),q=S(z,p,["update:modelValue","change","clear","visible-change"]),H=i(()=>{let l=`fa-select-v2-dropdown ${e.popperClass}`;return e.moreDetail&&(l+=` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${g.value}`),l});return B(()=>u(m,n(O.value,q.value,{ref:x,class:"fa-select-v2",popperClass:H.value,style:{width:V(e.width)},modelValue:b.value,"onUpdate:modelValue":e=>b.value=e,loading:b.loading,options:b.selectorData,itemHeight:e.itemHeight+("small"===g.value?0:8),onChange:C,onClear:F,onVisibleChange:N}),{...d.default&&{default:({item:e,index:l,disabled:a})=>d.default({item:e,index:l,disabled:a})},...d.header&&{header:()=>d.header()},...d.footer&&{footer:()=>d.footer()},...d.prefix&&{prefix:()=>d.prefix()},...d.empty&&{empty:()=>d.empty()},...d.tag&&{tag:()=>d.tag()},...d.loading&&{loading:()=>d.loading()},...d.label&&{label:({label:e,value:l})=>d.label({label:e,value:l})}})),w(s,{focus:i(()=>x.value?.focus),blur:i(()=>x.value?.blur),selectedLabel:i(()=>x.value?.selectedLabel),loading:i(()=>b.loading),refresh:T,setSelection:e=>C(e),clearSelection:()=>C(null)})}});export{R as SelectV2Props,M as default,z as faSelectV2Emits,H as faSelectV2Props,q as selectV2Emits};
 //# sourceMappingURL=selectV2.mjs.map

package/es/components/selectV2/src/selectV2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"selectV2.mjs","sources":["../../../../../packages/components/selectV2/src/selectV2.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, reactive, ref, watch } from \"vue\";\nimport { ElSelectV2, tagProps, useAriaProps, useEmptyValuesProps, useGlobalSize, useSizeProp, useTooltipContentProps } from \"element-plus\";\nimport { CircleClose } from \"@element-plus/icons-vue\";\nimport { addUnit, consoleError, definePropType, makeSlots, useEmits, useExpose, useProps, useRender, withDefineType } from \"@fast-china/utils\";\nimport { useVModel } from \"@vueuse/core\";\nimport { isArray, isBoolean, isEqual, isNil, isNull, isNumber, isObject, isString } from \"lodash-unified\";\nimport type { ElSelectorOutput } from \"@fast-element-plus/components/select/src/select.type\";\nimport type { PagedInput, PagedResult } from \"@fast-element-plus/components/table\";\nimport type { Options, Placement, PopperEffect } from \"element-plus\";\nimport type { Component, VNode } from \"vue\";\n\ntype Props = {\n\tlabel?: string;\n\tvalue?: string;\n\tdisabled?: string;\n\toptions?: string;\n};\n\nexport const SelectV2Props = {\n\t/**\n\t * @description whether creating new items is allowed. To use this, `filterable` must be true\n\t */\n\tallowCreate: Boolean,\n\t/**\n\t * @description autocomplete of select input\n\t */\n\tautocomplete: {\n\t\ttype: definePropType<\"none\" | \"both\" | \"list\" | \"inline\">(String),\n\t\tdefault: \"none\",\n\t},\n\t/**\n\t * @description for non-filterable Select, this prop decides if the option menu pops up when the input is focused\n\t */\n\tautomaticDropdown: Boolean,\n\t/**\n\t * @description whether select can be cleared\n\t */\n\tclearable: Boolean,\n\t/**\n\t * @description custom clear icon\n\t */\n\tclearIcon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: CircleClose,\n\t},\n\t/**\n\t * @description tooltip theme, built-in theme: `dark` / `light`\n\t */\n\teffect: {\n\t\ttype: definePropType<PopperEffect | string>(String),\n\t\tdefault: \"light\",\n\t},\n\t/**\n\t * @description whether to collapse tags to a text when multiple selecting\n\t */\n\tcollapseTags: Boolean,\n\t/**\n\t * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true\n\t */\n\tcollapseTagsTooltip: Boolean,\n\t/**\n\t * @description The max tags number to be shown. To use this, `collapse-tags` must be true\n\t */\n\tmaxCollapseTags: {\n\t\ttype: Number,\n\t\tdefault: 1,\n\t},\n\t/**\n\t * @description\n\t */\n\tdefaultFirstOption: Boolean,\n\t/**\n\t * @description is disabled\n\t */\n\tdisabled: Boolean,\n\t/**\n\t * @description\n\t */\n\testimatedOptionHeight: {\n\t\ttype: Number,\n\t\tdefault: undefined,\n\t},\n\t/**\n\t * @description is filterable\n\t */\n\tfilterable: Boolean,\n\t/**\n\t * @description\n\t */\n\tfilterMethod: Function,\n\t/**\n\t * @description The height of the dropdown panel, 34px for each item\n\t */\n\theight: {\n\t\ttype: Number,\n\t\tdefault: 274, // same as select dropdown menu\n\t},\n\t/**\n\t * @description The height of the dropdown item\n\t */\n\titemHeight: {\n\t\ttype: Number,\n\t\tdefault: 34,\n\t},\n\t/**\n\t * @description\n\t */\n\tid: String,\n\t/**\n\t * @description whether Select is loading data from server\n\t */\n\tloading: Boolean,\n\t/**\n\t * @description displayed text while loading data from server, default is 'Loading'\n\t */\n\tloadingText: String,\n\t/**\n\t * @description biding value\n\t */\n\tmodelValue: {\n\t\ttype: definePropType<any[] | string | number | boolean | Record<string, any> | any>([Array, String, Number, Boolean, Object]),\n\t},\n\t/**\n\t * @description is multiple\n\t */\n\tmultiple: Boolean,\n\t/**\n\t * @description maximum number of options user can select when multiple is true. No limit when set to 0\n\t */\n\tmultipleLimit: {\n\t\ttype: Number,\n\t\tdefault: 0,\n\t},\n\t/**\n\t * @description the name attribute of select input\n\t */\n\tname: String,\n\t/**\n\t * @description displayed text when there is no options, you can also use slot empty, the default is 'No Data'\n\t */\n\tnoDataText: String,\n\t/**\n\t * @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data'\n\t */\n\tnoMatchText: String,\n\t/**\n\t * @description function that gets called when the input value changes. Its parameter is the current input value. To use this, `filterable` must be true\n\t */\n\tremoteMethod: Function,\n\t/**\n\t * @description whether reserve the keyword after select filtered option.\n\t */\n\treserveKeyword: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description data of the options, the key of `value` and `label` can be customize by `props`\n\t */\n\toptions: {\n\t\ttype: definePropType<\n\t\t\t(\n\t\t\t\t| Record<string, any>\n\t\t\t\t| (Record<string, any> & {\n\t\t\t\t\t\tcreated?: boolean;\n\t\t\t\t  })\n\t\t\t)[]\n\t\t>(Array),\n\t\t// required: true,\n\t},\n\t/**\n\t * @description placeholder, the default is 'Please select'\n\t */\n\tplaceholder: {\n\t\ttype: String,\n\t},\n\t/**\n\t * @description whether select dropdown is teleported to the body\n\t */\n\tteleported: useTooltipContentProps.teleported,\n\t/**\n\t * @description when select dropdown is inactive and `persistent` is `false`, select dropdown will be destroyed\n\t */\n\tpersistent: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description custom class name for Select's dropdown\n\t */\n\tpopperClass: {\n\t\ttype: String,\n\t\tdefault: \"\",\n\t},\n\t/**\n\t * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n\t */\n\tpopperOptions: {\n\t\ttype: definePropType<Partial<Options>>(Object),\n\t\tdefault: (): Partial<Options> => ({}),\n\t},\n\t/**\n\t * @description whether search data from server\n\t */\n\tremote: Boolean,\n\t/**\n\t * @description size of component\n\t */\n\tsize: useSizeProp,\n\t/**\n\t * @description configuration options, see the following table\n\t */\n\tprops: {\n\t\ttype: definePropType<Props>(Object),\n\t\tdefault: (): Required<Props> => ({\n\t\t\tlabel: \"label\",\n\t\t\tvalue: \"value\",\n\t\t\tdisabled: \"disabled\",\n\t\t\toptions: \"options\",\n\t\t}),\n\t},\n\t/**\n\t * @description unique identity key name for value, required when value is an object\n\t */\n\tvalueKey: {\n\t\ttype: String,\n\t\tdefault: \"value\",\n\t},\n\t/**\n\t * @description Controls whether the scrollbar is always displayed\n\t */\n\tscrollbarAlwaysOn: Boolean,\n\t/**\n\t * @description whether to trigger form validation\n\t */\n\tvalidateEvent: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description offset of the dropdown\n\t */\n\toffset: {\n\t\ttype: Number,\n\t\tdefault: 12,\n\t},\n\t/**\n\t * @description Determines whether the arrow is displayed\n\t */\n\tshowArrow: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description position of dropdown\n\t */\n\tplacement: {\n\t\ttype: definePropType<Placement>(String),\n\t\tdefault: \"bottom-start\",\n\t},\n\t/**\n\t * @description list of possible positions for dropdown\n\t */\n\tfallbackPlacements: {\n\t\ttype: definePropType<Placement[]>(Array),\n\t\tdefault: [\"bottom-start\", \"top-start\", \"right\", \"left\"],\n\t},\n\t/**\n\t * @description tag type\n\t */\n\ttagType: { ...tagProps.type, default: \"info\" },\n\t/**\n\t * @description tag effect\n\t */\n\ttagEffect: { ...tagProps.effect, default: \"light\" },\n\t/**\n\t * @description tabindex for input\n\t */\n\ttabindex: {\n\t\ttype: [String, Number],\n\t\tdefault: 0,\n\t},\n\t/**\n\t * @description which element the select dropdown appends to\n\t */\n\tappendTo: String,\n\t...useEmptyValuesProps,\n\t...useAriaProps([\"ariaLabel\"]),\n};\n\nexport const selectV2Emits = {\n\t\"update:modelValue\": (value: string | number | boolean | object | (string | number | boolean | object)[]): boolean => true,\n\tchange: (val: string | number | boolean | object | (string | number | boolean | object)[]): boolean => true,\n\t\"remove-tag\": (val: unknown): boolean => true,\n\t\"visible-change\": (visible: boolean): boolean => true,\n\tfocus: (evt: FocusEvent): boolean => true,\n\tblur: (evt: FocusEvent): boolean => true,\n\tclear: (): boolean => true,\n};\n\nexport const faSelectV2Props = {\n\t...SelectV2Props,\n\t/** @description whether Select is disabled 重载使其支持 ElForm*/\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: undefined,\n\t},\n\t/** @description displayed text while loading data from server, default is 'Loading' */\n\tloadingText: {\n\t\ttype: String,\n\t\tdefault: \"加载中...\",\n\t},\n\t/** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */\n\tnoMatchText: {\n\t\ttype: String,\n\t\tdefault: \"暂无匹配的数据\",\n\t},\n\t/** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */\n\tnoDataText: {\n\t\ttype: String,\n\t\tdefault: \"暂无数据\",\n\t},\n\t/** @description whether to collapse tags to a text when multiple selecting */\n\tcollapseTags: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */\n\tcollapseTagsTooltip: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: {\n\t\ttype: definePropType<string | number | boolean | object | (string | number | boolean | object)[]>([String, Number, Boolean, Object, Array]),\n\t\tdefault: undefined,\n\t},\n\t/** @description v-model:label绑定值 */\n\tlabel: definePropType<string | string[]>([String, Array]),\n\t/** @description 宽度 */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"100%\",\n\t},\n\t/** @description 更多细节，只有使用slot的时候有用 */\n\tmoreDetail: Boolean,\n\t/** @description 懒加载远程数据，默认 true。当下拉框第一次显示的时候才会加载远程数据*/\n\tlazy: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 默认选中。不能和懒加载一起使用 */\n\tdefaultSelected: Boolean,\n\t/** @description 下拉框数据 */\n\tdata: {\n\t\ttype: definePropType<ElSelectorOutput[]>(Array),\n\t\tdefault: (): ElSelectorOutput[] => [],\n\t},\n\t/** 分页返回 */\n\tpageResult: Boolean,\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<((params?: any) => Promise<ElSelectorOutput[]>) | ((params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>)>(\n\t\t\tFunction\n\t\t),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<string | number | any>([String, Number, Object]),\n};\n\nexport const faSelectV2Emits = {\n\t...selectV2Emits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number | boolean | object | (string | number | boolean | object)[]): boolean =>\n\t\tisString(value) || isNumber(value) || isBoolean(value) || isObject(value) || isArray(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n\t/** @description 数据改变 */\n\tdataChangeCallBack: (data: ElSelectorOutput[] | any[]): boolean => isArray(data),\n\t/** @description 改变 */\n\tchange: (\n\t\tdata: ElSelectorOutput | ElSelectorOutput[] | any | any[],\n\t\tvalue?: string | number | boolean | object | (string | number | boolean | object)[]\n\t): boolean => true,\n};\n\ntype FaSelectV2Slots = {\n\t/** @description FaSelectOption 默认内容插槽 */\n\tdefault: { item: ElSelectorOutput; index: number; disabled: boolean };\n\t/** @description 下拉列表顶部的内容 */\n\theader: never;\n\t/** @description 下拉列表底部的内容 */\n\tfooter: never;\n\t/** @description Select 组件头部内容 */\n\tprefix: never;\n\t/** @description 无选项时的列表 */\n\tempty: never;\n\t/** @description select 组件自定义标签内容 */\n\ttag: never;\n\t/** @description select 组件自定义 loading内容 */\n\tloading: never;\n\t/** @description select 组件自定义标签内容 */\n\tlabel: { label: string; value: string | number | boolean | object };\n};\n\nexport default defineComponent({\n\tname: \"FaSelectV2\",\n\tprops: faSelectV2Props,\n\temits: faSelectV2Emits,\n\tslots: makeSlots<FaSelectV2Slots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst selectedLabel = useVModel(props, \"label\", emit);\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tvalue: withDefineType<string | number | boolean | object | (string | number | boolean | object)[]>(),\n\t\t\tloading: false,\n\t\t\tselectorData: withDefineType<ElSelectorOutput[]>([]),\n\t\t\t/** 首次出现 */\n\t\t\tdebut: true,\n\t\t\t/** 回显 */\n\t\t\techo: props.data?.length > 0 ? false : true,\n\t\t\t/** 下次刷新 */\n\t\t\tnextRefresh: false,\n\t\t});\n\n\t\tconst selectV2Ref = ref<InstanceType<typeof ElSelectV2>>();\n\n\t\tconst loadData = async (): Promise<void> => {\n\t\t\t// 判断是否需要自动请求\n\t\t\tif (props.requestApi) {\n\t\t\t\tstate.loading = true;\n\t\t\t\tconst params = props.initParam ?? {};\n\t\t\t\ttry {\n\t\t\t\t\tconst resData = await props.requestApi(params);\n\t\t\t\t\t// 这里不允许回显了\n\t\t\t\t\tstate.echo = false;\n\t\t\t\t\t// 判断是否为分页返回\n\t\t\t\t\tif (props.pageResult) {\n\t\t\t\t\t\tstate.selectorData = (resData as PagedResult<ElSelectorOutput>).rows;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstate.selectorData = resData as ElSelectorOutput[];\n\t\t\t\t\t}\n\t\t\t\t\temit(\"dataChangeCallBack\", state.selectorData);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsoleError(\"FaSelect\", error);\n\t\t\t\t\tstate.selectorData = [];\n\t\t\t\t} finally {\n\t\t\t\t\tstate.loading = false;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// 这里不允许回显了\n\t\t\t\tstate.echo = false;\n\t\t\t\tstate.selectorData = props.data;\n\t\t\t}\n\t\t};\n\n\t\tconst handleChange = (value?: string | number | boolean | object | (string | number | boolean | object)[]): void => {\n\t\t\t// 判断是否为多选\n\t\t\tif (props.multiple) {\n\t\t\t\t// value 必然是数组\n\t\t\t\tconst valueArr = value as (string | number | boolean | object)[];\n\t\t\t\tif (valueArr?.length === 0) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst dataList = state.selectorData.filter((f) => valueArr.includes(f.value));\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = dataList.map((m) => m.label);\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", dataList, value);\n\t\t\t} else {\n\t\t\t\t// value 必然不是数组\n\t\t\t\tif (isNil(value)) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst data = state.selectorData.find((f) => f.value === value);\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = data.label;\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", data, value);\n\t\t\t}\n\t\t};\n\n\t\tconst handleClear = (): void => {\n\t\t\tstate.value = null;\n\t\t\tselectedLabel.value = null;\n\t\t\temit(\"update:modelValue\", null);\n\t\t\temit(\"clear\");\n\t\t};\n\n\t\tconst handleVisibleChange = async (visible: boolean): Promise<void> => {\n\t\t\tif (visible) {\n\t\t\t\tif (state.debut) {\n\t\t\t\t\t// 首次出现\n\t\t\t\t\tstate.debut = false;\n\t\t\t\t\t// 懒加载\n\t\t\t\t\t!props.defaultSelected && props.lazy && (await loadData());\n\t\t\t\t} else {\n\t\t\t\t\t// 判断再次出现是否需要刷新数据\n\t\t\t\t\tif (state.nextRefresh) {\n\t\t\t\t\t\tstate.nextRefresh = false;\n\t\t\t\t\t\tawait loadData();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\temit(\"visible-change\", visible);\n\t\t};\n\n\t\twatch(\n\t\t\t() => props.modelValue,\n\t\t\t(newValue) => {\n\t\t\t\tif (state.echo && !isNil(newValue)) {\n\t\t\t\t\tconst hasLabel = !isNil(props.label);\n\t\t\t\t\t// 判断是否为多选\n\t\t\t\t\tif (props.multiple) {\n\t\t\t\t\t\t// 判断是否为数组\n\t\t\t\t\t\tif (!isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当启用 multiple 时，传入的 modelValue 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && !isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当启用 multiple 时，传入的 modelValue:label 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.selectorData = newValue\n\t\t\t\t\t\t\t// 最大选项截取\n\t\t\t\t\t\t\t.slice(0, props.multipleLimit > 0 ? props.multipleLimit : newValue.length)\n\t\t\t\t\t\t\t.map((item, index) => ({\n\t\t\t\t\t\t\t\tvalue: item,\n\t\t\t\t\t\t\t\tlabel: hasLabel ? props.label[index] : undefined,\n\t\t\t\t\t\t\t}));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当禁用 multiple 时，传入的 modelValue 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当禁用 multiple 时，传入的 modelValue:label 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.selectorData = [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t\t\t\tlabel: props.label,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tstate.value = newValue;\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tonMounted(async () => {\n\t\t\tif (props.defaultSelected) {\n\t\t\t\tawait loadData();\n\t\t\t\tif (state.selectorData.length > 0) {\n\t\t\t\t\thandleChange(props.multiple ? [state.selectorData[0].value] : state.selectorData[0].value);\n\t\t\t\t}\n\t\t\t}\n\t\t\t// 判断是否为本地数据\n\t\t\telse if (!props.requestApi && props.data?.length > 0) {\n\t\t\t\tstate.debut = false;\n\t\t\t\tawait loadData();\n\t\t\t}\n\t\t\t// 判断是否非默认选中,且未启用懒加载\n\t\t\telse if (!props.lazy) {\n\t\t\t\tawait loadData();\n\t\t\t}\n\t\t\twatch(\n\t\t\t\t() => props.initParam,\n\t\t\t\t(newValue, oldValue) => {\n\t\t\t\t\tif (!isEqual(newValue, oldValue)) {\n\t\t\t\t\t\tstate.nextRefresh = true;\n\t\t\t\t\t\tif (!isNil(state.value)) {\n\t\t\t\t\t\t\thandleChange();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t\twatch(\n\t\t\t\t() => props.data,\n\t\t\t\tasync () => {\n\t\t\t\t\tif (!props.requestApi) {\n\t\t\t\t\t\tawait loadData();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ deep: true }\n\t\t\t);\n\t\t});\n\n\t\tconst elSelectV2Props = useProps(props, SelectV2Props, [\"modelValue\", \"popperClass\", \"loading\", \"options\", \"itemHeight\"]);\n\t\tconst elSelectV2Emits = useEmits(faSelectV2Emits, emit, [\"update:modelValue\", \"change\", \"clear\", \"visible-change\"]);\n\t\tconst elPopperClass = computed(() => {\n\t\t\tlet localClass = `fa-select-v2-dropdown ${props.popperClass}`;\n\t\t\tif (props.moreDetail) {\n\t\t\t\tlocalClass += ` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${_globalSize.value}`;\n\t\t\t}\n\t\t\treturn localClass;\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<ElSelectV2\n\t\t\t\t{...elSelectV2Props.value}\n\t\t\t\t{...elSelectV2Emits.value}\n\t\t\t\tref={selectV2Ref}\n\t\t\t\tclass=\"fa-select-v2\"\n\t\t\t\tpopperClass={elPopperClass.value}\n\t\t\t\tstyle={{ width: addUnit(props.width) }}\n\t\t\t\tvModel={state.value}\n\t\t\t\tloading={state.loading}\n\t\t\t\toptions={state.selectorData}\n\t\t\t\titemHeight={props.itemHeight + (_globalSize.value === \"small\" ? 0 : 8)}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonClear={handleClear}\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\t...(slots.default && {\n\t\t\t\t\t\tdefault: ({ item, index, disabled }: { item: ElSelectorOutput; index: number; disabled: boolean }): VNode[] =>\n\t\t\t\t\t\t\tslots.default({ item, index, disabled }),\n\t\t\t\t\t}),\n\t\t\t\t\t...(slots.header && { header: (): VNode[] => slots.header() }),\n\t\t\t\t\t...(slots.footer && { footer: (): VNode[] => slots.footer() }),\n\t\t\t\t\t...(slots.prefix && { prefix: (): VNode[] => slots.prefix() }),\n\t\t\t\t\t...(slots.empty && { empty: (): VNode[] => slots.empty() }),\n\t\t\t\t\t...(slots.tag && { tag: (): VNode[] => slots.tag() }),\n\t\t\t\t\t...(slots.loading && { loading: (): VNode[] => slots.loading() }),\n\t\t\t\t\t...(slots.label && {\n\t\t\t\t\t\tlabel: ({ label, value }: { label: string; value: string | number | boolean | object }): VNode[] =>\n\t\t\t\t\t\t\tslots.label({ label, value }),\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElSelectV2>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 使选择器的输入框获取焦点 */\n\t\t\tfocus: computed(() => selectV2Ref.value?.focus),\n\t\t\t/** @description 使选择器的输入框失去焦点，并隐藏下拉框 */\n\t\t\tblur: computed(() => selectV2Ref.value?.blur),\n\t\t\t/** @description 获取当前选中的标签 */\n\t\t\tselectedLabel: computed(() => selectV2Ref.value?.selectedLabel),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 刷新 */\n\t\t\trefresh: loadData,\n\t\t\t/** @description 设置选择  */\n\t\t\tsetSelection: (value: string | number | boolean | object | (string | number | boolean | object)[]) => handleChange(value),\n\t\t\t/** @description 清除选择  */\n\t\t\tclearSelection: () => handleChange(null),\n\t\t});\n\t},\n});\n"],"names":["SelectV2Props","allowCreate","Boolean","autocomplete","type","definePropType","String","default","automaticDropdown","clearable","clearIcon","Object","Function","CircleClose","effect","collapseTags","collapseTagsTooltip","maxCollapseTags","Number","defaultFirstOption","disabled","estimatedOptionHeight","undefined","filterable","filterMethod","height","itemHeight","id","loading","loadingText","modelValue","Array","multiple","multipleLimit","name","noDataText","noMatchText","remoteMethod","reserveKeyword","options","placeholder","teleported","useTooltipContentProps","persistent","popperClass","popperOptions","remote","size","useSizeProp","props","label","value","valueKey","scrollbarAlwaysOn","validateEvent","offset","showArrow","placement","fallbackPlacements","tagType","tagProps","tagEffect","tabindex","appendTo","useEmptyValuesProps","useAriaProps","selectV2Emits","change","val","visible","focus","evt","blur","clear","faSelectV2Props","width","moreDetail","lazy","defaultSelected","data","pageResult","requestApi","initParam","faSelectV2Emits","isString","isNumber","isBoolean","isObject","isArray","isNull","dataChangeCallBack","SelectV2","emits","slots","makeSlots","setup","attrs","emit","expose","selectedLabel","useVModel","_globalSize","useGlobalSize","state","reactive","withDefineType","selectorData","debut","echo","length","nextRefresh","selectV2Ref","ref","loadData","async","params","resData","rows","error","consoleError","handleChange","valueArr","dataList","filter","includes","f","map","m","isNil","find","handleClear","handleVisibleChange","watch","newValue","hasLabel","slice","item","index","immediate","onMounted","oldValue","isEqual","deep","elSelectV2Props","useProps","elSelectV2Emits","useEmits","elPopperClass","computed","localClass","useRender","_createVNode","ElSelectV2","_mergeProps","class","style","addUnit","$event","onChange","onClear","onVisibleChange","header","footer","prefix","empty","tag","useExpose","refresh","setSelection","clearSelection"],"mappings":"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"}
+{"version":3,"file":"selectV2.mjs","sources":["../../../../../packages/components/selectV2/src/selectV2.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, reactive, ref, watch } from \"vue\";\nimport { ElSelectV2, tagProps, useAriaProps, useEmptyValuesProps, useGlobalSize, useSizeProp, useTooltipContentProps } from \"element-plus\";\nimport { CircleClose } from \"@element-plus/icons-vue\";\nimport { addUnit, consoleError, definePropType, makeSlots, useEmits, useExpose, useProps, useRender, withDefineType } from \"@fast-china/utils\";\nimport { useVModel } from \"@vueuse/core\";\nimport { isArray, isBoolean, isEqual, isNil, isNull, isNumber, isObject, isString } from \"lodash-unified\";\nimport type { ElSelectorOutput } from \"@fast-element-plus/components/select/src/select.type\";\nimport type { PagedInput, PagedResult } from \"@fast-element-plus/components/table\";\nimport type { Options, Placement, PopperEffect } from \"element-plus\";\nimport type { Component, VNode } from \"vue\";\n\ntype Props = {\n\tlabel?: string;\n\tvalue?: string;\n\tdisabled?: string;\n\toptions?: string;\n};\n\nexport const SelectV2Props = {\n\t/**\n\t * @description whether creating new items is allowed. To use this, `filterable` must be true\n\t */\n\tallowCreate: Boolean,\n\t/**\n\t * @description autocomplete of select input\n\t */\n\tautocomplete: {\n\t\ttype: definePropType<\"none\" | \"both\" | \"list\" | \"inline\">(String),\n\t\tdefault: \"none\",\n\t},\n\t/**\n\t * @description for non-filterable Select, this prop decides if the option menu pops up when the input is focused\n\t */\n\tautomaticDropdown: Boolean,\n\t/**\n\t * @description whether select can be cleared\n\t */\n\tclearable: Boolean,\n\t/**\n\t * @description custom clear icon\n\t */\n\tclearIcon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: CircleClose,\n\t},\n\t/**\n\t * @description tooltip theme, built-in theme: `dark` / `light`\n\t */\n\teffect: {\n\t\ttype: definePropType<PopperEffect | string>(String),\n\t\tdefault: \"light\",\n\t},\n\t/**\n\t * @description whether to collapse tags to a text when multiple selecting\n\t */\n\tcollapseTags: Boolean,\n\t/**\n\t * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true\n\t */\n\tcollapseTagsTooltip: Boolean,\n\t/**\n\t * @description The max tags number to be shown. To use this, `collapse-tags` must be true\n\t */\n\tmaxCollapseTags: {\n\t\ttype: Number,\n\t\tdefault: 1,\n\t},\n\t/**\n\t * @description\n\t */\n\tdefaultFirstOption: Boolean,\n\t/**\n\t * @description is disabled\n\t */\n\tdisabled: Boolean,\n\t/**\n\t * @description\n\t */\n\testimatedOptionHeight: {\n\t\ttype: Number,\n\t\tdefault: undefined,\n\t},\n\t/**\n\t * @description is filterable\n\t */\n\tfilterable: Boolean,\n\t/**\n\t * @description\n\t */\n\tfilterMethod: Function,\n\t/**\n\t * @description The height of the dropdown panel, 34px for each item\n\t */\n\theight: {\n\t\ttype: Number,\n\t\tdefault: 274, // same as select dropdown menu\n\t},\n\t/**\n\t * @description The height of the dropdown item\n\t */\n\titemHeight: {\n\t\ttype: Number,\n\t\tdefault: 34,\n\t},\n\t/**\n\t * @description\n\t */\n\tid: String,\n\t/**\n\t * @description whether Select is loading data from server\n\t */\n\tloading: Boolean,\n\t/**\n\t * @description displayed text while loading data from server, default is 'Loading'\n\t */\n\tloadingText: String,\n\t/**\n\t * @description biding value\n\t */\n\tmodelValue: {\n\t\ttype: definePropType<any[] | string | number | boolean | Record<string, any> | any>([Array, String, Number, Boolean, Object]),\n\t},\n\t/**\n\t * @description is multiple\n\t */\n\tmultiple: Boolean,\n\t/**\n\t * @description maximum number of options user can select when multiple is true. No limit when set to 0\n\t */\n\tmultipleLimit: {\n\t\ttype: Number,\n\t\tdefault: 0,\n\t},\n\t/**\n\t * @description the name attribute of select input\n\t */\n\tname: String,\n\t/**\n\t * @description displayed text when there is no options, you can also use slot empty, the default is 'No Data'\n\t */\n\tnoDataText: String,\n\t/**\n\t * @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data'\n\t */\n\tnoMatchText: String,\n\t/**\n\t * @description function that gets called when the input value changes. Its parameter is the current input value. To use this, `filterable` must be true\n\t */\n\tremoteMethod: Function,\n\t/**\n\t * @description whether reserve the keyword after select filtered option.\n\t */\n\treserveKeyword: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description data of the options, the key of `value` and `label` can be customize by `props`\n\t */\n\toptions: {\n\t\ttype: definePropType<\n\t\t\t(\n\t\t\t\t| Record<string, any>\n\t\t\t\t| (Record<string, any> & {\n\t\t\t\t\t\tcreated?: boolean;\n\t\t\t\t  })\n\t\t\t)[]\n\t\t>(Array),\n\t\t// required: true,\n\t},\n\t/**\n\t * @description placeholder, the default is 'Please select'\n\t */\n\tplaceholder: {\n\t\ttype: String,\n\t},\n\t/**\n\t * @description whether select dropdown is teleported to the body\n\t */\n\tteleported: useTooltipContentProps.teleported,\n\t/**\n\t * @description when select dropdown is inactive and `persistent` is `false`, select dropdown will be destroyed\n\t */\n\tpersistent: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description custom class name for Select's dropdown\n\t */\n\tpopperClass: {\n\t\ttype: String,\n\t\tdefault: \"\",\n\t},\n\t/**\n\t * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n\t */\n\tpopperOptions: {\n\t\ttype: definePropType<Partial<Options>>(Object),\n\t\tdefault: (): Partial<Options> => ({}),\n\t},\n\t/**\n\t * @description whether search data from server\n\t */\n\tremote: Boolean,\n\t/**\n\t * @description size of component\n\t */\n\tsize: useSizeProp,\n\t/**\n\t * @description configuration options, see the following table\n\t */\n\tprops: {\n\t\ttype: definePropType<Props>(Object),\n\t\tdefault: (): Required<Props> => ({\n\t\t\tlabel: \"label\",\n\t\t\tvalue: \"value\",\n\t\t\tdisabled: \"disabled\",\n\t\t\toptions: \"options\",\n\t\t}),\n\t},\n\t/**\n\t * @description unique identity key name for value, required when value is an object\n\t */\n\tvalueKey: {\n\t\ttype: String,\n\t\tdefault: \"value\",\n\t},\n\t/**\n\t * @description Controls whether the scrollbar is always displayed\n\t */\n\tscrollbarAlwaysOn: Boolean,\n\t/**\n\t * @description whether to trigger form validation\n\t */\n\tvalidateEvent: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description offset of the dropdown\n\t */\n\toffset: {\n\t\ttype: Number,\n\t\tdefault: 12,\n\t},\n\t/**\n\t * @description Determines whether the arrow is displayed\n\t */\n\tshowArrow: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description position of dropdown\n\t */\n\tplacement: {\n\t\ttype: definePropType<Placement>(String),\n\t\tdefault: \"bottom-start\",\n\t},\n\t/**\n\t * @description list of possible positions for dropdown\n\t */\n\tfallbackPlacements: {\n\t\ttype: definePropType<Placement[]>(Array),\n\t\tdefault: [\"bottom-start\", \"top-start\", \"right\", \"left\"],\n\t},\n\t/**\n\t * @description tag type\n\t */\n\ttagType: { ...tagProps.type, default: \"info\" },\n\t/**\n\t * @description tag effect\n\t */\n\ttagEffect: { ...tagProps.effect, default: \"light\" },\n\t/**\n\t * @description tabindex for input\n\t */\n\ttabindex: {\n\t\ttype: [String, Number],\n\t\tdefault: 0,\n\t},\n\t/**\n\t * @description which element the select dropdown appends to\n\t */\n\tappendTo: String,\n\t...useEmptyValuesProps,\n\t...useAriaProps([\"ariaLabel\"]),\n};\n\nexport const selectV2Emits = {\n\t\"update:modelValue\": (value: string | number | boolean | object | (string | number | boolean | object)[]): boolean => true,\n\tchange: (val: string | number | boolean | object | (string | number | boolean | object)[]): boolean => true,\n\t\"remove-tag\": (val: unknown): boolean => true,\n\t\"visible-change\": (visible: boolean): boolean => true,\n\tfocus: (evt: FocusEvent): boolean => true,\n\tblur: (evt: FocusEvent): boolean => true,\n\tclear: (): boolean => true,\n};\n\nexport const faSelectV2Props = {\n\t...SelectV2Props,\n\t/** @description whether Select is disabled 重载使其支持 ElForm*/\n\tdisabled: {\n\t\ttype: Boolean,\n\t\tdefault: undefined,\n\t},\n\t/** @description displayed text while loading data from server, default is 'Loading' */\n\tloadingText: {\n\t\ttype: String,\n\t\tdefault: \"加载中...\",\n\t},\n\t/** @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data' */\n\tnoMatchText: {\n\t\ttype: String,\n\t\tdefault: \"暂无匹配的数据\",\n\t},\n\t/** @description displayed text when there is no options, you can also use slot `empty`, default is 'No data' */\n\tnoDataText: {\n\t\ttype: String,\n\t\tdefault: \"暂无数据\",\n\t},\n\t/** @description whether to collapse tags to a text when multiple selecting */\n\tcollapseTags: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true */\n\tcollapseTagsTooltip: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: {\n\t\ttype: definePropType<string | number | boolean | object | (string | number | boolean | object)[]>([String, Number, Boolean, Object, Array]),\n\t\tdefault: undefined,\n\t},\n\t/** @description v-model:label绑定值 */\n\tlabel: definePropType<string | string[]>([String, Array]),\n\t/** @description 宽度 */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"100%\",\n\t},\n\t/** @description 更多细节，只有使用slot的时候有用 */\n\tmoreDetail: Boolean,\n\t/** @description 懒加载远程数据，默认 true。当下拉框第一次显示的时候才会加载远程数据*/\n\tlazy: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 默认选中。不能和懒加载一起使用 */\n\tdefaultSelected: Boolean,\n\t/** @description 下拉框数据 */\n\tdata: {\n\t\ttype: definePropType<ElSelectorOutput[]>(Array),\n\t\tdefault: (): ElSelectorOutput[] => [],\n\t},\n\t/** 分页返回 */\n\tpageResult: Boolean,\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<((params?: any) => Promise<ElSelectorOutput[]>) | ((params?: PagedInput) => Promise<PagedResult<ElSelectorOutput>>)>(\n\t\t\tFunction\n\t\t),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<string | number | any>([String, Number, Object]),\n};\n\nexport const faSelectV2Emits = {\n\t...selectV2Emits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number | boolean | object | (string | number | boolean | object)[]): boolean =>\n\t\tisString(value) || isNumber(value) || isBoolean(value) || isObject(value) || isArray(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string | string[]): boolean => isString(value) || isArray(value) || isNull(value),\n\t/** @description 数据改变 */\n\tdataChangeCallBack: (data: ElSelectorOutput[] | any[]): boolean => isArray(data),\n\t/** @description 改变 */\n\tchange: (\n\t\tdata: ElSelectorOutput | ElSelectorOutput[] | any | any[],\n\t\tvalue?: string | number | boolean | object | (string | number | boolean | object)[]\n\t): boolean => true,\n};\n\ntype FaSelectV2Slots = {\n\t/** @description FaSelectOption 默认内容插槽 */\n\tdefault: { item: ElSelectorOutput; index: number; disabled: boolean };\n\t/** @description 下拉列表顶部的内容 */\n\theader: never;\n\t/** @description 下拉列表底部的内容 */\n\tfooter: never;\n\t/** @description Select 组件头部内容 */\n\tprefix: never;\n\t/** @description 无选项时的列表 */\n\tempty: never;\n\t/** @description select 组件自定义标签内容 */\n\ttag: never;\n\t/** @description select 组件自定义 loading内容 */\n\tloading: never;\n\t/** @description select 组件自定义标签内容 */\n\tlabel: { label: string; value: string | number | boolean | object };\n};\n\nexport default defineComponent({\n\tname: \"FaSelectV2\",\n\tprops: faSelectV2Props,\n\temits: faSelectV2Emits,\n\tslots: makeSlots<FaSelectV2Slots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst selectedLabel = useVModel(props, \"label\", emit, { passive: true });\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tvalue: withDefineType<string | number | boolean | object | (string | number | boolean | object)[]>(),\n\t\t\tloading: false,\n\t\t\tselectorData: withDefineType<ElSelectorOutput[]>([]),\n\t\t\t/** 首次出现 */\n\t\t\tdebut: true,\n\t\t\t/** 回显 */\n\t\t\techo: props.data?.length > 0 ? false : true,\n\t\t\t/** 下次刷新 */\n\t\t\tnextRefresh: false,\n\t\t});\n\n\t\tconst selectV2Ref = ref<InstanceType<typeof ElSelectV2>>();\n\n\t\tconst loadData = async (): Promise<void> => {\n\t\t\t// 判断是否需要自动请求\n\t\t\tif (props.requestApi) {\n\t\t\t\tstate.loading = true;\n\t\t\t\tconst params = props.initParam ?? {};\n\t\t\t\ttry {\n\t\t\t\t\tconst resData = await props.requestApi(params);\n\t\t\t\t\t// 这里不允许回显了\n\t\t\t\t\tstate.echo = false;\n\t\t\t\t\t// 判断是否为分页返回\n\t\t\t\t\tif (props.pageResult) {\n\t\t\t\t\t\tstate.selectorData = (resData as PagedResult<ElSelectorOutput>).rows;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstate.selectorData = resData as ElSelectorOutput[];\n\t\t\t\t\t}\n\t\t\t\t\temit(\"dataChangeCallBack\", state.selectorData);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsoleError(\"FaSelect\", error);\n\t\t\t\t\tstate.selectorData = [];\n\t\t\t\t} finally {\n\t\t\t\t\tstate.loading = false;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// 这里不允许回显了\n\t\t\t\tstate.echo = false;\n\t\t\t\tstate.selectorData = props.data;\n\t\t\t}\n\t\t};\n\n\t\tconst handleChange = (value?: string | number | boolean | object | (string | number | boolean | object)[]): void => {\n\t\t\t// 判断是否为多选\n\t\t\tif (props.multiple) {\n\t\t\t\t// value 必然是数组\n\t\t\t\tconst valueArr = value as (string | number | boolean | object)[];\n\t\t\t\tif (valueArr?.length === 0) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst dataList = state.selectorData.filter((f) => valueArr.includes(f.value));\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = dataList.map((m) => m.label);\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", dataList, value);\n\t\t\t} else {\n\t\t\t\t// value 必然不是数组\n\t\t\t\tif (isNil(value)) {\n\t\t\t\t\tstate.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\temit(\"update:modelValue\", null);\n\t\t\t\t\temit(\"change\", null, null);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst data = state.selectorData.find((f) => f.value === value);\n\t\t\t\tstate.value = value;\n\t\t\t\tselectedLabel.value = data.label;\n\t\t\t\temit(\"update:modelValue\", value);\n\t\t\t\temit(\"change\", data, value);\n\t\t\t}\n\t\t};\n\n\t\tconst handleClear = (): void => {\n\t\t\tstate.value = null;\n\t\t\tselectedLabel.value = null;\n\t\t\temit(\"update:modelValue\", null);\n\t\t\temit(\"clear\");\n\t\t};\n\n\t\tconst handleVisibleChange = async (visible: boolean): Promise<void> => {\n\t\t\tif (visible) {\n\t\t\t\tif (state.debut) {\n\t\t\t\t\t// 首次出现\n\t\t\t\t\tstate.debut = false;\n\t\t\t\t\t// 懒加载\n\t\t\t\t\t!props.defaultSelected && props.lazy && (await loadData());\n\t\t\t\t} else {\n\t\t\t\t\t// 判断再次出现是否需要刷新数据\n\t\t\t\t\tif (state.nextRefresh) {\n\t\t\t\t\t\tstate.nextRefresh = false;\n\t\t\t\t\t\tawait loadData();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\temit(\"visible-change\", visible);\n\t\t};\n\n\t\twatch(\n\t\t\t() => props.modelValue,\n\t\t\t(newValue) => {\n\t\t\t\tif (state.echo && !isNil(newValue)) {\n\t\t\t\t\tconst hasLabel = !isNil(props.label);\n\t\t\t\t\t// 判断是否为多选\n\t\t\t\t\tif (props.multiple) {\n\t\t\t\t\t\t// 判断是否为数组\n\t\t\t\t\t\tif (!isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当启用 multiple 时，传入的 modelValue 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && !isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当启用 multiple 时，传入的 modelValue:label 必须是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.selectorData = newValue\n\t\t\t\t\t\t\t// 最大选项截取\n\t\t\t\t\t\t\t.slice(0, props.multipleLimit > 0 ? props.multipleLimit : newValue.length)\n\t\t\t\t\t\t\t.map((item, index) => ({\n\t\t\t\t\t\t\t\tvalue: item,\n\t\t\t\t\t\t\t\tlabel: hasLabel ? props.label[index] : undefined,\n\t\t\t\t\t\t\t}));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (isArray(newValue)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当禁用 multiple 时，传入的 modelValue 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (hasLabel && isArray(props.label)) {\n\t\t\t\t\t\t\tconsoleError(\"FaSelectV2\", \"当禁用 multiple 时，传入的 modelValue:label 不能是Array。\");\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstate.selectorData = [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t\t\t\tlabel: props.label,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tstate.value = newValue;\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tonMounted(async () => {\n\t\t\tif (props.defaultSelected) {\n\t\t\t\tawait loadData();\n\t\t\t\tif (state.selectorData.length > 0) {\n\t\t\t\t\thandleChange(props.multiple ? [state.selectorData[0].value] : state.selectorData[0].value);\n\t\t\t\t}\n\t\t\t}\n\t\t\t// 判断是否为本地数据\n\t\t\telse if (!props.requestApi && props.data?.length > 0) {\n\t\t\t\tstate.debut = false;\n\t\t\t\tawait loadData();\n\t\t\t}\n\t\t\t// 判断是否非默认选中,且未启用懒加载\n\t\t\telse if (!props.lazy) {\n\t\t\t\tawait loadData();\n\t\t\t}\n\t\t\twatch(\n\t\t\t\t() => props.initParam,\n\t\t\t\t(newValue, oldValue) => {\n\t\t\t\t\tif (!isEqual(newValue, oldValue)) {\n\t\t\t\t\t\tstate.nextRefresh = true;\n\t\t\t\t\t\tif (!isNil(state.value)) {\n\t\t\t\t\t\t\thandleChange();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t\twatch(\n\t\t\t\t() => props.data,\n\t\t\t\tasync () => {\n\t\t\t\t\tif (!props.requestApi) {\n\t\t\t\t\t\tawait loadData();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ deep: true }\n\t\t\t);\n\t\t});\n\n\t\tconst elSelectV2Props = useProps(props, SelectV2Props, [\"modelValue\", \"popperClass\", \"loading\", \"options\", \"itemHeight\"]);\n\t\tconst elSelectV2Emits = useEmits(faSelectV2Emits, emit, [\"update:modelValue\", \"change\", \"clear\", \"visible-change\"]);\n\t\tconst elPopperClass = computed(() => {\n\t\t\tlet localClass = `fa-select-v2-dropdown ${props.popperClass}`;\n\t\t\tif (props.moreDetail) {\n\t\t\t\tlocalClass += ` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${_globalSize.value}`;\n\t\t\t}\n\t\t\treturn localClass;\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<ElSelectV2\n\t\t\t\t{...elSelectV2Props.value}\n\t\t\t\t{...elSelectV2Emits.value}\n\t\t\t\tref={selectV2Ref}\n\t\t\t\tclass=\"fa-select-v2\"\n\t\t\t\tpopperClass={elPopperClass.value}\n\t\t\t\tstyle={{ width: addUnit(props.width) }}\n\t\t\t\tvModel={state.value}\n\t\t\t\tloading={state.loading}\n\t\t\t\toptions={state.selectorData}\n\t\t\t\titemHeight={props.itemHeight + (_globalSize.value === \"small\" ? 0 : 8)}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tonClear={handleClear}\n\t\t\t\tonVisibleChange={handleVisibleChange}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\t...(slots.default && {\n\t\t\t\t\t\tdefault: ({ item, index, disabled }: { item: ElSelectorOutput; index: number; disabled: boolean }): VNode[] =>\n\t\t\t\t\t\t\tslots.default({ item, index, disabled }),\n\t\t\t\t\t}),\n\t\t\t\t\t...(slots.header && { header: (): VNode[] => slots.header() }),\n\t\t\t\t\t...(slots.footer && { footer: (): VNode[] => slots.footer() }),\n\t\t\t\t\t...(slots.prefix && { prefix: (): VNode[] => slots.prefix() }),\n\t\t\t\t\t...(slots.empty && { empty: (): VNode[] => slots.empty() }),\n\t\t\t\t\t...(slots.tag && { tag: (): VNode[] => slots.tag() }),\n\t\t\t\t\t...(slots.loading && { loading: (): VNode[] => slots.loading() }),\n\t\t\t\t\t...(slots.label && {\n\t\t\t\t\t\tlabel: ({ label, value }: { label: string; value: string | number | boolean | object }): VNode[] =>\n\t\t\t\t\t\t\tslots.label({ label, value }),\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElSelectV2>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 使选择器的输入框获取焦点 */\n\t\t\tfocus: computed(() => selectV2Ref.value?.focus),\n\t\t\t/** @description 使选择器的输入框失去焦点，并隐藏下拉框 */\n\t\t\tblur: computed(() => selectV2Ref.value?.blur),\n\t\t\t/** @description 获取当前选中的标签 */\n\t\t\tselectedLabel: computed(() => selectV2Ref.value?.selectedLabel),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 刷新 */\n\t\t\trefresh: loadData,\n\t\t\t/** @description 设置选择  */\n\t\t\tsetSelection: (value: string | number | boolean | object | (string | number | boolean | object)[]) => handleChange(value),\n\t\t\t/** @description 清除选择  */\n\t\t\tclearSelection: () => handleChange(null),\n\t\t});\n\t},\n});\n"],"names":["SelectV2Props","allowCreate","Boolean","autocomplete","type","definePropType","String","default","automaticDropdown","clearable","clearIcon","Object","Function","CircleClose","effect","collapseTags","collapseTagsTooltip","maxCollapseTags","Number","defaultFirstOption","disabled","estimatedOptionHeight","undefined","filterable","filterMethod","height","itemHeight","id","loading","loadingText","modelValue","Array","multiple","multipleLimit","name","noDataText","noMatchText","remoteMethod","reserveKeyword","options","placeholder","teleported","useTooltipContentProps","persistent","popperClass","popperOptions","remote","size","useSizeProp","props","label","value","valueKey","scrollbarAlwaysOn","validateEvent","offset","showArrow","placement","fallbackPlacements","tagType","tagProps","tagEffect","tabindex","appendTo","useEmptyValuesProps","useAriaProps","selectV2Emits","change","val","visible","focus","evt","blur","clear","faSelectV2Props","width","moreDetail","lazy","defaultSelected","data","pageResult","requestApi","initParam","faSelectV2Emits","isString","isNumber","isBoolean","isObject","isArray","isNull","dataChangeCallBack","SelectV2","emits","slots","makeSlots","setup","attrs","emit","expose","selectedLabel","useVModel","passive","_globalSize","useGlobalSize","state","reactive","withDefineType","selectorData","debut","echo","length","nextRefresh","selectV2Ref","ref","loadData","async","params","resData","rows","error","consoleError","handleChange","valueArr","dataList","filter","includes","f","map","m","isNil","find","handleClear","handleVisibleChange","watch","newValue","hasLabel","slice","item","index","immediate","onMounted","oldValue","isEqual","deep","elSelectV2Props","useProps","elSelectV2Emits","useEmits","elPopperClass","computed","localClass","useRender","_createVNode","ElSelectV2","_mergeProps","class","style","addUnit","$event","onChange","onClear","onVisibleChange","header","footer","prefix","empty","tag","useExpose","refresh","setSelection","clearSelection"],"mappings":"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"}

package/es/components/table/src/table.d.ts

@@ -1386,6 +1386,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     lazy: boolean;
     className: string;
     columns: false | FaTableColumnCtx[];
+    scrollbarAlwaysOn: boolean;
+    defaultExpandAll: boolean;
+    indent: number;
+    treeData: boolean;
+    pagination: boolean;
     rowKey: string | ((row: any) => string);
     border: boolean;
     highlightCurrentRow: boolean;
@@ -1402,21 +1407,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     hideSearchTime: boolean;
     futureSearchTime: boolean;
     dataSearchRange: FaTableDataRange;
-    pagination: boolean;
     hideImage: boolean;
     single: boolean;
     rowClickSelection: boolean;
-    treeData: boolean;
     autoRefresh: boolean;
     stripe: boolean;
     showHeader: boolean;
     showSummary: boolean;
-    defaultExpandAll: boolean;
     selectOnIndeterminate: boolean;
-    indent: number;
     treeProps: TreeProps;
     tableLayout: Layout;
-    scrollbarAlwaysOn: boolean;
     flexible: boolean;
     scrollbarTabindex: string | number;
 }, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaTableSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/table/src/table.mjs

@@ -1,2 +1,2 @@
-import{isVNode as e,defineComponent as a,ref as t,onMounted as l,watch as n,watchEffect as o,onActivated as i,computed as r,createVNode as s,withDirectives as c,Fragment as d,createTextVNode as u,mergeProps as m,resolveDirective as h}from"vue";import{useSizeProp as g,ElInput as p,ElDatePicker as f,ElButton as b,ElDropdown as C,ElDropdownMenu as S,ElDropdownItem as w,ElTable as y,ElTableColumn as _,ElIcon as v,ElPagination as x,ElImageViewer as P}from"element-plus";import{Search as L,Refresh as I,Eleme as B,Setting as F,More as R}from"@element-plus/icons-vue";import{NotData as O}from"@fast-element-plus/icons-vue";import{definePropType as T,stringUtil as k,consoleWarn as N,clickUtil as D,useProps as E,useRender as j,dateUtil as M,useExpose as z,makeSlots as K}from"@fast-china/utils";import{isNil as A,isString as H,isObject as $,isNumber as V,isBoolean as W,isArray as U,isNull as Y,isFunction as q,pick as G,omit as J}from"lodash-unified";import{getTableDefaultSlots as Q}from"./table.type.mjs";import X from"./tableColumn.mjs";import Z from"./tableColumnSettingDialog.mjs";import ee from"./tablePagination.mjs";import ae from"./tableSearchForm.mjs";import{useTable as te}from"./useTable.mjs";const le={data:{type:Array,default:()=>[]},size:g,width:[String,Number],height:[String,Number],maxHeight:[String,Number],fit:{type:Boolean,default:!0},stripe:Boolean,border:Boolean,rowKey:[String,Function],showHeader:{type:Boolean,default:!0},showSummary:Boolean,sumText:String,summaryMethod:Function,rowClassName:[String,Function],rowStyle:[Object,Function],cellClassName:[String,Function],cellStyle:[Object,Function],headerRowClassName:[String,Function],headerRowStyle:[Object,Function],headerCellClassName:[String,Function],headerCellStyle:[Object,Function],highlightCurrentRow:Boolean,currentRowKey:[String,Number],emptyText:String,expandRowKeys:Array,defaultExpandAll:Boolean,defaultSort:Object,tooltipEffect:String,tooltipOptions:Object,spanMethod:Function,selectOnIndeterminate:{type:Boolean,default:!0},indent:{type:Number,default:16},treeProps:{type:Object,default:()=>({hasChildren:"hasChildren",children:"children",checkStrictly:!1})},lazy:Boolean,load:Function,style:{type:Object,default:()=>({})},className:{type:String,default:""},tableLayout:{type:String,default:"fixed"},scrollbarAlwaysOn:Boolean,flexible:Boolean,showOverflowTooltip:[Boolean,Object],scrollbarTabindex:{type:[Number,String],default:void 0}},ne={...le,border:{type:Boolean,default:!0},highlightCurrentRow:{type:Boolean,default:!0},rowKey:{type:[String,Function],default:"id"},spanMethod:{type:Function,validator:()=>(N("FaTable","'spanMethod' 属性，组件已经封装，外部使用会失效。"),!1)},tableKey:{type:String,default:()=>k.generateRandomString(8)},data:{type:T(Array),default:()=>[]},requestApi:{type:T(Function)},dataCallback:{type:T(Function)},initParam:T([String,Number,Object]),columns:{type:T([Array,Boolean]),default:()=>!1},columnsChange:{type:T(Function)},searchFormCols:{type:T([String,Number,Object]),default:()=>({xs:3,sm:3,md:4,lg:5,xl:6})},collapsedSearch:{type:Boolean,default:!0},advancedSearchDrawer:{type:Boolean,default:!1},searchForm:{type:Boolean,default:!0},headerCard:{type:Boolean,default:!0},refreshBtn:{type:Boolean,default:!0},searchBtn:{type:Boolean,default:!0},columnSettingBtn:{type:Boolean,default:!1},toolBtn:{type:Boolean,default:!0},hideSearchTime:Boolean,futureSearchTime:Boolean,dataSearchRange:{type:T(String),default:"Past3D"},pagination:{type:Boolean,default:!0},hideImage:Boolean,single:Boolean,rowClickSelection:Boolean,treeData:Boolean,props:{type:T(Object),default:()=>({span:void 0,children:"children"})},autoRefresh:{type:Boolean,default:!0},rowSelectable:Function},oe={select:(e,a)=>U(e)&&$(a),selectAll:e=>U(e),selectionChange:e=>U(e),cellMouseEnter:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellMouseLeave:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellClick:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellDblclick:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellContextmenu:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,rowClick:(e,a,t)=>$(e)&&$(a)&&t instanceof Event,rowContextmenu:(e,a,t)=>$(e)&&$(a)&&t instanceof Event,rowDblclick:(e,a,t)=>$(e)&&$(a)&&t instanceof Event,headerClick:(e,a)=>$(e)&&a instanceof Event,headerContextmenu:(e,a)=>$(e)&&a instanceof Event,sortChange:e=>$(e),filterChange:e=>H(e)||V(e)||W(e)||$(e),currentChange:(e,a)=>$(e)&&(Y(a)||$(a)),headerDragend:(e,a,t,l)=>V(e)&&V(a)&&$(t)&&l instanceof MouseEvent,expandChange:(e,a)=>$(e)&&(W(a)||U(a)),refresh:e=>$(e),reset:e=>$(e),sizeChange:e=>V(e),paginationChange:(e,a)=>V(e)&&V(a),customCellClick:(e,{row:a,column:t,$index:l})=>(A(e)||H(e))&&$(a)&&$(t)&&V(l)},ie=/* @__PURE__ */a({name:"FaTable",props:ne,emits:oe,slots:K(),setup(a,{attrs:g,slots:T,emit:k,expose:N}){const{_globalSize:K,state:A,elementRef:$,tableRef:V,handleTableColumnAutoWidth:W,loadTableColumns:U,handleSizeChange:Y,handlePaginationChange:ne,defaultSearchTime:oe,tableSearch:ie,tableReset:re,doRender:se,doLoading:ce,handleCustomCellClick:de}=te(a,T,k),ue=t();let me=0;const he=e=>{if(0===e&&(me=0),A.spanColumns?.length>0){return 0===Number(A.tableSpanData["__table-index"][e])?me+(A.tablePagination.pageIndex-1)*A.tablePagination.pageSize+1:(me++,me+(A.tablePagination.pageIndex-1)*A.tablePagination.pageSize)}return e+(A.tablePagination.pageIndex-1)*A.tablePagination.pageSize+1},ge=(e,t)=>{a.single&&(V.value.clearSelection(),e.length>0&&t&&V.value.toggleRowSelection(t)),k("select",e,t)},pe=e=>{a.single&&(A.selected?A.tableData.length>0&&(V.value.clearSelection(),V.value.toggleRowSelection(A.tableData[0])):V.value.clearSelection()),k("selectAll",e)},fe=e=>{0===e.length?A.selected=!1:A.selected=!0,a.single&&e.length>0?A.selectedList=[e[e.length-1]]:A.selectedList=e,A.indeterminateSelectedListIds=A.indeterminateSelectedListIds.filter(e=>A.selectedListIds.some(a=>a===e)),k("selectionChange",A.selectedList)},be=({column:e,prop:t,order:l})=>{e.multiOrder?"descending"===e.multiOrder?e.multiOrder="ascending":e.multiOrder=null:e.multiOrder="descending",A.searchParam.sortList=[.../* @__PURE__ */new Set([...a.initParam?.sortList??[],...A.searchParam?.sortList??[]])];const n=A.orgColumns.find(e=>e.prop===t),o=n?.sortableField??n?.prop??e.property,i=A.searchParam.sortList.findIndex(e=>e.enField===o);e.multiOrder?-1===i?A.searchParam.sortList.push({enField:o,cnField:e.label,mode:e.multiOrder}):A.searchParam.sortList[i].mode=e.multiOrder:A.searchParam.sortList.splice(i,1),0===A.searchParam.sortList.length&&delete A.searchParam.sortList,k("sortChange",{column:e,prop:t,order:e.multiOrder}),ie()},Ce=(e,t)=>{e&&(a.rowClickSelection&&(a.single&&t&&V.value.toggleRowSelection(t),V.value.toggleRowSelection(e)),k("currentChange",e,t))},Se=({row:e,column:t,rowIndex:l,columnIndex:n})=>{let o=null;if("selection"===t.type){const t=q(a.rowKey)?a.rowKey(e):e[a.rowKey];A.indeterminateSelectedListIds.some(e=>e===t)&&(o="fa-table__selection-column__indeterminate")}const i=A.tableColumns.find(e=>e.prop===t.property);if(i?.dataDeleteField&&e&&!0===e[i.dataDeleteField]&&(o?o+=" fa-table__data-delete-column":o="fa-table__data-delete-column"),a.cellClassName){let i=null;return i=H(a.cellClassName)?a.cellClassName:a.cellClassName({row:e,column:t,rowIndex:l,columnIndex:n}),i?o?`${o} ${i}`:i:o}return o},we=({row:e,column:t,rowIndex:l,columnIndex:n})=>(t.order=t.multiOrder,a.headerCellClassName?q(a.headerCellClassName)?a.headerCellClassName({row:e,column:t,rowIndex:l,columnIndex:n}):a.headerCellClassName:null),ye=({row:e,column:a,rowIndex:t,columnIndex:l})=>{const n=a.property??a.columnKey;if(-1!==A.spanColumns.findIndex(e=>e.prop===n)){const e=Number(A.tableSpanData[n][t]);return e>0?{rowspan:e,colspan:1}:{rowspan:0,colspan:0}}return{rowspan:1,colspan:1}},_e=async(e,t,l,n)=>{A.orgColumns.forEach(a=>{l.property===a.prop&&(a.width=e,a.smallWidth=e)}),k("headerDragend",e,t,l,n),a.columnsChange&&await D.debounceAsync(()=>a.columnsChange(A.orgColumns),500)},ve=e=>{A.previewList=[e],A.imagePreview=!0};l(async()=>{A.initParam=a.initParam,oe(),Object.keys(a.initParam??{}).forEach(e=>{A.searchParam[e]=a.initParam[e]}),await ie(),n(()=>a.columns,async()=>{U()},{deep:!0,immediate:!0}),n(()=>a.initParam,()=>{Object.keys(a.initParam??{}).forEach(e=>{A.searchParam[e]=a.initParam[e]})},{deep:!0}),n(()=>a.data,async()=>{!a.requestApi&&a.autoRefresh&&await ie()},{deep:!0,immediate:!0}),o(async()=>{const e=$.value;if(e){const a=new ResizeObserver(e=>{for(const a of e){const{width:e,height:t}=a.contentRect;A.tableWidth=e,A.tableHeight=t}D.debounceAsync(async()=>{await W()},100)});return a.observe(e),()=>{a.disconnect()}}})}),i(async()=>{await W()});const xe=r(()=>A.searchColumns.filter(e=>e.search.slot).map(e=>e.search.slot)),Pe=r(()=>A.tableColumns.filter(e=>e.slot).map(e=>e.slot)),Le=["multiOrder","columnId","order","sortableField","disabledSortable","spanProp","pureSearch","search"],Ie=E(a,le,["data","spanMethod","headerCellClassName","cellClassName"]);return j(()=>s("div",{ref:$,class:["fa-table",`fa-table-${K.value}`,`fa-table__${a.tableKey??"notFound"}`,{fa__click__disabled:A.loading}],style:{"--fa-table-width":""+(A.tableWidth?`${A.tableWidth}px`:""),"--fa-table-height":""+(A.tableHeight?`${A.tableHeight}px`:"")}},[s(ae,{show:a.searchForm&&A.searchForm,collapsedSearch:a.collapsedSearch,advancedSearchDrawer:a.advancedSearchDrawer,cols:a.searchFormCols,search:ie,reset:re},G(T,xe.value)),T.topHeader&&s("div",{class:"el-card fa-table__header"},[T.topHeader({search:ie,...Q(A)})]),s("div",{class:"el-card fa-table__main"},[a.headerCard&&s("div",{class:"fa-table__main-header"},[s("div",{class:"fa-table__main-header-left"},[T.header&&T.header({search:ie,...Q(A)})]),s("div",{class:"fa-table__main-header-right"},[a.toolBtn&&s(d,null,[s("div",{class:"fa-table__main-header-right__div-search"},[s(p,{class:"fa-table__main-header-right__input-search",disabled:A.loading,prefixIcon:L,placeholder:"关键字搜索",modelValue:A.searchParam.searchValue,modelModifiers:{trim:!0},"onUpdate:modelValue":e=>A.searchParam.searchValue=e,clearable:!0,onCompositionupdate:e=>{A.searchValueUpdate=e.data},onCompositionend:e=>{A.searchValueUpdate=""},onChange:()=>ie()},null),s("div",{class:"fa-table__main-header-right__div-search__hidden"},[A.searchParam.searchValue,A.searchValueUpdate])]),a.requestApi&&!a.hideSearchTime&&s(f,{class:"fa-table__main-header-right__data-search",popperClass:"fa-table__main-header-right__data-search__popper",disabled:A.loading,type:"daterange",modelValue:A.searchParam.searchTimeList,"onUpdate:modelValue":e=>A.searchParam.searchTimeList=e,defaultTime:M.getDefaultTime(a.futureSearchTime),shortcuts:M.getShortcuts(a.futureSearchTime),valueFormat:"YYYY-MM-DD HH:mm:ss",clearable:!1,teleported:!1,unlinkPanels:!0,onChange:()=>ie()},null),a.refreshBtn&&s(b,{loading:A.loading,loadingIcon:B,title:"刷新",circle:!0,icon:I,onClick:()=>ie()},null),a.searchBtn&&A.searchColumns.length>0&&s(b,{loading:A.loading,loadingIcon:B,title:A.searchForm?"隐藏搜索栏":"显示搜索栏",circle:!0,icon:L,onClick:()=>A.searchForm=!A.searchForm},null),a.columnSettingBtn&&a.columns&&s(C,{title:"表格列配置",trigger:"click"},{default:()=>s(b,{loading:A.loading,loadingIcon:B,circle:!0,icon:F},null),dropdown:()=>s(S,null,{default:()=>[T.columnSetting&&T.columnSetting(),s(w,{title:"表格列配置",divided:!0,onClick:()=>ue.value.open()},{default:()=>[u("表格列配置")]})]})}),T.toolButton&&T.toolButton({search:ie,...Q(A)}),T.toolButtonAdv&&s(C,{title:"高级操作",trigger:"click"},{default:()=>s(b,{loading:A.loading,loadingIcon:B,circle:!0,icon:R},null),dropdown:()=>{let a;return s(S,null,"function"==typeof(t=a=T.toolButtonAdv({search:ie,...Q(A)}))||"[object Object]"===Object.prototype.toString.call(t)&&!e(t)?a:{default:()=>[a]});var t}})])])]),c(s(y,m(Ie.value,{ref:V,"element-loading-text":A.loadingText,data:A.tableData,spanMethod:ye,headerCellClassName:we,cellClassName:Se,onSelectionChange:fe,onSortChange:be,onSelect:ge,onSelectAll:pe,onCurrentChange:Ce,onHeaderDragend:_e,onCellMouseEnter:(e,a,t,l)=>k("cellMouseEnter",e,a,t,l),onCellMouseLeave:(e,a,t,l)=>k("cellMouseLeave",e,a,t,l),onCellClick:(e,a,t,l)=>k("cellClick",e,a,t,l),onCellDblclick:(e,a,t,l)=>k("cellDblclick",e,a,t,l),onCellContextmenu:(e,a,t,l)=>k("cellContextmenu",e,a,t,l),onRowClick:(e,a,t)=>k("rowClick",e,a,t),onRowContextmenu:(e,a,t)=>k("rowContextmenu",e,a,t),onRowDblclick:(e,a,t)=>k("rowDblclick",e,a,t),onHeaderClick:(e,a)=>k("headerClick",e,a),onHeaderContextmenu:(e,a)=>k("headerContextmenu",e,a),onFilterChange:e=>k("filterChange",e),onExpandChange:(e,a)=>k("expandChange",e,a)}),{append:()=>T.append&&T.append(),empty:()=>s("div",{class:"fa-table__empty"},[T.empty?T.empty():s(d,null,[s(v,null,{default:()=>[s(O,null,null)]}),s("div",null,[u("暂无数据")])])]),default:()=>s(d,null,[s(_,{className:"fa-table__index-column",type:"index",fixed:"left",width:A.tablePagination.pageIndex*A.tablePagination.pageSize>=100?A.tablePagination.pageIndex*A.tablePagination.pageSize>=1e3?50:40:30,align:"center",index:he,showOverflowTooltip:!1,resizable:!1,columnKey:"__table-index"},null),s(_,{className:"fa-table__selection-column",type:"selection",fixed:"left",width:35,align:"center",reserveSelection:!0,showOverflowTooltip:!1,resizable:!1,columnKey:"__table-selection",selectable:a.rowSelectable},null),T.operation&&s(_,{fixed:"right",width:A.operationColumnWidth,headerAlign:"center",align:"left",showOverflowTooltip:!1,className:"fa-table__operation-column",resizable:!1,columnKey:"__table-operation"},{header:()=>s("div",{class:"fa-table__auto-width-column__cell-header __fa-table__auto-width-column__cell-header____table-operation"},[s("span",null,[u("操作")])]),default:({row:e,column:a,$index:t})=>s("div",{class:"fa-table__auto-width-column__cell __fa-table__auto-width-column__cell____table-operation"},[T.operation({row:e,column:a,$index:t,search:ie,...Q(A)})])}),0===A.tableColumns?.length?T.default&&T.default():A.tableColumns.map(e=>e.show&&("expand"===e.type?s(_,m(e,{width:35,fixed:e.fixed??"left",resizable:!1}),{default:({row:a,column:t,$index:l})=>s(d,null,[e.render&&e.render({row:a,column:t,$index:l,...Q(A)}),e.slot&&T[e.slot]&&T[e.slot]({row:a,column:t,$index:l,...Q(A)})])}):e.prop&&s(X,m(J(e,Le),{hideImage:a.hideImage,resizable:!0,onImagePreview:ve,onCustomCellClick:de}),G(T,Pe.value))))])}),[[h("loading"),A.loading]]),s("div",{class:"fa-table__main-footer"},[s("div",{class:"fa-table__main-footer__left"},[T.footer&&T.footer({search:ie,...Q(A)})]),T.pagination?T.pagination({pageIndex:A.tablePagination.pageIndex,pageSize:A.tablePagination.pageSize,totalRows:A.tablePagination.totalRows,handleSizeChange:Y,handlePaginationChange:ne}):s(d,null,[a.pagination?s(ee,{onSizeChange:Y,onCurrentChange:ne},null):s(x,{class:"fa-table-pagination",size:"small",layout:"total",total:A.tableData.length},null)])])]),A.imagePreview&&s(P,{closeOnPressEscape:!0,hideOnClickModal:!0,teleported:!0,onClose:()=>A.imagePreview=!1,urlList:A.previewList},null),a.columnSettingBtn&&s(Z,{ref:ue,change:a.columnsChange},null)])),z(N,{clearSelection:r(()=>V.value?.clearSelection),getSelectionRows:r(()=>V.value?.getSelectionRows),toggleRowSelection:r(()=>V.value?.toggleRowSelection),toggleAllSelection:r(()=>V.value?.toggleAllSelection),toggleRowExpansion:r(()=>V.value?.toggleRowExpansion),setCurrentRow:r(()=>V.value?.setCurrentRow),clearSort:r(()=>V.value?.clearSort),clearFilter:r(()=>V.value?.clearFilter),doLayout:r(()=>V.value?.doLayout),sort:r(()=>V.value?.sort),scrollTo:r(()=>V.value?.scrollTo),setScrollTop:r(()=>V.value?.setScrollTop),setScrollLeft:r(()=>V.value?.setScrollLeft),columns:r(()=>V.value?.columns),updateKeyChildren:r(()=>V.value?.updateKeyChildren),loading:r(()=>A.loading),tableData:r(()=>A.tableData),tablePagination:r(()=>A.tablePagination),searchParam:r(()=>A.searchParam),selected:r(()=>A.selected),selectedList:r(()=>A.selectedList),selectedListIds:r(()=>A.selectedListIds),indeterminateSelectedListIds:r(()=>A.indeterminateSelectedListIds),tableWidth:r(()=>A.tableWidth),tableHeight:r(()=>A.tableHeight),toggleRowIndeterminateSelection:(e,t)=>{const l=q(a.rowKey)?a.rowKey(e):e[a.rowKey],n=A.tableData.find(e=>q(a.rowKey)?a.rowKey(e):e[a.rowKey]===l);if(!0===t)A.indeterminateSelectedListIds.some(e=>e===l)||A.indeterminateSelectedListIds.push(l),V.value.toggleRowSelection(n,!0);else if(!1===t){const e=A.indeterminateSelectedListIds.findIndex(e=>e===l);e>=0&&A.indeterminateSelectedListIds.splice(e,1),V.value.toggleRowSelection(n,!1)}else{const e=A.indeterminateSelectedListIds.findIndex(e=>e===l);e>=0?A.indeterminateSelectedListIds.splice(e,1):A.indeterminateSelectedListIds.push(l),V.value.toggleRowSelection(n)}},refresh:ie,reset:re,doRender:se,doLoading:ce})}});export{ie as default,oe as faTableEmits,ne as faTableProps,le as tableProps};
+import{isVNode as e,defineComponent as a,ref as t,onMounted as l,watch as n,watchEffect as o,onActivated as i,computed as r,createVNode as s,withDirectives as c,Fragment as d,createTextVNode as u,mergeProps as m,resolveDirective as h}from"vue";import{useSizeProp as g,ElInput as p,ElDatePicker as f,ElButton as b,ElDropdown as C,ElDropdownMenu as w,ElDropdownItem as S,ElTable as y,ElTableColumn as _,ElIcon as v,ElPagination as x,ElImageViewer as P}from"element-plus";import{Search as L,Refresh as I,Eleme as B,Setting as F,More as R}from"@element-plus/icons-vue";import{NotData as O}from"@fast-element-plus/icons-vue";import{definePropType as T,stringUtil as k,consoleWarn as N,clickUtil as D,useProps as E,useRender as j,dateUtil as M,useExpose as z,makeSlots as K}from"@fast-china/utils";import{isNil as A,isString as H,isObject as $,isNumber as V,isBoolean as W,isArray as U,isNull as Y,isFunction as q,pick as G,omit as J}from"lodash-unified";import{getTableDefaultSlots as Q}from"./table.type.mjs";import X from"./tableColumn.mjs";import Z from"./tableColumnSettingDialog.mjs";import ee from"./tablePagination.mjs";import ae from"./tableSearchForm.mjs";import{useTable as te}from"./useTable.mjs";const le={data:{type:Array,default:()=>[]},size:g,width:[String,Number],height:[String,Number],maxHeight:[String,Number],fit:{type:Boolean,default:!0},stripe:Boolean,border:Boolean,rowKey:[String,Function],showHeader:{type:Boolean,default:!0},showSummary:Boolean,sumText:String,summaryMethod:Function,rowClassName:[String,Function],rowStyle:[Object,Function],cellClassName:[String,Function],cellStyle:[Object,Function],headerRowClassName:[String,Function],headerRowStyle:[Object,Function],headerCellClassName:[String,Function],headerCellStyle:[Object,Function],highlightCurrentRow:Boolean,currentRowKey:[String,Number],emptyText:String,expandRowKeys:Array,defaultExpandAll:Boolean,defaultSort:Object,tooltipEffect:String,tooltipOptions:Object,spanMethod:Function,selectOnIndeterminate:{type:Boolean,default:!0},indent:{type:Number,default:16},treeProps:{type:Object,default:()=>({hasChildren:"hasChildren",children:"children",checkStrictly:!1})},lazy:Boolean,load:Function,style:{type:Object,default:()=>({})},className:{type:String,default:""},tableLayout:{type:String,default:"fixed"},scrollbarAlwaysOn:Boolean,flexible:Boolean,showOverflowTooltip:[Boolean,Object],scrollbarTabindex:{type:[Number,String],default:void 0}},ne={...le,border:{type:Boolean,default:!0},highlightCurrentRow:{type:Boolean,default:!0},rowKey:{type:[String,Function],default:"id"},spanMethod:{type:Function,validator:()=>(N("FaTable","'spanMethod' 属性，组件已经封装，外部使用会失效。"),!1)},tableKey:{type:String,default:()=>k.generateRandomString(8)},data:{type:T(Array),default:()=>[]},requestApi:{type:T(Function)},dataCallback:{type:T(Function)},initParam:T([String,Number,Object]),columns:{type:T([Array,Boolean]),default:()=>!1},columnsChange:{type:T(Function)},searchFormCols:{type:T([String,Number,Object]),default:()=>({xs:3,sm:3,md:4,lg:5,xl:6})},collapsedSearch:{type:Boolean,default:!0},advancedSearchDrawer:{type:Boolean,default:!1},searchForm:{type:Boolean,default:!0},headerCard:{type:Boolean,default:!0},refreshBtn:{type:Boolean,default:!0},searchBtn:{type:Boolean,default:!0},columnSettingBtn:{type:Boolean,default:!1},toolBtn:{type:Boolean,default:!0},hideSearchTime:Boolean,futureSearchTime:Boolean,dataSearchRange:{type:T(String),default:"Past3D"},pagination:{type:Boolean,default:!0},hideImage:Boolean,single:Boolean,rowClickSelection:Boolean,treeData:Boolean,props:{type:T(Object),default:()=>({span:void 0,children:"children"})},autoRefresh:{type:Boolean,default:!0},rowSelectable:Function},oe={select:(e,a)=>U(e)&&$(a),selectAll:e=>U(e),selectionChange:e=>U(e),cellMouseEnter:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellMouseLeave:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellClick:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellDblclick:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,cellContextmenu:(e,a,t,l)=>$(e)&&$(a)&&t instanceof HTMLTableCellElement&&l instanceof Event,rowClick:(e,a,t)=>$(e)&&$(a)&&t instanceof Event,rowContextmenu:(e,a,t)=>$(e)&&$(a)&&t instanceof Event,rowDblclick:(e,a,t)=>$(e)&&$(a)&&t instanceof Event,headerClick:(e,a)=>$(e)&&a instanceof Event,headerContextmenu:(e,a)=>$(e)&&a instanceof Event,sortChange:e=>$(e),filterChange:e=>H(e)||V(e)||W(e)||$(e),currentChange:(e,a)=>$(e)&&(Y(a)||$(a)),headerDragend:(e,a,t,l)=>V(e)&&V(a)&&$(t)&&l instanceof MouseEvent,expandChange:(e,a)=>$(e)&&(W(a)||U(a)),refresh:e=>$(e),reset:e=>$(e),sizeChange:e=>V(e),paginationChange:(e,a)=>V(e)&&V(a),customCellClick:(e,{row:a,column:t,$index:l})=>(A(e)||H(e))&&$(a)&&$(t)&&V(l)},ie=/* @__PURE__ */a({name:"FaTable",props:ne,emits:oe,slots:K(),setup(a,{attrs:g,slots:T,emit:k,expose:N}){const{_globalSize:K,state:A,elementRef:$,tableRef:V,handleTableColumnAutoWidth:W,loadTableColumns:U,handleSizeChange:Y,handlePaginationChange:ne,defaultSearchTime:oe,tableSearch:ie,tableReset:re,doRender:se,doLoading:ce,handleCustomCellClick:de}=te(a,T,k),ue=t();let me=0;const he=e=>{if(0===e&&(me=0),A.spanColumns?.length>0){return 0===Number(A.tableSpanData["__table-index"][e])?me+(A.tablePagination.pageIndex-1)*A.tablePagination.pageSize+1:(me++,me+(A.tablePagination.pageIndex-1)*A.tablePagination.pageSize)}return e+(A.tablePagination.pageIndex-1)*A.tablePagination.pageSize+1},ge=(e,t)=>{a.single&&(V.value.clearSelection(),e.length>0&&t&&V.value.toggleRowSelection(t)),k("select",e,t)},pe=e=>{a.single&&(A.selected?A.tableData.length>0&&(V.value.clearSelection(),V.value.toggleRowSelection(A.tableData[0])):V.value.clearSelection()),k("selectAll",e)},fe=e=>{0===e.length?A.selected=!1:A.selected=!0,a.single&&e.length>0?A.selectedList=[e[e.length-1]]:A.selectedList=e,A.indeterminateSelectedListIds=A.indeterminateSelectedListIds.filter(e=>A.selectedListIds.some(a=>a===e)),k("selectionChange",A.selectedList)},be=({column:e,prop:t,order:l})=>{e.multiOrder?"descending"===e.multiOrder?e.multiOrder="ascending":e.multiOrder=null:e.multiOrder="descending",A.searchParam.sortList=[.../* @__PURE__ */new Set([...a.initParam?.sortList??[],...A.searchParam?.sortList??[]])];const n=A.orgColumns.find(e=>e.prop===t),o=n?.sortableField??n?.prop??e.property,i=A.searchParam.sortList.findIndex(e=>e.enField===o);e.multiOrder?-1===i?A.searchParam.sortList.push({enField:o,cnField:e.label,mode:e.multiOrder}):A.searchParam.sortList[i].mode=e.multiOrder:A.searchParam.sortList.splice(i,1),0===A.searchParam.sortList.length&&delete A.searchParam.sortList,k("sortChange",{column:e,prop:t,order:e.multiOrder}),ie()},Ce=(e,t)=>{e&&(a.rowClickSelection&&(a.single&&t&&V.value.toggleRowSelection(t),V.value.toggleRowSelection(e)),k("currentChange",e,t))},we=({row:e,column:t,rowIndex:l,columnIndex:n})=>{let o=null;if("selection"===t.type){const t=q(a.rowKey)?a.rowKey(e):e[a.rowKey];A.indeterminateSelectedListIds.some(e=>e===t)&&(o="fa-table__selection-column__indeterminate")}const i=A.tableColumns.find(e=>e.prop===t.property);if(i?.dataDeleteField&&e&&!0===e[i.dataDeleteField]&&(o?o+=" fa-table__data-delete-column":o="fa-table__data-delete-column"),a.cellClassName){let i=null;return i=H(a.cellClassName)?a.cellClassName:a.cellClassName({row:e,column:t,rowIndex:l,columnIndex:n}),i?o?`${o} ${i}`:i:o}return o},Se=({row:e,column:t,rowIndex:l,columnIndex:n})=>(t.order=t.multiOrder,a.headerCellClassName?q(a.headerCellClassName)?a.headerCellClassName({row:e,column:t,rowIndex:l,columnIndex:n}):a.headerCellClassName:null),ye=({row:e,column:a,rowIndex:t,columnIndex:l})=>{const n=a.property??a.columnKey;if(-1!==A.spanColumns.findIndex(e=>e.prop===n)){const e=Number(A.tableSpanData[n][t]);return e>0?{rowspan:e,colspan:1}:{rowspan:0,colspan:0}}return{rowspan:1,colspan:1}},_e=async(e,t,l,n)=>{A.orgColumns.forEach(a=>{l.property===a.prop&&(a.width=e,a.smallWidth=e)}),k("headerDragend",e,t,l,n),a.columnsChange&&await D.debounceAsync(()=>a.columnsChange(A.orgColumns),500)},ve=e=>{A.previewList=[e],A.imagePreview=!0};l(async()=>{A.initParam=a.initParam,oe(),Object.keys(a.initParam??{}).forEach(e=>{A.searchParam[e]=a.initParam[e]}),await ie(),n(()=>a.columns,async()=>{U()},{deep:!0,immediate:!0}),n(()=>a.initParam,()=>{Object.keys(a.initParam??{}).forEach(e=>{A.searchParam[e]=a.initParam[e]})},{deep:!0}),n(()=>a.data,async()=>{!a.requestApi&&a.autoRefresh&&await ie()},{deep:!0,immediate:!0}),o(async()=>{const e=$.value;if(e){const a=new ResizeObserver(e=>{for(const a of e){const{width:e,height:t}=a.contentRect;A.tableWidth=e,A.tableHeight=t}D.debounceAsync(async()=>{await W()},100)});return a.observe(e),()=>{a.disconnect()}}})}),i(async()=>{await W()});const xe=r(()=>A.searchColumns.filter(e=>e.search.slot).map(e=>e.search.slot)),Pe=r(()=>A.tableColumns.filter(e=>e.slot).map(e=>e.slot)),Le=["multiOrder","columnId","order","sortableField","disabledSortable","spanProp","pureSearch","search"],Ie=E(a,le,["data","spanMethod","headerCellClassName","cellClassName"]);return j(()=>s("div",{ref:$,class:["fa-table",`fa-table-${K.value}`,`fa-table__${a.tableKey??"notFound"}`,{fa__click__disabled:A.loading}],style:{"--fa-table-width":""+(A.tableWidth?`${A.tableWidth}px`:""),"--fa-table-height":""+(A.tableHeight?`${A.tableHeight}px`:"")}},[s(ae,{show:a.searchForm&&A.searchForm,collapsedSearch:a.collapsedSearch,advancedSearchDrawer:a.advancedSearchDrawer,cols:a.searchFormCols,search:ie,reset:re},G(T,xe.value)),T.topHeader&&s("div",{class:"el-card fa-table__header"},[T.topHeader({search:ie,...Q(A)})]),s("div",{class:"el-card fa-table__main"},[a.headerCard&&s("div",{class:"fa-table__main-header"},[s("div",{class:"fa-table__main-header-left"},[T.header&&T.header({search:ie,...Q(A)})]),s("div",{class:"fa-table__main-header-right"},[a.toolBtn&&s(d,null,[s("div",{class:"fa-table__main-header-right__div-search"},[s(p,{class:"fa-table__main-header-right__input-search",disabled:A.loading,prefixIcon:L,placeholder:"关键字搜索",modelValue:A.searchParam.searchValue,modelModifiers:{trim:!0},"onUpdate:modelValue":e=>A.searchParam.searchValue=e,clearable:!0,onCompositionupdate:e=>{A.searchValueUpdate=e.data},onCompositionend:e=>{A.searchValueUpdate=""},onChange:()=>ie()},null),s("div",{class:"fa-table__main-header-right__div-search__hidden"},[A.searchParam.searchValue,A.searchValueUpdate])]),a.requestApi&&!a.hideSearchTime&&s(f,{class:"fa-table__main-header-right__data-search",popperClass:"fa-table__main-header-right__data-search__popper",disabled:A.loading,type:"daterange",modelValue:A.searchParam.searchTimeList,"onUpdate:modelValue":e=>A.searchParam.searchTimeList=e,defaultTime:M.getDefaultTime(a.futureSearchTime),shortcuts:M.getShortcuts(a.futureSearchTime),valueFormat:"YYYY-MM-DD HH:mm:ss",clearable:!1,teleported:!1,unlinkPanels:!0,onChange:()=>ie()},null),a.refreshBtn&&s(b,{loading:A.loading,loadingIcon:B,title:"刷新",circle:!0,icon:I,onClick:()=>ie()},null),a.searchBtn&&A.searchColumns.length>0&&s(b,{loading:A.loading,loadingIcon:B,title:A.searchForm?"隐藏搜索栏":"显示搜索栏",circle:!0,icon:L,onClick:()=>A.searchForm=!A.searchForm},null),a.columnSettingBtn&&a.columns&&s(C,{title:"表格列配置",trigger:"click"},{default:()=>s(b,{loading:A.loading,loadingIcon:B,circle:!0,icon:F},null),dropdown:()=>s(w,null,{default:()=>[T.columnSetting&&T.columnSetting(),s(S,{title:"表格列配置",divided:!0,onClick:()=>ue.value.open()},{default:()=>[u("表格列配置")]})]})}),T.toolButton&&T.toolButton({search:ie,...Q(A)}),T.toolButtonAdv&&s(C,{title:"高级操作",trigger:"click"},{default:()=>s(b,{loading:A.loading,loadingIcon:B,circle:!0,icon:R},null),dropdown:()=>{let a;return s(w,null,"function"==typeof(t=a=T.toolButtonAdv({search:ie,...Q(A)}))||"[object Object]"===Object.prototype.toString.call(t)&&!e(t)?a:{default:()=>[a]});var t}})])])]),c(s(y,m(Ie.value,{ref:V,"element-loading-text":A.loadingText,data:A.tableData,spanMethod:ye,headerCellClassName:Se,cellClassName:we,onSelectionChange:fe,onSortChange:be,onSelect:ge,onSelectAll:pe,onCurrentChange:Ce,onHeaderDragend:_e,onCellMouseEnter:(e,a,t,l)=>k("cellMouseEnter",e,a,t,l),onCellMouseLeave:(e,a,t,l)=>k("cellMouseLeave",e,a,t,l),onCellClick:(e,a,t,l)=>k("cellClick",e,a,t,l),onCellDblclick:(e,a,t,l)=>k("cellDblclick",e,a,t,l),onCellContextmenu:(e,a,t,l)=>k("cellContextmenu",e,a,t,l),onRowClick:(e,a,t)=>k("rowClick",e,a,t),onRowContextmenu:(e,a,t)=>k("rowContextmenu",e,a,t),onRowDblclick:(e,a,t)=>k("rowDblclick",e,a,t),onHeaderClick:(e,a)=>k("headerClick",e,a),onHeaderContextmenu:(e,a)=>k("headerContextmenu",e,a),onFilterChange:e=>k("filterChange",e),onExpandChange:(e,a)=>k("expandChange",e,a)}),{append:()=>T.append&&T.append(),empty:()=>s("div",{class:"fa-table__empty"},[T.empty?T.empty():s(d,null,[s(v,null,{default:()=>[s(O,null,null)]}),s("div",null,[u("暂无数据")])])]),default:()=>s(d,null,[s(_,{className:"fa-table__index-column",type:"index",fixed:"left",width:A.tablePagination.pageIndex*A.tablePagination.pageSize>=100?A.tablePagination.pageIndex*A.tablePagination.pageSize>=1e3?50:40:30,align:"center",index:he,showOverflowTooltip:!1,resizable:!1,columnKey:"__table-index"},null),s(_,{className:"fa-table__selection-column",type:"selection",fixed:"left",width:35,align:"center",reserveSelection:!0,showOverflowTooltip:!1,resizable:!1,columnKey:"__table-selection",selectable:a.rowSelectable},null),T.operation&&s(_,{fixed:"right",width:A.operationColumnWidth,headerAlign:"center",align:"left",showOverflowTooltip:!1,className:"fa-table__operation-column",resizable:!1,columnKey:"__table-operation"},{header:()=>s("div",{class:"fa-table__auto-width-column__cell-header __fa-table__auto-width-column__cell-header____table-operation"},[s("span",null,[u("操作")])]),default:({row:e,column:a,$index:t})=>s("div",{class:"fa-table__auto-width-column__cell __fa-table__auto-width-column__cell____table-operation"},[T.operation({row:e,column:a,$index:t,search:ie,...Q(A)})])}),0===A.tableColumns?.length?T.default&&T.default():A.tableColumns.map(e=>e.show&&("expand"===e.type?s(_,m(e,{width:35,fixed:e.fixed??"left",resizable:!1}),{default:({row:a,column:t,$index:l})=>s(d,null,[e.render&&e.render({row:a,column:t,$index:l,...Q(A)}),e.slot&&T[e.slot]&&T[e.slot]({row:a,column:t,$index:l,...Q(A)})])}):e.prop&&s(X,m(J(e,Le),{hideImage:a.hideImage,resizable:!0,onImagePreview:ve,onCustomCellClick:de}),G(T,Pe.value))))])}),[[h("loading"),A.loading]]),s("div",{class:"fa-table__main-footer"},[s("div",{class:"fa-table__main-footer__left"},[T.footer&&T.footer({search:ie,...Q(A)})]),T.pagination?T.pagination({pageIndex:A.tablePagination.pageIndex,pageSize:A.tablePagination.pageSize,totalRows:A.tablePagination.totalRows,handleSizeChange:Y,handlePaginationChange:ne}):s(d,null,[a.pagination?s(ee,{onSizeChange:Y,onCurrentChange:ne},null):s(x,{class:"fa-table-pagination",size:"small",layout:"total",total:A.tableData.length},null)])])]),A.imagePreview&&s(P,{closeOnPressEscape:!0,hideOnClickModal:!0,teleported:!0,showProgress:!0,onClose:()=>A.imagePreview=!1,urlList:A.previewList},null),a.columnSettingBtn&&s(Z,{ref:ue,change:a.columnsChange},null)])),z(N,{clearSelection:r(()=>V.value?.clearSelection),getSelectionRows:r(()=>V.value?.getSelectionRows),toggleRowSelection:r(()=>V.value?.toggleRowSelection),toggleAllSelection:r(()=>V.value?.toggleAllSelection),toggleRowExpansion:r(()=>V.value?.toggleRowExpansion),setCurrentRow:r(()=>V.value?.setCurrentRow),clearSort:r(()=>V.value?.clearSort),clearFilter:r(()=>V.value?.clearFilter),doLayout:r(()=>V.value?.doLayout),sort:r(()=>V.value?.sort),scrollTo:r(()=>V.value?.scrollTo),setScrollTop:r(()=>V.value?.setScrollTop),setScrollLeft:r(()=>V.value?.setScrollLeft),columns:r(()=>V.value?.columns),updateKeyChildren:r(()=>V.value?.updateKeyChildren),loading:r(()=>A.loading),tableData:r(()=>A.tableData),tablePagination:r(()=>A.tablePagination),searchParam:r(()=>A.searchParam),selected:r(()=>A.selected),selectedList:r(()=>A.selectedList),selectedListIds:r(()=>A.selectedListIds),indeterminateSelectedListIds:r(()=>A.indeterminateSelectedListIds),tableWidth:r(()=>A.tableWidth),tableHeight:r(()=>A.tableHeight),toggleRowIndeterminateSelection:(e,t)=>{const l=q(a.rowKey)?a.rowKey(e):e[a.rowKey],n=A.tableData.find(e=>q(a.rowKey)?a.rowKey(e):e[a.rowKey]===l);if(!0===t)A.indeterminateSelectedListIds.some(e=>e===l)||A.indeterminateSelectedListIds.push(l),V.value.toggleRowSelection(n,!0);else if(!1===t){const e=A.indeterminateSelectedListIds.findIndex(e=>e===l);e>=0&&A.indeterminateSelectedListIds.splice(e,1),V.value.toggleRowSelection(n,!1)}else{const e=A.indeterminateSelectedListIds.findIndex(e=>e===l);e>=0?A.indeterminateSelectedListIds.splice(e,1):A.indeterminateSelectedListIds.push(l),V.value.toggleRowSelection(n)}},refresh:ie,reset:re,doRender:se,doLoading:ce})}});export{ie as default,oe as faTableEmits,ne as faTableProps,le as tableProps};
 //# sourceMappingURL=table.mjs.map