fast-element-plus 1.0.6 → 1.0.9

package/es/components/index.mjs

@@ -1,2 +1,2 @@
-import{FaAvatar as m}from"./avatar/index.mjs";import{FaButton as r}from"./button/index.mjs";import{FaCarNumber as o}from"./carNumber/index.mjs";import{FaContextMenu as e}from"./contextMenu/index.mjs";import{FaDialog as t}from"./dialog/index.mjs";import{FaDrawer as i}from"./drawer/index.mjs";import{FaForm as s,FaFormItem as p}from"./form/index.mjs";import{FaFormItemTip as f}from"./formItemTip/index.mjs";import{FaIcon as j}from"./icon/index.mjs";import{FaIconSelector as a}from"./iconSelector/index.mjs";import{FaImage as c}from"./image/index.mjs";import{FaLayoutGrid as l,FaLayoutGridItem as d}from"./layoutGrid/index.mjs";import{FaSelect as n,FaSelectOption as x}from"./select/index.mjs";import{FaSelectPage as u}from"./selectPage/index.mjs";import{FaSelectV2 as b}from"./selectV2/index.mjs";import{FaTable as g,FaTableColumn as I}from"./table/index.mjs";import{FaTree as S}from"./tree/index.mjs";import{FaTreeSelect as y}from"./treeSelect/index.mjs";import{FaUpload as P}from"./upload/index.mjs";import{FaUploadImage as T}from"./uploadImage/index.mjs";import{FaUploadImages as V}from"./uploadImages/index.mjs";import{faButtonEmits as N,faButtonProps as v}from"./button/src/button.mjs";import{CarNumberArea as w,CarNumberDigit as C,CarNumberLetter as G}from"./carNumber/src/common.mjs";import{faDialogEmits as M,faDialogProps as h}from"./dialog/src/dialog.mjs";import{formUtil as k}from"./form/utils/form.mjs";import{faFormProps as q}from"./form/src/form.mjs";import{faFormItemProps as z}from"./form/src/formItem.mjs";import{faFormItemTipProps as A}from"./formItemTip/src/formItemTip.mjs";import{faImageProps as B}from"./image/src/image.mjs";import{SelectProps as D,faSelectProps as E}from"./select/src/select.mjs";import{faSelectPageEmits as F,faSelectPageProps as H}from"./selectPage/src/selectPage.mjs";import{SelectV2Props as J,faSelectV2Props as K}from"./selectV2/src/selectV2.mjs";import{PagedSearchTypeEnum as L}from"./table/src/page.type.mjs";import{getTableDefaultSlots as O}from"./table/src/table.type.mjs";import{tableUtil as Q}from"./table/utils/table.mjs";import{faTableEmits as R,faTableProps as U,tableProps as W}from"./table/src/table.mjs";import{tableColumnProps as X}from"./table/src/tableColumn.mjs";import{faTreeEmits as Y,faTreeProps as Z}from"./tree/src/tree.mjs";import{faTreeSelectEmits as $,faTreeSelectProps as _}from"./treeSelect/src/treeSelect.mjs";import{faUploadEmits as mm,faUploadProps as rm}from"./upload/src/upload.mjs";import{faUploadImageEmits as om,faUploadImageProps as em}from"./uploadImage/src/uploadImage.mjs";export{w as CarNumberArea,C as CarNumberDigit,G as CarNumberLetter,m as FaAvatar,r as FaButton,o as FaCarNumber,e as FaContextMenu,t as FaDialog,i as FaDrawer,s as FaForm,p as FaFormItem,f as FaFormItemTip,j as FaIcon,a as FaIconSelector,c as FaImage,l as FaLayoutGrid,d as FaLayoutGridItem,n as FaSelect,x as FaSelectOption,u as FaSelectPage,b as FaSelectV2,g as FaTable,I as FaTableColumn,S as FaTree,y as FaTreeSelect,P as FaUpload,T as FaUploadImage,V as FaUploadImages,L as PagedSearchTypeEnum,D as SelectProps,J as SelectV2Props,N as faButtonEmits,v as faButtonProps,M as faDialogEmits,h as faDialogProps,z as faFormItemProps,A as faFormItemTipProps,q as faFormProps,B as faImageProps,F as faSelectPageEmits,H as faSelectPageProps,E as faSelectProps,K as faSelectV2Props,R as faTableEmits,U as faTableProps,Y as faTreeEmits,Z as faTreeProps,$ as faTreeSelectEmits,_ as faTreeSelectProps,mm as faUploadEmits,om as faUploadImageEmits,em as faUploadImageProps,rm as faUploadProps,k as formUtil,O as getTableDefaultSlots,X as tableColumnProps,W as tableProps,Q as tableUtil};
+import{FaAvatar as m}from"./avatar/index.mjs";import{FaButton as r}from"./button/index.mjs";import{FaCarNumber as o}from"./carNumber/index.mjs";import{FaContextMenu as e}from"./contextMenu/index.mjs";import{FaDialog as t}from"./dialog/index.mjs";import{FaDrawer as i}from"./drawer/index.mjs";import{FaForm as s,FaFormItem as p}from"./form/index.mjs";import{FaFormItemTip as f}from"./formItemTip/index.mjs";import{FaIcon as a}from"./icon/index.mjs";import{FaIconSelector as j}from"./iconSelector/index.mjs";import{FaImage as l}from"./image/index.mjs";import{FaInputDialogPage as c}from"./inputDialogPage/index.mjs";import{FaLayoutGrid as d,FaLayoutGridItem as n}from"./layoutGrid/index.mjs";import{FaSelect as x,FaSelectOption as g}from"./select/index.mjs";import{FaSelectPage as u}from"./selectPage/index.mjs";import{FaSelectV2 as b}from"./selectV2/index.mjs";import{FaTable as I,FaTableColumn as P}from"./table/index.mjs";import{FaTree as S}from"./tree/index.mjs";import{FaTreeSelect as y}from"./treeSelect/index.mjs";import{FaUpload as D}from"./upload/index.mjs";import{FaUploadImage as T}from"./uploadImage/index.mjs";import{FaUploadImages as V}from"./uploadImages/index.mjs";import{faButtonEmits as N,faButtonProps as v}from"./button/src/button.mjs";import{CarNumberArea as w,CarNumberDigit as C,CarNumberLetter as G}from"./carNumber/src/common.mjs";import{faDialogEmits as M,faDialogProps as h}from"./dialog/src/dialog.mjs";import{formUtil as k}from"./form/utils/form.mjs";import{faFormProps as q}from"./form/src/form.mjs";import{faFormItemProps as z}from"./form/src/formItem.mjs";import{faFormItemTipProps as A}from"./formItemTip/src/formItemTip.mjs";import{faImageProps as B}from"./image/src/image.mjs";import{faInputDialogPageEmits as E,faInputDialogPageProps as F}from"./inputDialogPage/src/inputDialogPage.mjs";import{SelectProps as H,faSelectProps as J}from"./select/src/select.mjs";import{faSelectPageEmits as K,faSelectPageProps as L}from"./selectPage/src/selectPage.mjs";import{SelectV2Props as O,faSelectV2Props as Q}from"./selectV2/src/selectV2.mjs";import{PagedSearchTypeEnum as R}from"./table/src/page.type.mjs";import{getTableDefaultSlots as U}from"./table/src/table.type.mjs";import{tableUtil as W}from"./table/utils/table.mjs";import{faTableEmits as X,faTableProps as Y,tableProps as Z}from"./table/src/table.mjs";import{tableColumnProps as $}from"./table/src/tableColumn.mjs";import{faTreeEmits as _,faTreeProps as mm}from"./tree/src/tree.mjs";import{faTreeSelectEmits as rm,faTreeSelectProps as om}from"./treeSelect/src/treeSelect.mjs";import{faUploadEmits as em,faUploadProps as tm}from"./upload/src/upload.mjs";import{faUploadImageEmits as im,faUploadImageProps as sm}from"./uploadImage/src/uploadImage.mjs";export{w as CarNumberArea,C as CarNumberDigit,G as CarNumberLetter,m as FaAvatar,r as FaButton,o as FaCarNumber,e as FaContextMenu,t as FaDialog,i as FaDrawer,s as FaForm,p as FaFormItem,f as FaFormItemTip,a as FaIcon,j as FaIconSelector,l as FaImage,c as FaInputDialogPage,d as FaLayoutGrid,n as FaLayoutGridItem,x as FaSelect,g as FaSelectOption,u as FaSelectPage,b as FaSelectV2,I as FaTable,P as FaTableColumn,S as FaTree,y as FaTreeSelect,D as FaUpload,T as FaUploadImage,V as FaUploadImages,R as PagedSearchTypeEnum,H as SelectProps,O as SelectV2Props,N as faButtonEmits,v as faButtonProps,M as faDialogEmits,h as faDialogProps,z as faFormItemProps,A as faFormItemTipProps,q as faFormProps,B as faImageProps,E as faInputDialogPageEmits,F as faInputDialogPageProps,K as faSelectPageEmits,L as faSelectPageProps,J as faSelectProps,Q as faSelectV2Props,X as faTableEmits,Y as faTableProps,_ as faTreeEmits,mm as faTreeProps,rm as faTreeSelectEmits,om as faTreeSelectProps,em as faUploadEmits,im as faUploadImageEmits,sm as faUploadImageProps,tm as faUploadProps,k as formUtil,U as getTableDefaultSlots,$ as tableColumnProps,Z as tableProps,W as tableUtil};
 //# sourceMappingURL=index.mjs.map

package/es/components/inputDialogPage/index.d.ts

@@ -0,0 +1,14 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as InputDialogPage, faInputDialogPageEmits, faInputDialogPageProps } from "./src/inputDialogPage";
+import type { ExtractPropTypes } from "vue";
+
+export declare const FaInputDialogPage: TSXWithInstall<typeof InputDialogPage>;
+export default FaInputDialogPage;
+
+export { faInputDialogPageProps, faInputDialogPageEmits };
+
+export type FaInputDialogPageInstance = InstanceType<typeof InputDialogPage>;
+
+export type FaInputDialogPageProps = ExtractPropTypes<typeof faInputDialogPageProps>;
+
+export type FaInputDialogPageEmits = typeof faInputDialogPageEmits;

package/es/components/inputDialogPage/index.mjs

@@ -0,0 +1,2 @@
+import{withInstall as o}from"@fast-china/utils";import t from"./src/inputDialogPage.mjs";import{faInputDialogPageEmits as i,faInputDialogPageProps as r}from"./src/inputDialogPage.mjs";const a=o(t);export{a as FaInputDialogPage,a as default,i as faInputDialogPageEmits,r as faInputDialogPageProps};
+//# sourceMappingURL=index.mjs.map

package/es/components/inputDialogPage/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/inputDialogPage/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport InputDialogPage, { faInputDialogPageEmits, faInputDialogPageProps } from \"./src/inputDialogPage\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaInputDialogPage = withInstall(InputDialogPage);\nexport default FaInputDialogPage;\n\nexport { faInputDialogPageProps, faInputDialogPageEmits };\n\nexport type FaInputDialogPageInstance = InstanceType<typeof InputDialogPage>;\n\nexport type FaInputDialogPageProps = ExtractPropTypes<typeof faInputDialogPageProps>;\n\nexport type FaInputDialogPageEmits = typeof faInputDialogPageEmits;\n"],"names":["FaInputDialogPage","withInstall","InputDialogPage"],"mappings":"wLAIO,MAAMA,EAAoBC,EAAYC"}

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

@@ -0,0 +1,131 @@
+import { TableProps } from 'element-plus';
+import { PropType } from 'vue';
+import { PagedInput, PagedResult } from '../../table';
+export declare const faInputDialogPageProps: {
+    /** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
+    rowKey: {
+        type: PropType<TableProps<any>["rowKey"]>;
+        default: string;
+    };
+    /** @description v-model绑定值 */
+    modelValue: (NumberConstructor | StringConstructor)[];
+    /** @description v-model:label绑定值 */
+    label: StringConstructor;
+    /** @description 输入框占位文本 */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 禁用 */
+    disabled: BooleanConstructor;
+    /** @description 标题 */
+    title: StringConstructor;
+    /** @description 请求api */
+    requestApi: {
+        type: PropType<(params?: PagedInput) => Promise<PagedResult | any[]>>;
+    };
+    /** 初始化参数 */
+    initParam: PropType<any>;
+    /** @description 显示文本 Key */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export declare const faInputDialogPageEmits: {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string | number) => boolean;
+    /** @description v-model:label 回调 */
+    "update:label": (value: string) => boolean;
+    /** @description 改变 */
+    change: (value: string | number) => boolean;
+};
+type FaInputDialogPageSlots = {
+    /** @description 默认内容插槽 */
+    default: never;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
+    rowKey: {
+        type: PropType<TableProps<any>["rowKey"]>;
+        default: string;
+    };
+    /** @description v-model绑定值 */
+    modelValue: (NumberConstructor | StringConstructor)[];
+    /** @description v-model:label绑定值 */
+    label: StringConstructor;
+    /** @description 输入框占位文本 */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 禁用 */
+    disabled: BooleanConstructor;
+    /** @description 标题 */
+    title: StringConstructor;
+    /** @description 请求api */
+    requestApi: {
+        type: PropType<(params?: PagedInput) => Promise<PagedResult | any[]>>;
+    };
+    /** 初始化参数 */
+    initParam: PropType<any>;
+    /** @description 显示文本 Key */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    /** @description 选择行数据 */
+    selectionRow: import('vue').ComputedRef<unknown>;
+    /** @description 打开选择器弹窗 */
+    open: () => void;
+    /** @description 清除选择 */
+    clear: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string | number) => boolean;
+    /** @description v-model:label 回调 */
+    "update:label": (value: string) => boolean;
+    /** @description 改变 */
+    change: (value: string | number) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */
+    rowKey: {
+        type: PropType<TableProps<any>["rowKey"]>;
+        default: string;
+    };
+    /** @description v-model绑定值 */
+    modelValue: (NumberConstructor | StringConstructor)[];
+    /** @description v-model:label绑定值 */
+    label: StringConstructor;
+    /** @description 输入框占位文本 */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 禁用 */
+    disabled: BooleanConstructor;
+    /** @description 标题 */
+    title: StringConstructor;
+    /** @description 请求api */
+    requestApi: {
+        type: PropType<(params?: PagedInput) => Promise<PagedResult | any[]>>;
+    };
+    /** 初始化参数 */
+    initParam: PropType<any>;
+    /** @description 显示文本 Key */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | number) => any;
+    onChange?: (value: string | number) => any;
+    "onUpdate:label"?: (value: string) => any;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    rowKey: string | ((row: any) => string);
+    labelKey: string;
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaInputDialogPageSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/inputDialogPage/src/inputDialogPage.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,reactive as l,ref as t,createVNode as o,computed as i}from"vue";import{ElInput as a,ElButtonGroup as n,ElButton as u}from"element-plus";import{Delete as r,Search as s}from"@element-plus/icons-vue";import{definePropType as d,withDefineType as c,useRender as m,useExpose as p,makeSlots as f}from"@fast-china/utils";import{isString as g,isNumber as w,isNull as v,isFunction as b}from"lodash-unified";import{FaTable as y}from"../../table/index.mjs";import{useVModel as h}from"@vueuse/core";import{FaDialog as S}from"../../dialog/index.mjs";const K={rowKey:{type:[String,Function],default:"id"},modelValue:[String,Number],label:String,placeholder:{type:String,default:"请选择"},disabled:Boolean,title:String,requestApi:{type:d(Function)},initParam:d([String,Number,Object]),labelKey:{type:String,default:"name"}},R={"update:modelValue":e=>g(e)||w(e)||v(e),"update:label":e=>g(e)||v(e),change:e=>g(e)||w(e)||v(e)},C=/* @__PURE__ */e({name:"FaInputDialogPage",props:K,emits:R,slots:f(),setup(e,{attrs:d,slots:f,emit:g,expose:w}){const v=h(e,"modelValue",g),K=h(e,"label",g),R=l({selectionRow:c()}),C=t(),k=t(),x=()=>{v.value=null,K.value=null,g("change",null)},V=()=>{C.value.open(()=>{if(R.selectionRow){k.value.selectedListIds.includes(b(e.rowKey)?e.rowKey(R.selectionRow):R.selectionRow[e.rowKey])||k.value.toggleRowSelection(R.selectionRow)}})},P=()=>{C.value.close(()=>{if(k.value.selected){const l=k.value.selectedList[0];v.value=l[b(e.rowKey)?e.rowKey(l):l[e.rowKey]],K.value=l[e.labelKey],g("change",l)}else v.value=null,K.value=null,g("change",null)})},j=e=>{k.value.clearSelection(),k.value.toggleRowSelection(e),R.selectionRow=e,P()};return m(()=>o("div",{class:"fa-input-dialog-page"},[o(a,{modelValue:K.value,"onUpdate:modelValue":e=>K.value=e,placeholder:e.placeholder,disabled:e.disabled,readonly:!0},{append:()=>o(n,null,{default:()=>[o(u,{disabled:e.disabled,icon:r,onClick:x},null),o(u,{disabled:e.disabled,icon:s,onClick:V},null)]})}),o(S,{ref:C,style:"--height: 70%;",width:"50%",title:e.title,fillHeight:!0,disabledConfirmButton:!k.value?.selected,onConfirmClick:P},{default:()=>[o(y,{ref:k,rowKey:e.rowKey,requestApi:e.requestApi,initParam:e.initParam,single:!0,rowClickSelection:!0,hideSearchTime:!0,exportBtn:!1,onRowDblclick:j},{default:()=>f.default&&f.default()})]})])),p(w,{selectionRow:i(()=>R.selectionRow),open:V,clear:x})}});export{C as default,R as faInputDialogPageEmits,K as faInputDialogPageProps};
+//# sourceMappingURL=inputDialogPage.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inputDialogPage.mjs","sources":["../../../../../packages/components/inputDialogPage/src/inputDialogPage.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, ref } from \"vue\";\nimport { ElButton, ElButtonGroup, ElInput } from \"element-plus\";\nimport { Delete, Search } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useRender, withDefineType } from \"@fast-china/utils\";\nimport { isFunction, isNull, isNumber, isString } from \"lodash-unified\";\nimport type { TableProps } from \"element-plus\";\nimport type { PropType } from \"vue\";\nimport { FaTable, type FaTableInstance, type PagedInput, type PagedResult } from \"@fast-element-plus/components/table\";\nimport { useVModel } from \"@vueuse/core\";\nimport FaDialog, { FaDialogInstance } from \"@fast-element-plus/components/dialog\";\n\nexport const faInputDialogPageProps = {\n\t/** @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used */\n\trowKey: {\n\t\ttype: [String, Function] as PropType<TableProps<any>[\"rowKey\"]>,\n\t\tdefault: \"id\",\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: [String, Number],\n\t/** @description v-model:label绑定值 */\n\tlabel: String,\n\t/** @description 输入框占位文本 */\n\tplaceholder: {\n\t\ttype: String,\n\t\tdefault: \"请选择\",\n\t},\n\t/** @description 禁用 */\n\tdisabled: Boolean,\n\t/** @description 标题 */\n\ttitle: String,\n\t/** @description 请求api */\n\trequestApi: {\n\t\ttype: definePropType<(params?: PagedInput) => Promise<PagedResult | any[]>>(Function),\n\t},\n\t/** 初始化参数 */\n\tinitParam: definePropType<string | number | any>([String, Number, Object]),\n\t/** @description 显示文本 Key */\n\tlabelKey: {\n\t\ttype: String,\n\t\tdefault: \"name\",\n\t},\n};\n\nexport const faInputDialogPageEmits = {\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | number) => isString(value) || isNumber(value) || isNull(value),\n\t/** @description v-model:label 回调 */\n\t\"update:label\": (value: string) => isString(value) || isNull(value),\n\t/** @description 改变 */\n\tchange: (value: string | number) => isString(value) || isNumber(value) || isNull(value),\n};\n\ntype FaInputDialogPageSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaInputDialogPage\",\n\tprops: faInputDialogPageProps,\n\temits: faInputDialogPageEmits,\n\tslots: makeSlots<FaInputDialogPageSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst modelValue = useVModel(props, \"modelValue\", emit);\n\t\tconst selectedLabel = useVModel(props, \"label\", emit);\n\n\t\tconst state = reactive({\n\t\t\tselectionRow: withDefineType<unknown>(),\n\t\t});\n\n\t\tconst faDialogRef = ref<FaDialogInstance>();\n\t\tconst faTableRef = ref<FaTableInstance>();\n\n\t\tconst handleDeleteClick = (): void => {\n\t\t\tmodelValue.value = null;\n\t\t\tselectedLabel.value = null;\n\t\t\temit(\"change\", null);\n\t\t};\n\n\t\tconst handleSearchClick = (): void => {\n\t\t\tfaDialogRef.value.open(() => {\n\t\t\t\tif (state.selectionRow) {\n\t\t\t\t\t// 判断当前行是否选中\n\t\t\t\t\tconst rowSelected = faTableRef.value.selectedListIds.includes(\n\t\t\t\t\t\tisFunction(props.rowKey) ? props.rowKey(state.selectionRow) : state.selectionRow[props.rowKey]\n\t\t\t\t\t);\n\t\t\t\t\tif (!rowSelected) {\n\t\t\t\t\t\tfaTableRef.value.toggleRowSelection(state.selectionRow);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tfaDialogRef.value.close(() => {\n\t\t\t\tif (faTableRef.value.selected) {\n\t\t\t\t\tconst selectedData = faTableRef.value.selectedList[0];\n\t\t\t\t\tmodelValue.value = selectedData[isFunction(props.rowKey) ? props.rowKey(selectedData) : selectedData[props.rowKey]];\n\t\t\t\t\tselectedLabel.value = selectedData[props.labelKey];\n\t\t\t\t\temit(\"change\", selectedData);\n\t\t\t\t} else {\n\t\t\t\t\tmodelValue.value = null;\n\t\t\t\t\tselectedLabel.value = null;\n\t\t\t\t\temit(\"change\", null);\n\t\t\t\t}\n\t\t\t});\n\t\t};\n\n\t\tconst handleTableRowDblclick = (row: any): void => {\n\t\t\tfaTableRef.value.clearSelection();\n\t\t\tfaTableRef.value.toggleRowSelection(row);\n\t\t\tstate.selectionRow = row;\n\t\t\thandleConfirmClick();\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<div class=\"fa-input-dialog-page\">\n\t\t\t\t<ElInput vModel={selectedLabel.value} placeholder={props.placeholder} disabled={props.disabled} readonly>\n\t\t\t\t\t{{\n\t\t\t\t\t\tappend: () => (\n\t\t\t\t\t\t\t<ElButtonGroup>\n\t\t\t\t\t\t\t\t<ElButton disabled={props.disabled} icon={Delete} onClick={handleDeleteClick} />\n\t\t\t\t\t\t\t\t<ElButton disabled={props.disabled} icon={Search} onClick={handleSearchClick} />\n\t\t\t\t\t\t\t</ElButtonGroup>\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t</ElInput>\n\t\t\t\t<FaDialog\n\t\t\t\t\tref={faDialogRef}\n\t\t\t\t\tstyle=\"--height: 70%;\"\n\t\t\t\t\twidth=\"50%\"\n\t\t\t\t\ttitle={props.title}\n\t\t\t\t\tfillHeight\n\t\t\t\t\tdisabledConfirmButton={!faTableRef.value?.selected}\n\t\t\t\t\tonConfirmClick={handleConfirmClick}\n\t\t\t\t>\n\t\t\t\t\t<FaTable\n\t\t\t\t\t\tref={faTableRef}\n\t\t\t\t\t\trowKey={props.rowKey}\n\t\t\t\t\t\trequestApi={props.requestApi}\n\t\t\t\t\t\tinitParam={props.initParam}\n\t\t\t\t\t\tsingle\n\t\t\t\t\t\trowClickSelection\n\t\t\t\t\t\thideSearchTime\n\t\t\t\t\t\texportBtn={false}\n\t\t\t\t\t\tonRowDblclick={handleTableRowDblclick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{{\n\t\t\t\t\t\t\tdefault: () => slots.default && slots.default(),\n\t\t\t\t\t\t}}\n\t\t\t\t\t</FaTable>\n\t\t\t\t</FaDialog>\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 选择行数据 */\n\t\t\tselectionRow: computed(() => state.selectionRow),\n\t\t\t/** @description 打开选择器弹窗 */\n\t\t\topen: handleSearchClick,\n\t\t\t/** @description 清除选择 */\n\t\t\tclear: handleDeleteClick,\n\t\t});\n\t},\n});\n"],"names":["faInputDialogPageProps","rowKey","type","String","Function","default","modelValue","Number","label","placeholder","disabled","Boolean","title","requestApi","definePropType","initParam","Object","labelKey","faInputDialogPageEmits","isString","value","isNumber","isNull","change","InputDialogPage","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","useVModel","selectedLabel","state","reactive","selectionRow","withDefineType","faDialogRef","ref","faTableRef","handleDeleteClick","handleSearchClick","open","selectedListIds","includes","isFunction","toggleRowSelection","handleConfirmClick","close","selected","selectedData","selectedList","handleTableRowDblclick","row","clearSelection","useRender","_createVNode","class","ElInput","$event","readonly","append","ElButtonGroup","ElButton","icon","Delete","onClick","Search","FaDialog","style","width","fillHeight","disabledConfirmButton","onConfirmClick","FaTable","single","rowClickSelection","hideSearchTime","exportBtn","onRowDblclick","useExpose","computed","clear"],"mappings":"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"}

package/es/components/layoutGrid/src/layoutGrid.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,ref as o,provide as s,computed as a,onMounted as t,nextTick as r,watch as l,onActivated as p,onUnmounted as n,onDeactivated as i,createVNode as u}from"vue";import{useRender as m,useExpose as c,makeSlots as d,definePropType as f}from"@fast-china/utils";import{isArray as v,isObject as b,isNumber as g}from"lodash-unified";const x=/* @__PURE__ */e({name:"FaLayoutGrid",props:{cols:{type:f([String,Number,Object]),default:()=>({xs:1,sm:2,md:3,lg:4,xl:5})},collapsed:Boolean,collapsedRows:{type:[String,Number],default:1},gap:{type:f([Number,Array]),default:0}},emits:{breakPointChange:({breakPoint:e})=>!0},slots:d(),setup(e,{slots:d,emit:f,expose:x}){const y=o();s("gap",v(e.gap)?e.gap[0]:e.gap);const h=o("xl");s("breakPoint",h);const w=o(-1);s("shouldHiddenIndex",w);const k=a(()=>b(e.cols)?e.cols[h.value]??e.cols:e.cols);s("cols",k);const N=g(e.collapsedRows)?e.collapsedRows:Number(e.collapsedRows),P={xs:{min:0,max:479},sm:{min:480,max:768},md:{min:768,max:1024},lg:{min:1024,max:1440},xl:{min:1440,max:1/0}},R=e=>{if(1!==e.length)throw new Error("未知的多个El");const o=e[0].target.scrollWidth;for(const[s,{min:a,max:t}]of Object.entries(P))if(o>=a&&o<=t){h.value=s;break}};let O=null;t(()=>{r(()=>{O=new ResizeObserver(R),O.observe(y.value)}),l(()=>h.value,e=>{f("breakPointChange",{breakPoint:e})},{immediate:!0})}),p(()=>{r(()=>{O=new ResizeObserver(R),O.observe(y.value)})}),n(()=>{O?.disconnect()}),i(()=>{O?.disconnect()});const $=a(()=>g(e.gap)?`${e.gap}px`:v(e.gap)?`${e.gap[1]}px ${e.gap[0]}px`:"unset"),j=a(()=>({display:"grid",gridGap:$.value,gridTemplateColumns:`repeat(${k.value}, minmax(0, 1fr))`}));return m(()=>{const o=d?.default()??[];if(e.collapsed){const e=[];let s=null;o.forEach(o=>{"object"==typeof o.type&&"FaLayoutGridItem"===o.type.name&&void 0!==o.props?.suffix&&(s=o),"symbol"==typeof o.type&&Array.isArray(o?.children)&&e.push(...o.children)});let a=0;s&&(a=(s.props[h.value]?.span??s.props?.span??1)+(s.props[h.value]?.offset??s.props?.offset??0));try{let o=!1;e.reduce((e=0,s,t)=>{if(e+=(s.props[h.value]?.span??s.props?.span??1)+(s.props[h.value]?.offset??s.props?.offset??0),Number(e)>N*Number(k.value)-a)throw w.value=t,o=!0,"find it";return e},0),o||(w.value=-1)}catch{}}else w.value=-1;return u("div",{ref:y,style:j.value},[o])}),c(x,{breakPoint:h})}});export{x as default};
+import{defineComponent as e,ref as s,provide as a,computed as o,onMounted as t,nextTick as r,watch as l,onActivated as p,onUnmounted as n,onDeactivated as i,createVNode as u}from"vue";import{useRender as m,useExpose as c,makeSlots as d,definePropType as f}from"@fast-china/utils";import{isArray as v,isObject as b,isNumber as g}from"lodash-unified";const x=/* @__PURE__ */e({name:"FaLayoutGrid",props:{cols:{type:f([String,Number,Object]),default:()=>({xs:1,sm:2,md:3,lg:4,xl:5})},collapsed:Boolean,collapsedRows:{type:[String,Number],default:1},gap:{type:f([Number,Array]),default:0}},emits:{breakPointChange:({breakPoint:e})=>!0},slots:d(),setup(e,{attrs:d,slots:f,emit:x,expose:y}){const h=s();a("gap",v(e.gap)?e.gap[0]:e.gap);const w=s("xl");a("breakPoint",w);const k=s(-1);a("shouldHiddenIndex",k);const N=o(()=>b(e.cols)?e.cols[w.value]??e.cols:e.cols);a("cols",N);const P=g(e.collapsedRows)?e.collapsedRows:Number(e.collapsedRows),R={xs:{min:0,max:479},sm:{min:480,max:768},md:{min:768,max:1024},lg:{min:1024,max:1440},xl:{min:1440,max:1/0}},O=e=>{if(1!==e.length)throw new Error("未知的多个El");const s=e[0].target.scrollWidth;for(const[a,{min:o,max:t}]of Object.entries(R))if(s>=o&&s<=t){w.value=a;break}};let $=null;t(()=>{r(()=>{$=new ResizeObserver(O),$.observe(h.value)}),l(()=>w.value,e=>{x("breakPointChange",{breakPoint:e})},{immediate:!0})}),p(()=>{r(()=>{$=new ResizeObserver(O),$.observe(h.value)})}),n(()=>{$?.disconnect()}),i(()=>{$?.disconnect()});const j=o(()=>g(e.gap)?`${e.gap}px`:v(e.gap)?`${e.gap[1]}px ${e.gap[0]}px`:"unset"),A=o(()=>({display:"grid",gridGap:j.value,gridTemplateColumns:`repeat(${N.value}, minmax(0, 1fr))`}));return m(()=>{const s=f?.default()??[];if(e.collapsed){const e=[];let a=null;s.forEach(s=>{"object"==typeof s.type&&"FaLayoutGridItem"===s.type.name&&void 0!==s.props?.suffix&&(a=s),"symbol"==typeof s.type&&Array.isArray(s?.children)&&e.push(...s.children)});let o=0;a&&(o=(a.props[w.value]?.span??a.props?.span??1)+(a.props[w.value]?.offset??a.props?.offset??0));try{let s=!1;e.reduce((e=0,a,t)=>{if(e+=(a.props[w.value]?.span??a.props?.span??1)+(a.props[w.value]?.offset??a.props?.offset??0),Number(e)>P*Number(N.value)-o)throw k.value=t,s=!0,"find it";return e},0),s||(k.value=-1)}catch{}}else k.value=-1;return u("div",{ref:h,style:A.value},[s])}),c(y,{breakPoint:w})}});export{x as default};
 //# sourceMappingURL=layoutGrid.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"layoutGrid.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGrid.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, provide, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport { isArray, isNumber, isObject } from \"lodash-unified\";\nimport type { FaLayoutGridBreakPoint } from \"./layoutGrid.type\";\nimport type { VNode, VNodeArrayChildren } from \"vue\";\n\ntype FaLayoutGridSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGrid\",\n\tprops: {\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: (): Record<FaLayoutGridBreakPoint, number> => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 5 }),\n\t\t},\n\t\t/** @description 折叠 */\n\t\tcollapsed: Boolean,\n\t\t/** @description 折叠行数 */\n\t\tcollapsedRows: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 1,\n\t\t},\n\t\t/** @description 间距，偏移 */\n\t\tgap: {\n\t\t\ttype: definePropType<number | [number, number]>([Number, Array]),\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 断点变化事件 */\n\t\tbreakPointChange: ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }) => true,\n\t},\n\tslots: makeSlots<FaLayoutGridSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst divElRef = ref<HTMLElement>();\n\n\t\t// 注入 gap 间距\n\t\tprovide(\"gap\", isArray(props.gap) ? props.gap[0] : props.gap);\n\n\t\t// 注入响应式断点\n\t\tconst breakPoint = ref<FaLayoutGridBreakPoint>(\"xl\");\n\t\tprovide(\"breakPoint\", breakPoint);\n\n\t\t// 注入要开始折叠的 index\n\t\tconst hiddenIndex = ref(-1);\n\t\tprovide(\"shouldHiddenIndex\", hiddenIndex);\n\n\t\t// 注入 cols\n\t\tconst cols = computed(() => {\n\t\t\tif (isObject(props.cols)) return props.cols[breakPoint.value] ?? props.cols;\n\t\t\treturn props.cols;\n\t\t});\n\t\tprovide(\"cols\", cols);\n\n\t\tconst collapsedRows = isNumber(props.collapsedRows) ? props.collapsedRows : Number(props.collapsedRows);\n\n\t\t// 断点映射\n\t\tconst breakpoints = {\n\t\t\t// 小于480屏幕（如手机）\n\t\t\txs: { min: 0, max: 479 },\n\t\t\t// 平板竖屏\n\t\t\tsm: { min: 480, max: 768 },\n\t\t\t// 平板横屏\n\t\t\tmd: { min: 768, max: 1024 },\n\t\t\t// 小型桌面\n\t\t\tlg: { min: 1024, max: 1440 },\n\t\t\t// 大型桌面\n\t\t\txl: { min: 1440, max: Infinity },\n\t\t};\n\n\t\t// 监听屏幕变化\n\t\tconst resize = (e: ResizeObserverEntry[]): void => {\n\t\t\t// 这里肯定只有一个\n\t\t\tif (e.length !== 1) throw new Error(\"未知的多个El\");\n\t\t\tconst curEl = e[0];\n\t\t\tconst width = curEl.target.scrollWidth;\n\n\t\t\tfor (const [key, { min, max }] of Object.entries(breakpoints)) {\n\t\t\t\tif (width >= min && width <= max) {\n\t\t\t\t\tbreakPoint.value = key as FaLayoutGridBreakPoint;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tlet resizeObserver: ResizeObserver = null;\n\n\t\tonMounted(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\n\t\t\t// 断点变化时 执行 findIndex\n\t\t\twatch(\n\t\t\t\t() => breakPoint.value,\n\t\t\t\t(newValue) => {\n\t\t\t\t\temit(\"breakPointChange\", { breakPoint: newValue });\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timmediate: true,\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\tonActivated(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\tonDeactivated(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\t// 设置间距\n\t\tconst gap = computed(() => {\n\t\t\tif (isNumber(props.gap)) return `${props.gap}px`;\n\t\t\tif (isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;\n\t\t\treturn \"unset\";\n\t\t});\n\n\t\t// 设置 style\n\t\tconst style = computed(() => {\n\t\t\treturn {\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridGap: gap.value,\n\t\t\t\tgridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`,\n\t\t\t};\n\t\t});\n\n\t\tuseRender(() => {\n\t\t\tconst defaultSlot = slots?.default() ?? [];\n\n\t\t\tif (props.collapsed) {\n\t\t\t\tconst fields: VNodeArrayChildren = [];\n\t\t\t\tlet suffix: VNode = null;\n\n\t\t\t\tdefaultSlot.forEach((slot: any) => {\n\t\t\t\t\t// suffix\n\t\t\t\t\tif (typeof slot.type === \"object\" && slot.type.name === \"FaLayoutGridItem\" && slot.props?.suffix !== undefined) suffix = slot;\n\t\t\t\t\t// slot children\n\t\t\t\t\tif (typeof slot.type === \"symbol\" && Array.isArray(slot?.children)) fields.push(...slot.children);\n\t\t\t\t});\n\n\t\t\t\t// 计算 suffix 所占用的列\n\t\t\t\tlet suffixCols = 0;\n\t\t\t\tif (suffix) {\n\t\t\t\t\tsuffixCols =\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) +\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tlet find = false;\n\t\t\t\t\tfields.reduce((prev = 0, current, index) => {\n\t\t\t\t\t\tprev +=\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.span ?? (current as VNode).props?.span ?? 1) +\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.offset ?? (current as VNode).props?.offset ?? 0);\n\t\t\t\t\t\tif (Number(prev) > collapsedRows * Number(cols.value) - suffixCols) {\n\t\t\t\t\t\t\thiddenIndex.value = index;\n\t\t\t\t\t\t\tfind = true;\n\t\t\t\t\t\t\tthrow \"find it\";\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t}, 0);\n\t\t\t\t\tif (!find) hiddenIndex.value = -1;\n\t\t\t\t} catch {}\n\t\t\t} else {\n\t\t\t\thiddenIndex.value = -1;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div ref={divElRef} style={style.value}>\n\t\t\t\t\t{defaultSlot}\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 响应式断点 */\n\t\t\tbreakPoint,\n\t\t});\n\t},\n});\n"],"names":["LayoutGrid","name","props","cols","type","definePropType","String","Number","Object","default","xs","sm","md","lg","xl","collapsed","Boolean","collapsedRows","gap","Array","emits","breakPointChange","breakPoint","slots","makeSlots","setup","emit","expose","divElRef","ref","provide","isArray","hiddenIndex","computed","isObject","value","isNumber","breakpoints","min","max","Infinity","resize","e","length","Error","width","target","scrollWidth","key","entries","resizeObserver","onMounted","nextTick","ResizeObserver","observe","watch","newValue","immediate","onActivated","onUnmounted","disconnect","onDeactivated","style","display","gridGap","gridTemplateColumns","useRender","defaultSlot","fields","suffix","forEach","slot","undefined","children","push","suffixCols","span","offset","find","reduce","prev","current","index","_createVNode","useExpose"],"mappings":"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"}
+{"version":3,"file":"layoutGrid.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGrid.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, provide, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport { isArray, isNumber, isObject } from \"lodash-unified\";\nimport type { FaLayoutGridBreakPoint } from \"./layoutGrid.type\";\nimport type { VNode, VNodeArrayChildren } from \"vue\";\n\ntype FaLayoutGridSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGrid\",\n\tprops: {\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: (): Record<FaLayoutGridBreakPoint, number> => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 5 }),\n\t\t},\n\t\t/** @description 折叠 */\n\t\tcollapsed: Boolean,\n\t\t/** @description 折叠行数 */\n\t\tcollapsedRows: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 1,\n\t\t},\n\t\t/** @description 间距，偏移 */\n\t\tgap: {\n\t\t\ttype: definePropType<number | [number, number]>([Number, Array]),\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 断点变化事件 */\n\t\tbreakPointChange: ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }) => true,\n\t},\n\tslots: makeSlots<FaLayoutGridSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst divElRef = ref<HTMLElement>();\n\n\t\t// 注入 gap 间距\n\t\tprovide(\"gap\", isArray(props.gap) ? props.gap[0] : props.gap);\n\n\t\t// 注入响应式断点\n\t\tconst breakPoint = ref<FaLayoutGridBreakPoint>(\"xl\");\n\t\tprovide(\"breakPoint\", breakPoint);\n\n\t\t// 注入要开始折叠的 index\n\t\tconst hiddenIndex = ref(-1);\n\t\tprovide(\"shouldHiddenIndex\", hiddenIndex);\n\n\t\t// 注入 cols\n\t\tconst cols = computed(() => {\n\t\t\tif (isObject(props.cols)) return props.cols[breakPoint.value] ?? props.cols;\n\t\t\treturn props.cols;\n\t\t});\n\t\tprovide(\"cols\", cols);\n\n\t\tconst collapsedRows = isNumber(props.collapsedRows) ? props.collapsedRows : Number(props.collapsedRows);\n\n\t\t// 断点映射\n\t\tconst breakpoints = {\n\t\t\t// 小于480屏幕（如手机）\n\t\t\txs: { min: 0, max: 479 },\n\t\t\t// 平板竖屏\n\t\t\tsm: { min: 480, max: 768 },\n\t\t\t// 平板横屏\n\t\t\tmd: { min: 768, max: 1024 },\n\t\t\t// 小型桌面\n\t\t\tlg: { min: 1024, max: 1440 },\n\t\t\t// 大型桌面\n\t\t\txl: { min: 1440, max: Infinity },\n\t\t};\n\n\t\t// 监听屏幕变化\n\t\tconst resize = (e: ResizeObserverEntry[]): void => {\n\t\t\t// 这里肯定只有一个\n\t\t\tif (e.length !== 1) throw new Error(\"未知的多个El\");\n\t\t\tconst curEl = e[0];\n\t\t\tconst width = curEl.target.scrollWidth;\n\n\t\t\tfor (const [key, { min, max }] of Object.entries(breakpoints)) {\n\t\t\t\tif (width >= min && width <= max) {\n\t\t\t\t\tbreakPoint.value = key as FaLayoutGridBreakPoint;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tlet resizeObserver: ResizeObserver = null;\n\n\t\tonMounted(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\n\t\t\t// 断点变化时 执行 findIndex\n\t\t\twatch(\n\t\t\t\t() => breakPoint.value,\n\t\t\t\t(newValue) => {\n\t\t\t\t\temit(\"breakPointChange\", { breakPoint: newValue });\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timmediate: true,\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\tonActivated(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\tonDeactivated(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\t// 设置间距\n\t\tconst gap = computed(() => {\n\t\t\tif (isNumber(props.gap)) return `${props.gap}px`;\n\t\t\tif (isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;\n\t\t\treturn \"unset\";\n\t\t});\n\n\t\t// 设置 style\n\t\tconst style = computed(() => {\n\t\t\treturn {\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridGap: gap.value,\n\t\t\t\tgridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`,\n\t\t\t};\n\t\t});\n\n\t\tuseRender(() => {\n\t\t\tconst defaultSlot = slots?.default() ?? [];\n\n\t\t\tif (props.collapsed) {\n\t\t\t\tconst fields: VNodeArrayChildren = [];\n\t\t\t\tlet suffix: VNode = null;\n\n\t\t\t\tdefaultSlot.forEach((slot: any) => {\n\t\t\t\t\t// suffix\n\t\t\t\t\tif (typeof slot.type === \"object\" && slot.type.name === \"FaLayoutGridItem\" && slot.props?.suffix !== undefined) suffix = slot;\n\t\t\t\t\t// slot children\n\t\t\t\t\tif (typeof slot.type === \"symbol\" && Array.isArray(slot?.children)) fields.push(...slot.children);\n\t\t\t\t});\n\n\t\t\t\t// 计算 suffix 所占用的列\n\t\t\t\tlet suffixCols = 0;\n\t\t\t\tif (suffix) {\n\t\t\t\t\tsuffixCols =\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) +\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tlet find = false;\n\t\t\t\t\tfields.reduce((prev = 0, current, index) => {\n\t\t\t\t\t\tprev +=\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.span ?? (current as VNode).props?.span ?? 1) +\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.offset ?? (current as VNode).props?.offset ?? 0);\n\t\t\t\t\t\tif (Number(prev) > collapsedRows * Number(cols.value) - suffixCols) {\n\t\t\t\t\t\t\thiddenIndex.value = index;\n\t\t\t\t\t\t\tfind = true;\n\t\t\t\t\t\t\tthrow \"find it\";\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t}, 0);\n\t\t\t\t\tif (!find) hiddenIndex.value = -1;\n\t\t\t\t} catch {}\n\t\t\t} else {\n\t\t\t\thiddenIndex.value = -1;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div ref={divElRef} style={style.value}>\n\t\t\t\t\t{defaultSlot}\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 响应式断点 */\n\t\t\tbreakPoint,\n\t\t});\n\t},\n});\n"],"names":["LayoutGrid","name","props","cols","type","definePropType","String","Number","Object","default","xs","sm","md","lg","xl","collapsed","Boolean","collapsedRows","gap","Array","emits","breakPointChange","breakPoint","slots","makeSlots","setup","attrs","emit","expose","divElRef","ref","provide","isArray","hiddenIndex","computed","isObject","value","isNumber","breakpoints","min","max","Infinity","resize","e","length","Error","width","target","scrollWidth","key","entries","resizeObserver","onMounted","nextTick","ResizeObserver","observe","watch","newValue","immediate","onActivated","onUnmounted","disconnect","onDeactivated","style","display","gridGap","gridTemplateColumns","useRender","defaultSlot","fields","suffix","forEach","slot","undefined","children","push","suffixCols","span","offset","find","reduce","prev","current","index","_createVNode","useExpose"],"mappings":"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"}

package/es/components/layoutGrid/src/layoutGridItem.d.ts

@@ -6,12 +6,12 @@ type FaLayoutGridItemSlots = {
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** @description 偏移 */
     offset: {
-        type: NumberConstructor;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     /** @description 占位 */
     span: {
-        type: NumberConstructor;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     /** @description 后缀 */
@@ -49,12 +49,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** @description 偏移 */
     offset: {
-        type: NumberConstructor;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     /** @description 占位 */
     span: {
-        type: NumberConstructor;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     /** @description 后缀 */
@@ -88,8 +88,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: FaLayoutGridItemResponsive;
     };
 }>> & Readonly<{}>, {
-    span: number;
-    offset: number;
+    span: string | number;
+    offset: string | number;
     xs: FaLayoutGridItemResponsive;
     sm: FaLayoutGridItemResponsive;
     md: FaLayoutGridItemResponsive;

package/es/components/layoutGrid/src/layoutGridItem.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,reactive as t,inject as a,ref as s,watch as u,computed as l,withDirectives as o,createVNode as d,vShow as n}from"vue";import{useRender as f,useExpose as i,makeSlots as p,definePropType as r}from"@fast-china/utils";const m=/* @__PURE__ */e({name:"FaLayoutGridItem",props:{offset:{type:Number,default:0},span:{type:Number,default:1},suffix:{type:Boolean,default:!1},xs:{type:r(Object),default:void 0},sm:{type:r(Object),default:void 0},md:{type:r(Object),default:void 0},lg:{type:r(Object),default:void 0},xl:{type:r(Object),default:void 0}},slots:p(),setup(e,{attrs:p,slots:r,emit:m,expose:v}){const c=t({show:!0}),x=p,y=a("breakPoint",s("xl")),b=a("shouldHiddenIndex",s(-1));u(()=>[b.value,y.value],e=>{~~x.index&&(c.show=!(-1!==e[0]&&parseInt(x.index)>=Number(e[0])))},{immediate:!0});const $=a("gap",0),g=a("cols",s(5)),h=l(()=>{const t=e[y.value],a=t?.span??e.span,s=t?.offset??e.offset;return e.suffix?{gridColumnStart:g.value-a-s+1,gridColumnEnd:`span ${a+s}`,marginLeft:0!==s?`calc(((100% + ${$}px) / ${a+s}) * ${s})`:"unset"}:{gridColumn:`span ${a+s>g.value?g.value:a+s}/span ${a+s>g.value?g.value:a+s}`,marginLeft:0!==s?`calc(((100% + ${$}px) / ${a+s}) * ${s})`:"unset"}});return f(()=>o(d("div",{style:h.value},[r.default&&r.default()]),[[n,c.show]])),i(v,{show:c.show})}});export{m as default};
+import{defineComponent as e,reactive as t,inject as a,ref as s,watch as o,computed as u,withDirectives as l,createVNode as n,vShow as d}from"vue";import{useRender as f,useExpose as i,makeSlots as r,definePropType as p}from"@fast-china/utils";import{isNumber as m}from"lodash-unified";const v=/* @__PURE__ */e({name:"FaLayoutGridItem",props:{offset:{type:[String,Number],default:0},span:{type:[String,Number],default:1},suffix:{type:Boolean,default:!1},xs:{type:p(Object),default:void 0},sm:{type:p(Object),default:void 0},md:{type:p(Object),default:void 0},lg:{type:p(Object),default:void 0},xl:{type:p(Object),default:void 0}},slots:r(),setup(e,{attrs:r,slots:p,emit:v,expose:c}){const x=t({show:!0}),b=r,y=a("breakPoint",s("xl")),g=a("shouldHiddenIndex",s(-1));o(()=>[g.value,y.value],e=>{~~b.index&&(x.show=!(-1!==e[0]&&parseInt(b.index)>=Number(e[0])))},{immediate:!0});const $=a("gap",0),h=a("cols",s(5)),j=u(()=>{const t=e[y.value],a=t?.span??(m(e.span)?e.span:Number(e.span)),s=t?.offset??(m(e.offset)?e.offset:Number(e.offset));return e.suffix?{gridColumnStart:h.value-a-s+1,gridColumnEnd:`span ${a+s}`,marginLeft:0!==s?`calc(((100% + ${$}px) / ${a+s}) * ${s})`:"unset"}:{gridColumn:`span ${a+s>h.value?h.value:a+s}/span ${a+s>h.value?h.value:a+s}`,marginLeft:0!==s?`calc(((100% + ${$}px) / ${a+s}) * ${s})`:"unset"}});return f(()=>l(n("div",{style:j.value},[p.default&&p.default()]),[[d,x.show]])),i(c,{show:x.show})}});export{v as default};
 //# sourceMappingURL=layoutGridItem.mjs.map

package/es/components/layoutGrid/src/layoutGridItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"layoutGridItem.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGridItem.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport type { FaLayoutGridItemResponsive } from \"./layoutGrid.type\";\nimport type { FaLayoutGridBreakPoint } from \"@fast-element-plus/components/layoutGrid\";\nimport type { Ref } from \"vue\";\n\ntype FaLayoutGridItemSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGridItem\",\n\tprops: {\n\t\t/** @description 偏移 */\n\t\toffset: { type: Number, default: 0 },\n\t\t/** @description 占位 */\n\t\tspan: { type: Number, default: 1 },\n\t\t/** @description 后缀 */\n\t\tsuffix: { type: Boolean, default: false },\n\t\t/** @description 响应式，小于480px屏幕配置 */\n\t\txs: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板竖屏配置 */\n\t\tsm: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板横屏配置 */\n\t\tmd: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，小型桌面配置 */\n\t\tlg: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，大型桌面配置 */\n\t\txl: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t},\n\tslots: makeSlots<FaLayoutGridItemSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tshow: true,\n\t\t});\n\n\t\tconst attrsObj = attrs as any;\n\n\t\t// 注入断点\n\t\tconst breakPoint = inject<Ref<FaLayoutGridBreakPoint>>(\"breakPoint\", ref(\"xl\"));\n\t\tconst shouldHiddenIndex = inject<Ref<number>>(\"shouldHiddenIndex\", ref(-1));\n\n\t\twatch(\n\t\t\t() => [shouldHiddenIndex.value, breakPoint.value],\n\t\t\t(n) => {\n\t\t\t\tif (~~attrsObj.index) {\n\t\t\t\t\tstate.show = !(n[0] !== -1 && parseInt(attrsObj.index) >= Number(n[0]));\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t);\n\n\t\tconst gap = inject(\"gap\", 0);\n\t\tconst cols = inject<Ref<number>>(\"cols\", ref(5));\n\n\t\tconst style = computed(() => {\n\t\t\tconst breakPointObk = props[breakPoint.value] as FaLayoutGridItemResponsive;\n\t\t\tconst span = breakPointObk?.span ?? props.span;\n\t\t\tconst offset = breakPointObk?.offset ?? props.offset;\n\t\t\tif (props.suffix) {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumnStart: cols.value - span - offset + 1,\n\t\t\t\t\tgridColumnEnd: `span ${span + offset}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${\n\t\t\t\t\t\tspan + offset > cols.value ? cols.value : span + offset\n\t\t\t\t\t}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<div style={style.value} vShow={state.show}>\n\t\t\t\t{slots.default && slots.default()}\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\tshow: state.show,\n\t\t});\n\t},\n});\n"],"names":["LayoutGridItem","name","props","offset","type","Number","default","span","suffix","Boolean","xs","definePropType","Object","undefined","sm","md","lg","xl","slots","makeSlots","setup","attrs","emit","expose","state","reactive","show","attrsObj","breakPoint","inject","ref","shouldHiddenIndex","watch","value","n","index","parseInt","immediate","gap","cols","style","computed","breakPointObk","gridColumnStart","gridColumnEnd","marginLeft","gridColumn","useRender","_withDirectives","_createVNode","_vShow","useExpose"],"mappings":"kPAWA,MAAAA,mBAA+B,CAC9BC,KAAM,mBACNC,MAAO,CAENC,OAAQ,CAAEC,KAAMC,OAAQC,QAAS,GAEjCC,KAAM,CAAEH,KAAMC,OAAQC,QAAS,GAE/BE,OAAQ,CAAEJ,KAAMK,QAASH,SAAS,GAElCI,GAAI,CACHN,KAAMO,EAA2CC,QACjDN,aAASO,GAGVC,GAAI,CACHV,KAAMO,EAA2CC,QACjDN,aAASO,GAGVE,GAAI,CACHX,KAAMO,EAA2CC,QACjDN,aAASO,GAGVG,GAAI,CACHZ,KAAMO,EAA2CC,QACjDN,aAASO,GAGVI,GAAI,CACHb,KAAMO,EAA2CC,QACjDN,aAASO,IAGXK,MAAOC,IACPC,KAAAA,CAAMlB,GAAOmB,MAAEA,EAAAA,MAAOH,EAAAA,KAAOI,EAAAA,OAAMC,IAClC,MAAMC,EAAQC,EAAS,CACtBC,MAAM,IAGDC,EAAWN,EAGXO,EAAaC,EAAoC,aAAcC,EAAI,OACnEC,EAAoBF,EAAoB,oBAAqBC,OAEnEE,EACC,IAAM,CAACD,EAAkBE,MAAOL,EAAWK,OAC1CC,MACMP,EAASQ,QACdX,EAAME,QAAkB,IAATQ,EAAE,IAAaE,SAAST,EAASQ,QAAU9B,OAAO6B,EAAE,OAGrE,CAAEG,WAAW,IAGd,MAAMC,EAAMT,EAAO,MAAO,GACpBU,EAAOV,EAAoB,OAAQC,EAAI,IAEvCU,EAAQC,EAAS,KACtB,MAAMC,EAAgBxC,EAAM0B,EAAWK,OACjC1B,EAAOmC,GAAenC,MAAQL,EAAMK,KACpCJ,EAASuC,GAAevC,QAAUD,EAAMC,OAC9C,OAAID,EAAMM,OACF,CACNmC,gBAAiBJ,EAAKN,MAAQ1B,EAAOJ,EAAS,EAC9CyC,cAAe,QAAQrC,EAAOJ,IAC9B0C,WAAuB,IAAX1C,EAAe,iBAAiBmC,UAAY/B,EAAOJ,QAAaA,KAAY,SAGlF,CACN2C,WAAY,QAAQvC,EAAOJ,EAASoC,EAAKN,MAAQM,EAAKN,MAAQ1B,EAAOJ,UACpEI,EAAOJ,EAASoC,EAAKN,MAAQM,EAAKN,MAAQ1B,EAAOJ,IAElD0C,WAAuB,IAAX1C,EAAe,iBAAiBmC,UAAY/B,EAAOJ,QAAaA,KAAY,WAW3F,OANA4C,EAAU,IAAAC,EAAAC,EAAA,MAAA,CAAAT,MACGA,EAAMP,OAAK,CACrBf,EAAMZ,SAAWY,EAAMZ,YAAS,CAAA,CAAA4C,EADF1B,EAAME,SAKhCyB,EAAU5B,EAAQ,CACxBG,KAAMF,EAAME,MAEd"}
+{"version":3,"file":"layoutGridItem.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGridItem.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport type { FaLayoutGridItemResponsive } from \"./layoutGrid.type\";\nimport type { FaLayoutGridBreakPoint } from \"@fast-element-plus/components/layoutGrid\";\nimport type { Ref } from \"vue\";\nimport { isNumber } from \"lodash-unified\";\n\ntype FaLayoutGridItemSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGridItem\",\n\tprops: {\n\t\t/** @description 偏移 */\n\t\toffset: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 0,\n\t\t},\n\t\t/** @description 占位 */\n\t\tspan: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 1,\n\t\t},\n\t\t/** @description 后缀 */\n\t\tsuffix: { type: Boolean, default: false },\n\t\t/** @description 响应式，小于480px屏幕配置 */\n\t\txs: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板竖屏配置 */\n\t\tsm: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板横屏配置 */\n\t\tmd: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，小型桌面配置 */\n\t\tlg: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，大型桌面配置 */\n\t\txl: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t},\n\tslots: makeSlots<FaLayoutGridItemSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tshow: true,\n\t\t});\n\n\t\tconst attrsObj = attrs as any;\n\n\t\t// 注入断点\n\t\tconst breakPoint = inject<Ref<FaLayoutGridBreakPoint>>(\"breakPoint\", ref(\"xl\"));\n\t\tconst shouldHiddenIndex = inject<Ref<number>>(\"shouldHiddenIndex\", ref(-1));\n\n\t\twatch(\n\t\t\t() => [shouldHiddenIndex.value, breakPoint.value],\n\t\t\t(n) => {\n\t\t\t\tif (~~attrsObj.index) {\n\t\t\t\t\tstate.show = !(n[0] !== -1 && parseInt(attrsObj.index) >= Number(n[0]));\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t);\n\n\t\tconst gap = inject(\"gap\", 0);\n\t\tconst cols = inject<Ref<number>>(\"cols\", ref(5));\n\n\t\tconst style = computed(() => {\n\t\t\tconst breakPointObk = props[breakPoint.value] as FaLayoutGridItemResponsive;\n\t\t\tconst span = breakPointObk?.span ?? (isNumber(props.span) ? props.span : Number(props.span));\n\t\t\tconst offset = breakPointObk?.offset ?? (isNumber(props.offset) ? props.offset : Number(props.offset));\n\t\t\tif (props.suffix) {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumnStart: cols.value - span - offset + 1,\n\t\t\t\t\tgridColumnEnd: `span ${span + offset}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${\n\t\t\t\t\t\tspan + offset > cols.value ? cols.value : span + offset\n\t\t\t\t\t}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<div style={style.value} vShow={state.show}>\n\t\t\t\t{slots.default && slots.default()}\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\tshow: state.show,\n\t\t});\n\t},\n});\n"],"names":["LayoutGridItem","name","props","offset","type","String","Number","default","span","suffix","Boolean","xs","definePropType","Object","undefined","sm","md","lg","xl","slots","makeSlots","setup","attrs","emit","expose","state","reactive","show","attrsObj","breakPoint","inject","ref","shouldHiddenIndex","watch","value","n","index","parseInt","immediate","gap","cols","style","computed","breakPointObk","isNumber","gridColumnStart","gridColumnEnd","marginLeft","gridColumn","useRender","_withDirectives","_createVNode","_vShow","useExpose"],"mappings":"4RAYA,MAAAA,mBAA+B,CAC9BC,KAAM,mBACNC,MAAO,CAENC,OAAQ,CACPC,KAAM,CAACC,OAAQC,QACfC,QAAS,GAGVC,KAAM,CACLJ,KAAM,CAACC,OAAQC,QACfC,QAAS,GAGVE,OAAQ,CAAEL,KAAMM,QAASH,SAAS,GAElCI,GAAI,CACHP,KAAMQ,EAA2CC,QACjDN,aAASO,GAGVC,GAAI,CACHX,KAAMQ,EAA2CC,QACjDN,aAASO,GAGVE,GAAI,CACHZ,KAAMQ,EAA2CC,QACjDN,aAASO,GAGVG,GAAI,CACHb,KAAMQ,EAA2CC,QACjDN,aAASO,GAGVI,GAAI,CACHd,KAAMQ,EAA2CC,QACjDN,aAASO,IAGXK,MAAOC,IACPC,KAAAA,CAAMnB,GAAOoB,MAAEA,EAAAA,MAAOH,EAAAA,KAAOI,EAAAA,OAAMC,IAClC,MAAMC,EAAQC,EAAS,CACtBC,MAAM,IAGDC,EAAWN,EAGXO,EAAaC,EAAoC,aAAcC,EAAI,OACnEC,EAAoBF,EAAoB,oBAAqBC,OAEnEE,EACC,IAAM,CAACD,EAAkBE,MAAOL,EAAWK,OAC1CC,MACMP,EAASQ,QACdX,EAAME,QAAkB,IAATQ,EAAE,IAAaE,SAAST,EAASQ,QAAU9B,OAAO6B,EAAE,OAGrE,CAAEG,WAAW,IAGd,MAAMC,EAAMT,EAAO,MAAO,GACpBU,EAAOV,EAAoB,OAAQC,EAAI,IAEvCU,EAAQC,EAAS,KACtB,MAAMC,EAAgBzC,EAAM2B,EAAWK,OACjC1B,EAAOmC,GAAenC,OAASoC,EAAS1C,EAAMM,MAAQN,EAAMM,KAAOF,OAAOJ,EAAMM,OAChFL,EAASwC,GAAexC,SAAWyC,EAAS1C,EAAMC,QAAUD,EAAMC,OAASG,OAAOJ,EAAMC,SAC9F,OAAID,EAAMO,OACF,CACNoC,gBAAiBL,EAAKN,MAAQ1B,EAAOL,EAAS,EAC9C2C,cAAe,QAAQtC,EAAOL,IAC9B4C,WAAuB,IAAX5C,EAAe,iBAAiBoC,UAAY/B,EAAOL,QAAaA,KAAY,SAGlF,CACN6C,WAAY,QAAQxC,EAAOL,EAASqC,EAAKN,MAAQM,EAAKN,MAAQ1B,EAAOL,UACpEK,EAAOL,EAASqC,EAAKN,MAAQM,EAAKN,MAAQ1B,EAAOL,IAElD4C,WAAuB,IAAX5C,EAAe,iBAAiBoC,UAAY/B,EAAOL,QAAaA,KAAY,WAW3F,OANA8C,EAAU,IAAAC,EAAAC,EAAA,MAAA,CAAAV,MACGA,EAAMP,OAAK,CACrBf,EAAMZ,SAAWY,EAAMZ,YAAS,CAAA,CAAA6C,EADF3B,EAAME,SAKhC0B,EAAU7B,EAAQ,CACxBG,KAAMF,EAAME,MAEd"}

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

@@ -241,6 +241,11 @@ export type SelectComponentProps = {
     children?: string;
 };
 export declare const faSelectProps: {
+    /** @description whether Select is disabled 重载使其支持 ElForm*/
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
     /** @description displayed text while loading data from server, default is 'Loading' */
     loadingText: {
         type: StringConstructor;
@@ -349,10 +354,6 @@ export declare const faSelectProps: {
         type: import('vue').PropType<string | (string & {})>;
         default: string;
     };
-    /**
-     * @description whether Select is disabled
-     */
-    disabled: BooleanConstructor;
     /**
      * @description whether select can be cleared
      */
@@ -521,16 +522,15 @@ export declare const faSelectEmits: {
     dataChangeCallBack: (data: ElSelectorOutput[] | any[]) => boolean;
     /** @description 改变 */
     change: (data: ElSelectorOutput | ElSelectorOutput[] | any | any[], value?: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
-    /** @description 下拉框出现/隐藏时触发 */
-    visibleChange: (visible: boolean) => boolean;
-    /** @description 多选模式下移除tag时触发 */
-    removeTag: (tagValue: any) => boolean;
-    /** @description 可清空的单选模式下用户点击清空按钮时触发 */
+    'popup-scroll': ({ scrollTop, scrollLeft, }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+    'remove-tag': (val: unknown) => boolean;
+    'visible-change': (visible: boolean) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
     clear: () => boolean;
-    /** @description 当 input 失去焦点时触发 */
-    blur: (event: FocusEvent) => boolean;
-    /** @description 当 input 获得焦点时触发 */
-    focus: (event: FocusEvent) => boolean;
 };
 type FaSelectSlots = {
     /** @description FaSelectOption 默认内容插槽 */
@@ -554,6 +554,11 @@ type FaSelectSlots = {
     };
 };
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description whether Select is disabled 重载使其支持 ElForm*/
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
     /** @description displayed text while loading data from server, default is 'Loading' */
     loadingText: {
         type: StringConstructor;
@@ -662,10 +667,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string | (string & {})>;
         default: string;
     };
-    /**
-     * @description whether Select is disabled
-     */
-    disabled: BooleanConstructor;
     /**
      * @description whether select can be cleared
      */
@@ -848,17 +849,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     dataChangeCallBack: (data: ElSelectorOutput[] | any[]) => boolean;
     /** @description 改变 */
     change: (data: ElSelectorOutput | ElSelectorOutput[] | any | any[], value?: string | number | boolean | object | (string | number | boolean | object)[]) => boolean;
-    /** @description 下拉框出现/隐藏时触发 */
-    visibleChange: (visible: boolean) => boolean;
-    /** @description 多选模式下移除tag时触发 */
-    removeTag: (tagValue: any) => boolean;
-    /** @description 可清空的单选模式下用户点击清空按钮时触发 */
+    'popup-scroll': ({ scrollTop, scrollLeft, }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+    'remove-tag': (val: unknown) => boolean;
+    'visible-change': (visible: boolean) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
     clear: () => boolean;
-    /** @description 当 input 失去焦点时触发 */
-    blur: (event: FocusEvent) => boolean;
-    /** @description 当 input 获得焦点时触发 */
-    focus: (event: FocusEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description whether Select is disabled 重载使其支持 ElForm*/
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
     /** @description displayed text while loading data from server, default is 'Loading' */
     loadingText: {
         type: StringConstructor;
@@ -967,10 +972,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string | (string & {})>;
         default: string;
     };
-    /**
-     * @description whether Select is disabled
-     */
-    disabled: BooleanConstructor;
     /**
      * @description whether select can be cleared
      */
@@ -1133,8 +1134,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClear?: () => any;
     "onUpdate:modelValue"?: (value: string | number | boolean | object | (string | number | boolean | object)[]) => any;
     onChange?: (data: any, value?: string | number | boolean | object | (string | number | boolean | object)[]) => any;
-    onFocus?: (event: FocusEvent) => any;
-    onBlur?: (event: FocusEvent) => any;
+    onFocus?: (evt: FocusEvent) => any;
+    onBlur?: (evt: FocusEvent) => any;
     "onUpdate:label"?: (value: string | string[]) => any;
     onDataChangeCallBack?: (data: any[] | {
         [key: string]: any;
@@ -1145,8 +1146,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         disabled?: boolean;
         children?: /*elided*/ any[];
     }[]) => any;
-    onVisibleChange?: (visible: boolean) => any;
-    onRemoveTag?: (tagValue: any) => any;
+    "onPopup-scroll"?: (args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any;
+    "onRemove-tag"?: (val: unknown) => any;
+    "onVisible-change"?: (visible: boolean) => any;
 }>, {
     props: SelectComponentProps;
     data: {

package/es/components/select/src/select.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,reactive as l,ref as a,watch as t,onMounted as o,createVNode as i,mergeProps as r,computed as n}from"vue";import{useAriaProps as u,useEmptyValuesProps as d,tagProps as p,useTooltipContentProps as s,useSizeProp as c,ElSelect as f}from"element-plus";import{ArrowDown as m,CircleClose as g}from"@element-plus/icons-vue";import{definePropType as b,withDefineType as h,consoleError as v,useProps as y,useRender as S,addUnit as B,useExpose as D,makeSlots as x}from"@fast-china/utils";import{useVModel as T}from"@vueuse/core";import{isString as V,isNumber as w,isBoolean as C,isObject as F,isArray as A,isNull as O,isFunction as j,isNil as L,isEqual as N}from"lodash-unified";import q from"./selectOption.mjs";const R={name:String,id:String,modelValue:{type:[Array,String,Number,Boolean,Object],default:void 0},autocomplete:{type:String,default:"off"},automaticDropdown:Boolean,size:c,effect:{type:b(String),default:"light"},disabled:Boolean,clearable:Boolean,filterable:Boolean,allowCreate:Boolean,loading:Boolean,popperClass:{type:String,default:""},popperOptions:{type:b(Object),default:()=>({})},remote:Boolean,loadingText:String,noMatchText:String,noDataText:String,remoteMethod:Function,filterMethod:Function,multiple:Boolean,multipleLimit:{type:Number,default:0},placeholder:{type:String},defaultFirstOption:Boolean,reserveKeyword:{type:Boolean,default:!0},valueKey:{type:String,default:"value"},collapseTags:Boolean,collapseTagsTooltip:Boolean,maxCollapseTags:{type:Number,default:1},teleported:s.teleported,persistent:{type:Boolean,default:!0},clearIcon:{type:b([String,Object,Function]),default:g},fitInputWidth:Boolean,suffixIcon:{type:b([String,Object,Function]),default:m},tagType:{...p.type,default:"info"},tagEffect:{...p.effect,default:"light"},validateEvent:{type:Boolean,default:!0},remoteShowSuffix:Boolean,placement:{type:b(String),default:"bottom-start"},fallbackPlacements:{type:b(Array),default:["bottom-start","top-start","right","left"]},...d,...u(["ariaLabel"])},z={...R,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,props:{type:b(Object),default:()=>({label:"label",hide:"hide",disabled:"disabled",children:"children"})},data:{type:b(Array),default:()=>[]},requestApi:{type:b(Function)},initParam:b([String,Number,Object])},E={"update:modelValue":e=>V(e)||w(e)||C(e)||F(e)||A(e)||O(e),"update:label":e=>V(e)||A(e)||O(e),dataChangeCallBack:e=>A(e),change:(e,l)=>(F(e)||A(e)||O(e))&&(V(l)||w(l)||C(l)||F(l)||A(l)||O(l)),visibleChange:e=>C(e),removeTag:e=>V(e)||w(e)||C(e)||F(e)||A(e),clear:()=>!0,blur:e=>e instanceof FocusEvent,focus:e=>e instanceof FocusEvent},M=/* @__PURE__ */e({name:"FaSelect",props:z,emits:E,slots:x(),setup(e,{attrs:u,slots:d,emit:p,expose:s}){const c=T(e,"label",p,{passive:!0}),m=l({value:h(),loading:!1,selectorData:h([]),debut:!0,echo:!(e.data?.length>0),nextRefresh:!1}),g=a(),b=l=>l?.map(l=>({...l,value:l[e.valueKey],label:j(e.props.label)?e.props.label(l):l[e.props.label??"label"],hide:j(e.props.hide)?e.props.hide(l):l[e.props.hide??"hide"],disabled:j(e.props.disabled)?e.props.disabled(l):l[e.props.disabled??"disabled"],children:j(e.props.children)?b(e.props.children(l)):b(l[e.props.children??"children"])})).filter(e=>!e.hide),x=async()=>{if(e.requestApi){m.loading=!0;const a=e.initParam??{};try{const l=await e.requestApi(a);m.echo=!1,m.selectorData=b(l),p("dataChangeCallBack",m.selectorData)}catch(l){v("FaSelect",l),m.selectorData=[]}finally{m.loading=!1}}else m.echo=!1,m.selectorData=b(e.data)},V=l=>{if(e.multiple){const e=l;if(0===e?.length)return m.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const a=m.selectorData.filter(l=>e.includes(l.value));m.value=l,c.value=a.map(e=>e.label),p("update:modelValue",l),p("change",a,l)}else{if(L(l))return m.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const e=m.selectorData.find(e=>e.value===l);m.value=l,c.value=e.label,p("update:modelValue",l),p("change",e,l)}},w=()=>{m.value=null,c.value=null,p("clear")},C=async l=>{l&&(m.debut?(m.debut=!1,!e.defaultSelected&&e.lazy&&await x()):m.nextRefresh&&(m.nextRefresh=!1,await x())),p("visibleChange",l)};t(()=>e.modelValue,l=>{if(m.echo&&!L(l)){const a=!L(e.label);if(e.multiple){if(!A(l))return void v("FaSelect","当启用 multiple 时，传入的 modelValue 必须是Array。");if(a&&!A(e.label))return void v("FaSelect","当启用 multiple 时，传入的 modelValue:label 必须是Array。");m.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("FaSelect","当禁用 multiple 时，传入的 modelValue 不能是Array。");if(a&&A(e.label))return void v("FaSelect","当禁用 multiple 时，传入的 modelValue:label 不能是Array。");m.selectorData=[{value:l,label:e.label}]}}m.value=l},{immediate:!0}),o(async()=>{e.defaultSelected?(await x(),m.selectorData.length>0&&V(e.multiple?[m.selectorData[0].value]:m.selectorData[0].value)):!e.requestApi&&e.data?.length>0?(m.debut=!1,await x()):e.lazy||await x(),t(()=>e.initParam,(e,l)=>{N(e,l)||(m.nextRefresh=!0,L(m.value)||V())}),t(()=>e.data,async()=>{e.requestApi||await x()},{deep:!0})});const F=y(e,R,["modelValue","popperClass","loading"]);return S(()=>i(f,r(F.value,{ref:g,class:"fa-select",popperClass:`fa-select-dropdown ${e.popperClass}`,style:{width:B(e.width)},modelValue:m.value,"onUpdate:modelValue":e=>m.value=e,loading:m.loading,onChange:V,onClear:w,onVisibleChange:C,onRemoveTag:e=>p("removeTag",e),onBlur:e=>p("blur",e),onFocus:e=>p("focus",e)}),{default:()=>m.selectorData.map(l=>i(q,{data:l,moreDetail:e.moreDetail},{default:d.default})),...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})}})),D(s,{focus:n(()=>g.value?.focus),blur:n(()=>g.value?.blur),selectedLabel:n(()=>g.value?.selectedLabel),loading:n(()=>m.loading),refresh:x,setSelection:e=>V(e),clearSelection:()=>V(null)})}});export{R as SelectProps,M as default,E as faSelectEmits,z as faSelectProps};
+import{defineComponent as e,reactive as l,ref as a,watch as t,onMounted as o,computed as i,createVNode as r,mergeProps as n}from"vue";import{useAriaProps as u,useEmptyValuesProps as d,tagProps as p,useTooltipContentProps as s,useSizeProp as c,selectEmits as f,useGlobalSize as m,ElSelect as b}from"element-plus";import{ArrowDown as g,CircleClose as h}from"@element-plus/icons-vue";import{definePropType as y,withDefineType as v,consoleError as S,useProps as B,useEmits as D,useRender as x,addUnit as V,useExpose as w,makeSlots as A}from"@fast-china/utils";import{useVModel as T}from"@vueuse/core";import{isArray as C,isString as F,isNull as O,isNumber as j,isBoolean as L,isObject as N,isFunction as q,isNil as z,isEqual as M}from"lodash-unified";import P from"./selectOption.mjs";const R={name:String,id:String,modelValue:{type:[Array,String,Number,Boolean,Object],default:void 0},autocomplete:{type:String,default:"off"},automaticDropdown:Boolean,size:c,effect:{type:y(String),default:"light"},disabled:Boolean,clearable:Boolean,filterable:Boolean,allowCreate:Boolean,loading:Boolean,popperClass:{type:String,default:""},popperOptions:{type:y(Object),default:()=>({})},remote:Boolean,loadingText:String,noMatchText:String,noDataText:String,remoteMethod:Function,filterMethod:Function,multiple:Boolean,multipleLimit:{type:Number,default:0},placeholder:{type:String},defaultFirstOption:Boolean,reserveKeyword:{type:Boolean,default:!0},valueKey:{type:String,default:"value"},collapseTags:Boolean,collapseTagsTooltip:Boolean,maxCollapseTags:{type:Number,default:1},teleported:s.teleported,persistent:{type:Boolean,default:!0},clearIcon:{type:y([String,Object,Function]),default:h},fitInputWidth:Boolean,suffixIcon:{type:y([String,Object,Function]),default:g},tagType:{...p.type,default:"info"},tagEffect:{...p.effect,default:"light"},validateEvent:{type:Boolean,default:!0},remoteShowSuffix:Boolean,placement:{type:y(String),default:"bottom-start"},fallbackPlacements:{type:y(Array),default:["bottom-start","top-start","right","left"]},...d,...u(["ariaLabel"])},_={...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:y([String,Number,Boolean,Object,Array]),default:void 0},label:y([String,Array]),width:{type:[String,Number],default:"100%"},moreDetail:Boolean,lazy:{type:Boolean,default:!0},defaultSelected:Boolean,props:{type:y(Object),default:()=>({label:"label",hide:"hide",disabled:"disabled",children:"children"})},data:{type:y(Array),default:()=>[]},requestApi:{type:y(Function)},initParam:y([String,Number,Object])},k={...f,"update:modelValue":e=>F(e)||j(e)||L(e)||N(e)||C(e)||O(e),"update:label":e=>F(e)||C(e)||O(e),dataChangeCallBack:e=>C(e),change:(e,l)=>!0},I=/* @__PURE__ */e({name:"FaSelect",props:_,emits:k,slots:A(),setup(e,{attrs:u,slots:d,emit:p,expose:s}){const c=T(e,"label",p),g=m(),h=l({value:v(),loading:!1,selectorData:v([]),debut:!0,echo:!(e.data?.length>0),nextRefresh:!1}),y=a(),A=l=>l?.map(l=>({...l,value:l[e.valueKey],label:q(e.props.label)?e.props.label(l):l[e.props.label??"label"],hide:q(e.props.hide)?e.props.hide(l):l[e.props.hide??"hide"],disabled:q(e.props.disabled)?e.props.disabled(l):l[e.props.disabled??"disabled"],children:q(e.props.children)?A(e.props.children(l)):A(l[e.props.children??"children"])})).filter(e=>!e.hide),F=async()=>{if(e.requestApi){h.loading=!0;const a=e.initParam??{};try{const l=await e.requestApi(a);h.echo=!1,h.selectorData=A(l),p("dataChangeCallBack",h.selectorData)}catch(l){S("FaSelect",l),h.selectorData=[]}finally{h.loading=!1}}else h.echo=!1,h.selectorData=A(e.data)},O=l=>{if(e.multiple){const e=l;if(0===e?.length)return h.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const a=h.selectorData.filter(l=>e.includes(l.value));h.value=l,c.value=a.map(e=>e.label),p("update:modelValue",l),p("change",a,l)}else{if(z(l))return h.value=null,c.value=null,p("update:modelValue",null),void p("change",null,null);const e=h.selectorData.find(e=>e.value===l);h.value=l,c.value=e.label,p("update:modelValue",l),p("change",e,l)}},j=()=>{h.value=null,c.value=null,p("update:modelValue",null),p("clear")},L=async l=>{l&&(h.debut?(h.debut=!1,!e.defaultSelected&&e.lazy&&await F()):h.nextRefresh&&(h.nextRefresh=!1,await F())),p("visible-change",l)};t(()=>e.modelValue,l=>{if(h.echo&&!z(l)){const a=!z(e.label);if(e.multiple){if(!C(l))return void S("FaSelect","当启用 multiple 时，传入的 modelValue 必须是Array。");if(a&&!C(e.label))return void S("FaSelect","当启用 multiple 时，传入的 modelValue:label 必须是Array。");h.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(C(l))return void S("FaSelect","当禁用 multiple 时，传入的 modelValue 不能是Array。");if(a&&C(e.label))return void S("FaSelect","当禁用 multiple 时，传入的 modelValue:label 不能是Array。");h.selectorData=[{value:l,label:e.label}]}}h.value=l},{immediate:!0}),o(async()=>{e.defaultSelected?(await F(),h.selectorData.length>0&&O(e.multiple?[h.selectorData[0].value]:h.selectorData[0].value)):!e.requestApi&&e.data?.length>0?(h.debut=!1,await F()):e.lazy||await F(),t(()=>e.initParam,(e,l)=>{M(e,l)||(h.nextRefresh=!0,z(h.value)||O())}),t(()=>e.data,async()=>{e.requestApi||await F()},{deep:!0})});const N=B(e,R,["modelValue","popperClass","loading"]),_=D(f,p,["update:modelValue","change","clear","visible-change"]),k=i(()=>{let l=`fa-select-dropdown ${e.popperClass}`;return e.moreDetail&&(l+=` fa-select-dropdown__more-detail fa-select-dropdown__more-detail-${g.value}`),l});return x(()=>r(b,n(N.value,_.value,{ref:y,class:"fa-select",popperClass:k.value,style:{width:V(e.width)},modelValue:h.value,"onUpdate:modelValue":e=>h.value=e,loading:h.loading,onChange:O,onClear:j,onVisibleChange:L}),{default:()=>h.selectorData.map(l=>r(P,{data:l,moreDetail:e.moreDetail},{default:d.default})),...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(()=>y.value?.focus),blur:i(()=>y.value?.blur),selectedLabel:i(()=>y.value?.selectedLabel),loading:i(()=>h.loading),refresh:F,setSelection:e=>O(e),clearSelection:()=>O(null)})}});export{R as SelectProps,I as default,k as faSelectEmits,_ as faSelectProps};
 //# sourceMappingURL=select.mjs.map