fast-element-plus 1.0.2 → 1.0.3

package/dist/styles/index.css

@@ -530,7 +530,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 5px;
+  margin-bottom: 10px;
 }
 .fa-table .fa-table__main .fa-table__main-header .fa-table__main-header-left {
   display: inline-flex;

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

@@ -5,9 +5,9 @@ export declare const faAvatarProps: {
         type: import('vue').PropType<string | Component>;
         default: () => string | Component;
     };
-    /**
-     * @description 原图
-     */
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
     original: BooleanConstructor;
     /** @description 标准 */
     normal: BooleanConstructor;
@@ -37,9 +37,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string | Component>;
         default: () => string | Component;
     };
-    /**
-     * @description 原图
-     */
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
     original: BooleanConstructor;
     /** @description 标准 */
     normal: BooleanConstructor;
@@ -64,9 +64,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string | Component>;
         default: () => string | Component;
     };
-    /**
-     * @description 原图
-     */
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
     original: BooleanConstructor;
     /** @description 标准 */
     normal: BooleanConstructor;
@@ -86,6 +86,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     small: boolean;
     size: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
     icon: string | Component;
+    base64: boolean;
     original: boolean;
     normal: boolean;
     thumb: boolean;

package/es/components/avatar/src/avatar.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as r,reactive as s,computed as o,createVNode as t,mergeProps as a}from"vue";import{avatarProps as e,avatarEmits as l,ElAvatar as n}from"element-plus";import{Picture as m}from"@element-plus/icons-vue";import{definePropType as c,useProps as u,useRender as i,useExpose as f,makeSlots as p}from"@fast-china/utils";const d={...e,icon:{type:c([String,Object,Function]),default:()=>m},original:Boolean,normal:Boolean,small:Boolean,thumb:Boolean},v={...l},b=/* @__PURE__ */r({name:"FaAvatar",props:d,emits:v,slots:p(),setup(r,{attrs:l,slots:m,emit:c,expose:p}){const d=s({src:o(()=>{if(r.src)return r.original?r.src:r.normal?`${r.src}@!normal`:r.small?`${r.src}@!small`:(r.thumb,`${r.src}@!thumb`)})}),v=u(r,e,["src"]);return i(()=>t(n,a(v.value,{class:"fa-avatar",src:d.src,onError:r=>c("error",r)}),{default:()=>[m.default&&m.default({src:d.src})]})),f(p,{src:d.src})}});export{b as default,v as faAvatarEmits,d as faAvatarProps};
+import{defineComponent as r,reactive as s,computed as a,createVNode as o,mergeProps as e}from"vue";import{avatarProps as t,avatarEmits as l,ElAvatar as n}from"element-plus";import{Picture as m}from"@element-plus/icons-vue";import{definePropType as c,useProps as i,useRender as u,useExpose as p,makeSlots as f}from"@fast-china/utils";const b={...t,icon:{type:c([String,Object,Function]),default:()=>m},base64:Boolean,original:Boolean,normal:Boolean,small:Boolean,thumb:Boolean},d={...l},g=/* @__PURE__ */r({name:"FaAvatar",props:b,emits:d,slots:f(),setup(r,{attrs:l,slots:m,emit:c,expose:f}){const b=s({src:a(()=>{if(r.src)return r.base64?`data:image/png;base64,${r.src}`:r.original?r.src:r.normal?`${r.src}@!normal`:r.small?`${r.src}@!small`:(r.thumb,`${r.src}@!thumb`)})}),d=i(r,t,["src"]);return u(()=>o(n,e(d.value,{class:"fa-avatar",src:b.src,onError:r=>c("error",r)}),{default:()=>[m.default&&m.default({src:b.src})]})),p(f,{src:b.src})}});export{g as default,d as faAvatarEmits,b as faAvatarProps};
 //# sourceMappingURL=avatar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.mjs","sources":["../../../../../packages/components/avatar/src/avatar.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElAvatar, avatarEmits, avatarProps } from \"element-plus\";\nimport { Picture } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport type { Component } from \"vue\";\n\nexport const faAvatarProps = {\n\t...avatarProps,\n\t/** @description representation type to icon, more info on icon component. */\n\ticon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: (): string | Component => Picture,\n\t},\n\t/**\n\t * @description 原图\n\t */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n};\n\nexport const faAvatarEmits = {\n\t...avatarEmits,\n};\n\ntype FaAvatarSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaAvatar\",\n\tprops: faAvatarProps,\n\temits: faAvatarEmits,\n\tslots: makeSlots<FaAvatarSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (props.src) {\n\t\t\t\t\tif (props.original) {\n\t\t\t\t\t\treturn props.src;\n\t\t\t\t\t} else if (props.normal) {\n\t\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t\t} else if (props.small) {\n\t\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn undefined;\n\t\t\t}),\n\t\t});\n\n\t\tconst elAvatarProps = useProps(props, avatarProps, [\"src\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElAvatar {...elAvatarProps.value} class=\"fa-avatar\" src={state.src} onError={(evt: Event) => emit(\"error\", evt)}>\n\t\t\t\t{slots.default && slots.default({ src: state.src })}\n\t\t\t</ElAvatar>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 图片路径 */\n\t\t\tsrc: state.src,\n\t\t});\n\t},\n});\n"],"names":["faAvatarProps","avatarProps","icon","type","definePropType","String","Object","Function","default","Picture","original","Boolean","normal","small","thumb","faAvatarEmits","avatarEmits","Avatar","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","state","reactive","src","computed","elAvatarProps","useProps","useRender","_createVNode","ElAvatar","_mergeProps","value","class","onError","evt","useExpose"],"mappings":"6UAMO,MAAMA,EAAgB,IACzBC,EAEHC,KAAM,CACLC,KAAMC,EAAmC,CAACC,OAAQC,OAAQC,WAC1DC,QAASA,IAA0BC,GAKpCC,SAAUC,QAEVC,OAAQD,QAERE,MAAOF,QAEPG,MAAOH,SAGKI,EAAgB,IACzBC,GAQJC,mBAA+B,CAC9BC,KAAM,WACNC,MAAOnB,EACPoB,MAAOL,EACPM,MAAOC,IACPC,KAAAA,CAAMJ,GAAOK,MAAEA,EAAAA,MAAOH,EAAAA,KAAOI,EAAAA,OAAMC,IAClC,MAAMC,EAAQC,EAAS,CACtBC,IAAKC,EAAS,KACb,GAAIX,EAAMU,IACT,OAAIV,EAAMT,SACFS,EAAMU,IACHV,EAAMP,OACT,GAAGO,EAAMU,cACNV,EAAMN,MACT,GAAGM,EAAMU,cACNV,EAAML,MACT,GAAGK,EAAMU,kBAUdE,EAAgBC,EAASb,EAAOlB,EAAa,CAAC,QAQpD,OANAgC,EAAU,IAAAC,EAAAC,EAAAC,EACKL,EAAcM,MAAK,CAAAC,MAAA,YAAAT,IAAyBF,EAAME,IAAGU,QAAYC,GAAef,EAAK,QAASe,KAAI,CAAAhC,QAAAA,IAAA,CAC9Ga,EAAMb,SAAWa,EAAMb,QAAQ,CAAEqB,IAAKF,EAAME,UAIxCY,EAAUf,EAAQ,CAExBG,IAAKF,EAAME,KAEb"}
+{"version":3,"file":"avatar.mjs","sources":["../../../../../packages/components/avatar/src/avatar.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElAvatar, avatarEmits, avatarProps } from \"element-plus\";\nimport { Picture } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport type { Component } from \"vue\";\n\nexport const faAvatarProps = {\n\t...avatarProps,\n\t/** @description representation type to icon, more info on icon component. */\n\ticon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: (): string | Component => Picture,\n\t},\n\t/** @description Base64图片 */\n\tbase64: Boolean,\n\t/** @description 原图 */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n};\n\nexport const faAvatarEmits = {\n\t...avatarEmits,\n};\n\ntype FaAvatarSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaAvatar\",\n\tprops: faAvatarProps,\n\temits: faAvatarEmits,\n\tslots: makeSlots<FaAvatarSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (!props.src) return undefined;\n\t\t\t\tif (props.base64) {\n\t\t\t\t\treturn `data:image/png;base64,${props.src}`;\n\t\t\t\t} else if (props.original) {\n\t\t\t\t\treturn props.src;\n\t\t\t\t} else if (props.normal) {\n\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t} else if (props.small) {\n\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t} else {\n\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t}\n\t\t\t}),\n\t\t});\n\n\t\tconst elAvatarProps = useProps(props, avatarProps, [\"src\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElAvatar {...elAvatarProps.value} class=\"fa-avatar\" src={state.src} onError={(evt: Event) => emit(\"error\", evt)}>\n\t\t\t\t{slots.default && slots.default({ src: state.src })}\n\t\t\t</ElAvatar>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 图片路径 */\n\t\t\tsrc: state.src,\n\t\t});\n\t},\n});\n"],"names":["faAvatarProps","avatarProps","icon","type","definePropType","String","Object","Function","default","Picture","base64","Boolean","original","normal","small","thumb","faAvatarEmits","avatarEmits","Avatar","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","state","reactive","src","computed","elAvatarProps","useProps","useRender","_createVNode","ElAvatar","_mergeProps","value","class","onError","evt","useExpose"],"mappings":"6UAMO,MAAMA,EAAgB,IACzBC,EAEHC,KAAM,CACLC,KAAMC,EAAmC,CAACC,OAAQC,OAAQC,WAC1DC,QAASA,IAA0BC,GAGpCC,OAAQC,QAERC,SAAUD,QAEVE,OAAQF,QAERG,MAAOH,QAEPI,MAAOJ,SAGKK,EAAgB,IACzBC,GAQJC,mBAA+B,CAC9BC,KAAM,WACNC,MAAOpB,EACPqB,MAAOL,EACPM,MAAOC,IACPC,KAAAA,CAAMJ,GAAOK,MAAEA,EAAAA,MAAOH,EAAAA,KAAOI,EAAAA,OAAMC,IAClC,MAAMC,EAAQC,EAAS,CACtBC,IAAKC,EAAS,KACb,GAAKX,EAAMU,IACX,OAAIV,EAAMV,OACF,yBAAyBU,EAAMU,MAC5BV,EAAMR,SACTQ,EAAMU,IACHV,EAAMP,OACT,GAAGO,EAAMU,cACNV,EAAMN,MACT,GAAGM,EAAMU,cACNV,EAAML,MACT,GAAGK,EAAMU,kBAQbE,EAAgBC,EAASb,EAAOnB,EAAa,CAAC,QAQpD,OANAiC,EAAU,IAAAC,EAAAC,EAAAC,EACKL,EAAcM,MAAK,CAAAC,MAAA,YAAAT,IAAyBF,EAAME,IAAGU,QAAYC,GAAef,EAAK,QAASe,KAAI,CAAAjC,QAAAA,IAAA,CAC9Gc,EAAMd,SAAWc,EAAMd,QAAQ,CAAEsB,IAAKF,EAAME,UAIxCY,EAAUf,EAAQ,CAExBG,IAAKF,EAAME,KAEb"}

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

@@ -16,7 +16,7 @@ export declare const faButtonProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabled: BooleanConstructor;
+    disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
     icon: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
@@ -70,7 +70,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabled: BooleanConstructor;
+    disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
     icon: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
@@ -129,7 +129,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabled: BooleanConstructor;
+    disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
     icon: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
@@ -161,7 +161,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loading: boolean;
     loadingIcon: string | Component;
     disabledLoading: boolean;
-    disabled: boolean;
+    disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     nativeType: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
     bg: boolean;
     autofocus: boolean;

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

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabled: BooleanConstructor;
+    disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
     modelModifiers: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers) | ((new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers))[], unknown, unknown, () => {}, boolean>;
     maxlength: {
@@ -112,7 +112,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabled: BooleanConstructor;
+    disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
     modelModifiers: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers) | ((new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers))[], unknown, unknown, () => {}, boolean>;
     maxlength: {
@@ -195,7 +195,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     type: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').InputType) | ((new (...args: any[]) => string) | (() => import('element-plus').InputType))[], unknown, unknown>;
     id: string;
-    disabled: boolean;
+    disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     autofocus: boolean;
     placeholder: string;
     inputmode: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined) | ((new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined))[], unknown, unknown>;

package/es/components/form/src/formItem.d.ts

@@ -18,7 +18,12 @@ export declare const faFormItemProps: {
     /** @description 独占一行。如果设置 span 则无效 */
     row: BooleanConstructor;
     label: StringConstructor;
-    labelWidth: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelWidth: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     labelPosition: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     prop: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import('element-plus').FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import('element-plus').FormItemProp))[], unknown, unknown>>;
@@ -82,7 +87,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** @description 独占一行。如果设置 span 则无效 */
     row: BooleanConstructor;
     label: StringConstructor;
-    labelWidth: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelWidth: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     labelPosition: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     prop: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import('element-plus').FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import('element-plus').FormItemProp))[], unknown, unknown>>;
@@ -146,7 +156,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** @description 独占一行。如果设置 span 则无效 */
     row: BooleanConstructor;
     label: StringConstructor;
-    labelWidth: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelWidth: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     labelPosition: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     prop: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import('element-plus').FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import('element-plus').FormItemProp))[], unknown, unknown>>;
@@ -181,7 +196,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     required: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     offset: string | number;
     labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
-    labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     inlineMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     grid: boolean;

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

@@ -14,6 +14,8 @@ export declare const faImageProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
     /** @description 原图 */
     original: BooleanConstructor;
     /** @description 标准 */
@@ -89,6 +91,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
     /** @description 原图 */
     original: BooleanConstructor;
     /** @description 标准 */
@@ -153,6 +157,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
     /** @description 原图 */
     original: BooleanConstructor;
     /** @description 标准 */
@@ -203,6 +209,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     small: boolean;
+    base64: boolean;
     original: boolean;
     normal: boolean;
     thumb: boolean;

package/es/components/image/src/image.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,reactive as r,computed as l,createVNode as o,mergeProps as a}from"vue";import{imageProps as s,ElImage as t,ElIcon as i}from"element-plus";import{Picture as c}from"@element-plus/icons-vue";import{useProps as p,useRender as n,makeSlots as m}from"@fast-china/utils";const u={...s,hideOnClickModal:{type:Boolean,default:!0},previewTeleported:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},original:Boolean,normal:Boolean,small:Boolean,thumb:Boolean,preview:{type:Boolean,default:!0}},f=/* @__PURE__ */e({name:"FaImage",props:u,slots:m(),setup(e,{attrs:m,slots:u,expose:f}){const v=r({src:l(()=>{if(e.src)return e.original?e.src:e.normal?`${e.src}@!normal`:e.small?`${e.src}@!small`:(e.thumb,`${e.src}@!thumb`)}),previewList:l(()=>e.preview?[e.src]:[])}),d=p(e,s,["src","previewSrcList"]);n(()=>o(t,a(d.value,{class:"fa-image",src:v.src,previewSrcList:v.previewList}),{error:()=>u.error?u.error():o("div",{class:"fa-image__error-image"},[o(i,{class:"icon"},{default:()=>[o(c,null,null)]})]),...u.placeholder&&{placeholder:()=>u.placeholder()},...u.viewer&&{viewer:()=>u.viewer({src:v.src})}}))}});export{f as default,u as faImageProps};
+import{defineComponent as e,reactive as r,computed as a,createVNode as l,mergeProps as o}from"vue";import{imageProps as s,ElImage as t,ElIcon as i}from"element-plus";import{Picture as c}from"@element-plus/icons-vue";import{useProps as n,useRender as p,makeSlots as m}from"@fast-china/utils";const u={...s,hideOnClickModal:{type:Boolean,default:!0},previewTeleported:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},base64:Boolean,original:Boolean,normal:Boolean,small:Boolean,thumb:Boolean,preview:{type:Boolean,default:!0}},d=/* @__PURE__ */e({name:"FaImage",props:u,slots:m(),setup(e,{attrs:m,slots:u,expose:d}){const f=r({src:a(()=>{if(e.src)return e.base64?`data:image/png;base64,${e.src}`:e.original?e.src:e.normal?`${e.src}@!normal`:e.small?`${e.src}@!small`:(e.thumb,`${e.src}@!thumb`)}),previewList:a(()=>e.preview?[e.base64?`data:image/png;base64,${e.src}`:e.src]:[])}),v=n(e,s,["src","previewSrcList"]);p(()=>l(t,o(v.value,{class:"fa-image",src:f.src,previewSrcList:f.previewList}),{error:()=>u.error?u.error():l("div",{class:"fa-image__error-image"},[l(i,{class:"icon"},{default:()=>[l(c,null,null)]})]),...u.placeholder&&{placeholder:()=>u.placeholder()},...u.viewer&&{viewer:()=>u.viewer({src:f.src})}}))}});export{d as default,u as faImageProps};
 //# sourceMappingURL=image.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sources":["../../../../../packages/components/image/src/image.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElIcon, ElImage, imageProps } from \"element-plus\";\nimport { Picture as ElIconPicture } from \"@element-plus/icons-vue\";\nimport { makeSlots, useProps, useRender } from \"@fast-china/utils\";\nimport type { VNode } from \"vue\";\n\nexport const faImageProps = {\n\t...imageProps,\n\t/** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */\n\thideOnClickModal: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */\n\tpreviewTeleported: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to use lazy load. */\n\tlazy: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 原图 */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n\t/** @description 是否可以预览图片 */\n\tpreview: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\ntype FaImageSlots = {\n\t/** @description 当图像尚未加载时，自定义的占位符内容 */\n\tplaceholder: never;\n\t/** @description 自定义图像加载失败的内容 */\n\terror: never;\n\t/** @description 当图像预览时自定义内容 */\n\tviewer: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaImage\",\n\tprops: faImageProps,\n\tslots: makeSlots<FaImageSlots>(),\n\tsetup(props, { attrs, slots, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (!props.src) return undefined;\n\t\t\t\tif (props.original) {\n\t\t\t\t\treturn props.src;\n\t\t\t\t} else if (props.normal) {\n\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t} else if (props.small) {\n\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t} else {\n\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t}\n\t\t\t}),\n\t\t\tpreviewList: computed(() => (props.preview ? [props.src] : [])),\n\t\t});\n\n\t\tconst bindProps = useProps(props, imageProps, [\"src\", \"previewSrcList\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElImage {...bindProps.value} class=\"fa-image\" src={state.src} previewSrcList={state.previewList}>\n\t\t\t\t{{\n\t\t\t\t\terror: () =>\n\t\t\t\t\t\tslots.error ? (\n\t\t\t\t\t\t\tslots.error()\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div class=\"fa-image__error-image\">\n\t\t\t\t\t\t\t\t<ElIcon class=\"icon\">\n\t\t\t\t\t\t\t\t\t<ElIconPicture />\n\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t...(slots.placeholder && { placeholder: (): VNode[] => slots.placeholder() }),\n\t\t\t\t\t...(slots.viewer && { viewer: (): VNode[] => slots.viewer({ src: state.src }) }),\n\t\t\t\t}}\n\t\t\t</ElImage>\n\t\t));\n\t},\n});\n"],"names":["faImageProps","imageProps","hideOnClickModal","type","Boolean","default","previewTeleported","lazy","original","normal","small","thumb","preview","Image","name","props","slots","makeSlots","setup","attrs","expose","state","reactive","src","computed","previewList","bindProps","useProps","useRender","_createVNode","ElImage","_mergeProps","value","class","previewSrcList","error","ElIcon","ElIconPicture","placeholder","viewer"],"mappings":"mSAMO,MAAMA,EAAe,IACxBC,EAEHC,iBAAkB,CACjBC,KAAMC,QACNC,SAAS,GAGVC,kBAAmB,CAClBH,KAAMC,QACNC,SAAS,GAGVE,KAAM,CACLJ,KAAMC,QACNC,SAAS,GAGVG,SAAUJ,QAEVK,OAAQL,QAERM,MAAON,QAEPO,MAAOP,QAEPQ,QAAS,CACRT,KAAMC,QACNC,SAAS,IAaXQ,mBAA+B,CAC9BC,KAAM,UACNC,MAAOf,EACPgB,MAAOC,IACPC,KAAAA,CAAMH,GAAOI,MAAEA,EAAAA,MAAOH,EAAAA,OAAOI,IAC5B,MAAMC,EAAQC,EAAS,CACtBC,IAAKC,EAAS,KACb,GAAKT,EAAMQ,IACX,OAAIR,EAAMP,SACFO,EAAMQ,IACHR,EAAMN,OACT,GAAGM,EAAMQ,cACNR,EAAML,MACT,GAAGK,EAAMQ,cACNR,EAAMJ,MACT,GAAGI,EAAMQ,gBAMlBE,YAAaD,EAAS,IAAOT,EAAMH,QAAU,CAACG,EAAMQ,KAAO,MAGtDG,EAAYC,EAASZ,EAAOd,EAAY,CAAC,MAAO,mBAEtD2B,EAAU,IAAAC,EAAAC,EAAAC,EACIL,EAAUM,MAAK,CAAAC,MAAA,WAAAV,IAAwBF,EAAME,IAAGW,eAAkBb,EAAMI,cAAW,CAE9FU,MAAOA,IACNnB,EAAMmB,MACLnB,EAAMmB,QAAON,EAAA,MAAA,CAAAI,MAAA,yBAAA,CAAAJ,EAAAO,EAAA,CAAAH,MAAA,QAAA,CAAA5B,QAAAA,IAAA,CAAAwB,EAAAQ,EAAA,KAAA,cAQXrB,EAAMsB,aAAe,CAAEA,YAAaA,IAAetB,EAAMsB,kBACzDtB,EAAMuB,QAAU,CAAEA,OAAQA,IAAevB,EAAMuB,OAAO,CAAEhB,IAAKF,EAAME,SAI3E"}
+{"version":3,"file":"image.mjs","sources":["../../../../../packages/components/image/src/image.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElIcon, ElImage, imageProps } from \"element-plus\";\nimport { Picture as ElIconPicture } from \"@element-plus/icons-vue\";\nimport { makeSlots, useProps, useRender } from \"@fast-china/utils\";\nimport type { VNode } from \"vue\";\n\nexport const faImageProps = {\n\t...imageProps,\n\t/** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */\n\thideOnClickModal: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */\n\tpreviewTeleported: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to use lazy load. */\n\tlazy: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description Base64图片 */\n\tbase64: Boolean,\n\t/** @description 原图 */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n\t/** @description 是否可以预览图片 */\n\tpreview: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\ntype FaImageSlots = {\n\t/** @description 当图像尚未加载时，自定义的占位符内容 */\n\tplaceholder: never;\n\t/** @description 自定义图像加载失败的内容 */\n\terror: never;\n\t/** @description 当图像预览时自定义内容 */\n\tviewer: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaImage\",\n\tprops: faImageProps,\n\tslots: makeSlots<FaImageSlots>(),\n\tsetup(props, { attrs, slots, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (!props.src) return undefined;\n\t\t\t\tif (props.base64) {\n\t\t\t\t\treturn `data:image/png;base64,${props.src}`;\n\t\t\t\t} else if (props.original) {\n\t\t\t\t\treturn props.src;\n\t\t\t\t} else if (props.normal) {\n\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t} else if (props.small) {\n\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t} else {\n\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t}\n\t\t\t}),\n\t\t\tpreviewList: computed(() => (props.preview ? [props.base64 ? `data:image/png;base64,${props.src}` : props.src] : [])),\n\t\t});\n\n\t\tconst bindProps = useProps(props, imageProps, [\"src\", \"previewSrcList\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElImage {...bindProps.value} class=\"fa-image\" src={state.src} previewSrcList={state.previewList}>\n\t\t\t\t{{\n\t\t\t\t\terror: () =>\n\t\t\t\t\t\tslots.error ? (\n\t\t\t\t\t\t\tslots.error()\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div class=\"fa-image__error-image\">\n\t\t\t\t\t\t\t\t<ElIcon class=\"icon\">\n\t\t\t\t\t\t\t\t\t<ElIconPicture />\n\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t...(slots.placeholder && { placeholder: (): VNode[] => slots.placeholder() }),\n\t\t\t\t\t...(slots.viewer && { viewer: (): VNode[] => slots.viewer({ src: state.src }) }),\n\t\t\t\t}}\n\t\t\t</ElImage>\n\t\t));\n\t},\n});\n"],"names":["faImageProps","imageProps","hideOnClickModal","type","Boolean","default","previewTeleported","lazy","base64","original","normal","small","thumb","preview","Image","name","props","slots","makeSlots","setup","attrs","expose","state","reactive","src","computed","previewList","bindProps","useProps","useRender","_createVNode","ElImage","_mergeProps","value","class","previewSrcList","error","ElIcon","ElIconPicture","placeholder","viewer"],"mappings":"mSAMO,MAAMA,EAAe,IACxBC,EAEHC,iBAAkB,CACjBC,KAAMC,QACNC,SAAS,GAGVC,kBAAmB,CAClBH,KAAMC,QACNC,SAAS,GAGVE,KAAM,CACLJ,KAAMC,QACNC,SAAS,GAGVG,OAAQJ,QAERK,SAAUL,QAEVM,OAAQN,QAERO,MAAOP,QAEPQ,MAAOR,QAEPS,QAAS,CACRV,KAAMC,QACNC,SAAS,IAaXS,mBAA+B,CAC9BC,KAAM,UACNC,MAAOhB,EACPiB,MAAOC,IACPC,KAAAA,CAAMH,GAAOI,MAAEA,EAAAA,MAAOH,EAAAA,OAAOI,IAC5B,MAAMC,EAAQC,EAAS,CACtBC,IAAKC,EAAS,KACb,GAAKT,EAAMQ,IACX,OAAIR,EAAMR,OACF,yBAAyBQ,EAAMQ,MAC5BR,EAAMP,SACTO,EAAMQ,IACHR,EAAMN,OACT,GAAGM,EAAMQ,cACNR,EAAML,MACT,GAAGK,EAAMQ,cACNR,EAAMJ,MACT,GAAGI,EAAMQ,gBAMlBE,YAAaD,EAAS,IAAOT,EAAMH,QAAU,CAACG,EAAMR,OAAS,yBAAyBQ,EAAMQ,MAAQR,EAAMQ,KAAO,MAG5GG,EAAYC,EAASZ,EAAOf,EAAY,CAAC,MAAO,mBAEtD4B,EAAU,IAAAC,EAAAC,EAAAC,EACIL,EAAUM,MAAK,CAAAC,MAAA,WAAAV,IAAwBF,EAAME,IAAGW,eAAkBb,EAAMI,cAAW,CAE9FU,MAAOA,IACNnB,EAAMmB,MACLnB,EAAMmB,QAAON,EAAA,MAAA,CAAAI,MAAA,yBAAA,CAAAJ,EAAAO,EAAA,CAAAH,MAAA,QAAA,CAAA7B,QAAAA,IAAA,CAAAyB,EAAAQ,EAAA,KAAA,cAQXrB,EAAMsB,aAAe,CAAEA,YAAaA,IAAetB,EAAMsB,kBACzDtB,EAAMuB,QAAU,CAAEA,OAAQA,IAAevB,EAAMuB,OAAO,CAAEhB,IAAKF,EAAME,SAI3E"}

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

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from "vue";
 import { TSXWithInstall } from "@fast-china/utils";
-import { default as Table, faTableEmits, faTableProps, tableProps } from "./src/table";
+import { FaTableSlots, default as Table, faTableEmits, faTableProps, tableProps } from "./src/table";
 import { default as TableColumn, tableColumnProps } from "./src/tableColumn";
 import { default as TableColumnsSettingDialog } from "./src/tableColumnSettingDialog";
 import { default as TablePagination } from "./src/tablePagination";
@@ -22,7 +22,7 @@ export * from "./src/page.type";
 export * from "./src/table.state";
 export * from "./src/table.type";
 
-export { tableProps, tableColumnProps, faTableProps, faTableEmits };
+export { tableProps, tableColumnProps, faTableProps, faTableEmits, FaTableSlots };
 
 export declare type FaTableInstance = InstanceType<typeof Table>;
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/components/table/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport Table, { tableProps } from \"./src/table\";\nimport TableColumn, { tableColumnProps } from \"./src/tableColumn\";\nimport TableColumnsSettingDialog from \"./src/tableColumnSettingDialog\";\nimport TablePagination from \"./src/tablePagination\";\nimport TableSearchForm from \"./src/tableSearchForm\";\nimport TableSearchFormItem from \"./src/tableSearchFormItem\";\nimport type { faTableEmits, faTableProps } from \"./src/table\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaTable = withInstall(Table, {\n\tTableColumn,\n\tTableColumnsSettingDialog,\n\tTablePagination,\n\tTableSearchForm,\n\tTableSearchFormItem,\n});\nexport default FaTable;\n\nexport const FaTableColumn = withNoopInstall(TableColumn);\n\nexport * from \"./src/page.type\";\nexport * from \"./src/table.state\";\nexport * from \"./src/table.type\";\n\nexport { tableProps, tableColumnProps, faTableProps, faTableEmits };\n\nexport type FaTableInstance = InstanceType<typeof Table>;\n\nexport type FaTableProps = ExtractPropTypes<typeof faTableProps>;\n\nexport type FaTableEmits = typeof faTableEmits;\n\nexport type FaTableColumnInstance = InstanceType<typeof TableColumn>;\n\nexport * from \"./utils/table\";\n"],"names":["FaTable","withInstall","Table","TableColumn","TableColumnsSettingDialog","TablePagination","TableSearchForm","TableSearchFormItem","FaTableColumn","withNoopInstall"],"mappings":"kmBAUO,MAAMA,EAAUC,EAAYC,EAAO,CACzCC,cACAC,4BACAC,kBACAC,kBACAC,wBAIYC,EAAgBC,EAAgBN"}
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/table/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport Table, { tableProps } from \"./src/table\";\nimport TableColumn, { tableColumnProps } from \"./src/tableColumn\";\nimport TableColumnsSettingDialog from \"./src/tableColumnSettingDialog\";\nimport TablePagination from \"./src/tablePagination\";\nimport TableSearchForm from \"./src/tableSearchForm\";\nimport TableSearchFormItem from \"./src/tableSearchFormItem\";\nimport type { FaTableSlots, faTableEmits, faTableProps } from \"./src/table\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaTable = withInstall(Table, {\n\tTableColumn,\n\tTableColumnsSettingDialog,\n\tTablePagination,\n\tTableSearchForm,\n\tTableSearchFormItem,\n});\nexport default FaTable;\n\nexport const FaTableColumn = withNoopInstall(TableColumn);\n\nexport * from \"./src/page.type\";\nexport * from \"./src/table.state\";\nexport * from \"./src/table.type\";\n\nexport { tableProps, tableColumnProps, faTableProps, faTableEmits, FaTableSlots };\n\nexport type FaTableInstance = InstanceType<typeof Table>;\n\nexport type FaTableProps = ExtractPropTypes<typeof faTableProps>;\n\nexport type FaTableEmits = typeof faTableEmits;\n\nexport type FaTableColumnInstance = InstanceType<typeof TableColumn>;\n\nexport * from \"./utils/table\";\n"],"names":["FaTable","withInstall","Table","TableColumn","TableColumnsSettingDialog","TablePagination","TableSearchForm","TableSearchFormItem","FaTableColumn","withNoopInstall"],"mappings":"kmBAUO,MAAMA,EAAUC,EAAYC,EAAO,CACzCC,cACAC,4BACAC,kBACAC,kBACAC,wBAIYC,EAAgBC,EAAgBN"}

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

@@ -1,4 +1,4 @@
-import { FaTableChangeColumnsCtx, FaTableColumnCtx, FaTableDataRange, FaTableDefaultSlotsResult } from './table.type';
+import { FaTableColumnCtx, FaTableDataRange, FaTableDefaultSlotsResult } from './table.type';
 import { PagedInput, PagedResult } from '../src/page.type';
 import { FaLayoutGridBreakPoint } from '../../layoutGrid';
 import { TableColumnCtx, TableProps } from 'element-plus';
@@ -251,13 +251,23 @@ export declare const faTableProps: {
     };
     /** @description 表格列改变 */
     columnsChange: {
-        type: PropType<(columns: FaTableChangeColumnsCtx[]) => Promise<void>>;
+        type: PropType<(columns: FaTableColumnCtx[]) => Promise<void>>;
     };
     /** @description 搜索表单 Grid布局列配置 */
     searchFormCols: {
         type: PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
         default: () => string | number | Record<FaLayoutGridBreakPoint, number>;
     };
+    /** @description 折叠搜素 */
+    collapsedSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 高级搜素抽屉 */
+    advancedSearchDrawer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** @description 搜索表单 */
     searchForm: {
         type: BooleanConstructor;
@@ -585,6 +595,8 @@ export type FaTableSlots = {
     };
     /** @description 表格页脚插槽 */
     footer: FaTableDefaultSlotsResult;
+    /** @description 列配置 */
+    columnSetting: never;
 } & {
     [key: string]: FaTableDefaultSlotsResult & {
         /** @description slots为表格内容的时候才会返回 */
@@ -645,13 +657,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /** @description 表格列改变 */
     columnsChange: {
-        type: PropType<(columns: FaTableChangeColumnsCtx[]) => Promise<void>>;
+        type: PropType<(columns: FaTableColumnCtx[]) => Promise<void>>;
     };
     /** @description 搜索表单 Grid布局列配置 */
     searchFormCols: {
         type: PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
         default: () => string | number | Record<FaLayoutGridBreakPoint, number>;
     };
+    /** @description 折叠搜素 */
+    collapsedSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 高级搜素抽屉 */
+    advancedSearchDrawer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** @description 搜索表单 */
     searchForm: {
         type: BooleanConstructor;
@@ -1059,13 +1081,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /** @description 表格列改变 */
     columnsChange: {
-        type: PropType<(columns: FaTableChangeColumnsCtx[]) => Promise<void>>;
+        type: PropType<(columns: FaTableColumnCtx[]) => Promise<void>>;
     };
     /** @description 搜索表单 Grid布局列配置 */
     searchFormCols: {
         type: PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
         default: () => string | number | Record<FaLayoutGridBreakPoint, number>;
     };
+    /** @description 折叠搜素 */
+    collapsedSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 高级搜素抽屉 */
+    advancedSearchDrawer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** @description 搜索表单 */
     searchForm: {
         type: BooleanConstructor;
@@ -1358,6 +1390,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     highlightCurrentRow: boolean;
     tableKey: string;
     searchFormCols: string | number | Record<FaLayoutGridBreakPoint, number>;
+    collapsedSearch: boolean;
+    advancedSearchDrawer: boolean;
     searchForm: boolean;
     headerCard: boolean;
     refreshBtn: boolean;

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