fast-element-plus 1.0.21 → 2.0.1

package/dist/components/iconSelector/src/iconSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconSelector.mjs","names":["update:modelValue","onUpdate:visible"],"sources":["../../../../src/components/iconSelector/src/iconSelector.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, watch } from \"vue\";\nimport * as ElementPlusIconsVue from \"@element-plus/icons-vue\";\nimport { ChromeFilled, RefreshRight } from \"@element-plus/icons-vue\";\nimport { ElIcon, ElInput, ElPopover, ElScrollbar } from \"element-plus\";\nimport * as FastElementPlusIconsVue from \"@fast-element-plus/icons-vue\";\nimport { isNull, isString } from \"lodash-unified\";\nimport { definePropType, useExpose, useRender, withDefineType } from \"../../../utils\";\nimport { FaIcon } from \"../../icon\";\nimport type { PropType } from \"vue\";\n\ntype IconType = \"ele\" | \"fastEle\" | \"local\";\n\nexport default defineComponent({\n\tname: \"FaIconSelector\",\n\tprops: {\n\t\t/** @description v-model绑定值 */\n\t\tmodelValue: String as PropType<string | null>,\n\t\t/** @description 自定义图标 */\n\t\tcustomIcons: {\n\t\t\ttype: definePropType<string[]>(Array),\n\t\t\tdefault: (): string[] => [],\n\t\t},\n\t},\n\temits: {\n\t\t/** @description v-model 回调 */\n\t\t\"update:modelValue\": (value: string | null) => isString(value) || isNull(value),\n\t\t/** @description 改变 */\n\t\tchange: (value: string | null) => isString(value) || isNull(value),\n\t},\n\tsetup(props, { emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tvalue: withDefineType<string | null>(props.modelValue ?? null),\n\t\t\tsearchValue: withDefineType<string | null>(),\n\t\t\ticonType: withDefineType<IconType>(\"ele\"),\n\t\t\tpopoverVisible: false,\n\t\t\ticonNames: withDefineType<string[]>(Object.keys(ElementPlusIconsVue).map((name) => `el-icon-${name}`)),\n\t\t\trenderIconNames: computed((): string[] => {\n\t\t\t\tif (!state.searchValue) return state.iconNames;\n\t\t\t\treturn state.iconNames.filter((f) => f.toLowerCase().includes(state.searchValue?.toLowerCase() ?? \"\"));\n\t\t\t}),\n\t\t});\n\n\t\tconst handleTabClick = (iconType: IconType): void => {\n\t\t\tstate.iconType = iconType;\n\t\t\tstate.iconNames = [];\n\t\t\tswitch (iconType) {\n\t\t\t\tcase \"ele\":\n\t\t\t\t\tstate.iconNames = Object.keys(ElementPlusIconsVue).map((name) => `el-icon-${name}`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"fastEle\":\n\t\t\t\t\tstate.iconNames = Object.keys(FastElementPlusIconsVue).map((name) => `fa-icon-${name}`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"local\":\n\t\t\t\t\tstate.iconNames = props.customIcons;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t};\n\n\t\tconst handleIconClick = (value: string): void => {\n\t\t\tstate.popoverVisible = false;\n\t\t\tstate.value = value;\n\t\t\tstate.searchValue = \"\";\n\t\t\temit(\"update:modelValue\", value);\n\t\t\temit(\"change\", value);\n\t\t};\n\n\t\tconst handleRefresh = (): void => {\n\t\t\tstate.value = null;\n\t\t\tstate.searchValue = null;\n\t\t\temit(\"update:modelValue\", null);\n\t\t\temit(\"change\", null);\n\t\t};\n\n\t\twatch(\n\t\t\t() => props.modelValue,\n\t\t\t(newValue) => {\n\t\t\t\tstate.value = newValue ?? null;\n\t\t\t}\n\t\t);\n\n\t\twatch(\n\t\t\t() => props.customIcons,\n\t\t\t() => {\n\t\t\t\tif (state.iconType === \"local\") state.iconNames = [...props.customIcons];\n\t\t\t},\n\t\t\t{ deep: true }\n\t\t);\n\n\t\tuseRender(() => (\n\t\t\t<ElPopover\n\t\t\t\tpopperClass=\"fa-icon-selector-popover\"\n\t\t\t\tvisible={state.popoverVisible}\n\t\t\t\t{...{\n\t\t\t\t\t\"onUpdate:visible\": (visible: boolean): void => {\n\t\t\t\t\t\tstate.popoverVisible = visible;\n\t\t\t\t\t\tif (!visible) state.searchValue = null;\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\twidth=\"auto\"\n\t\t\t\ttrigger=\"click\"\n\t\t\t\tshowArrow={false}\n\t\t\t\tshowAfter={0}\n\t\t\t\thideAfter={0}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\treference: () => (\n\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\tclass=\"fa-icon-selector\"\n\t\t\t\t\t\t\tmodelValue={state.popoverVisible ? (state.searchValue ?? \"\") : (state.value ?? \"\")}\n\t\t\t\t\t\t\tplaceholder={state.popoverVisible ? \"搜索图标\" : \"请选择图标\"}\n\t\t\t\t\t\t\treadonly={!state.popoverVisible}\n\t\t\t\t\t\t\tonInput={(value: string) => {\n\t\t\t\t\t\t\t\tif (state.popoverVisible) state.searchValue = value;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\tprepend: () => <ElIcon>{state.value ? <FaIcon name={state.value} /> : <ChromeFilled />}</ElIcon>,\n\t\t\t\t\t\t\t\tappend: () => (\n\t\t\t\t\t\t\t\t\t<ElIcon\n\t\t\t\t\t\t\t\t\t\tonClick={(event: MouseEvent) => {\n\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\thandleRefresh();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<RefreshRight />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElInput>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box\">\n\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-header\">\n\t\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-header__title\">请选择图标</div>\n\t\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-header__tab\">\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass={{ \"is-active\": state.iconType === \"ele\" }}\n\t\t\t\t\t\t\t\t\t\ttitle=\"Element Plus 图标\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleTabClick(\"ele\")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tele\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass={{ \"is-active\": state.iconType === \"fastEle\" }}\n\t\t\t\t\t\t\t\t\t\ttitle=\"Fast Element Plus 图标\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleTabClick(\"fastEle\")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tfastEle\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass={{ \"is-active\": state.iconType === \"local\" }}\n\t\t\t\t\t\t\t\t\t\ttitle=\"本地图标\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleTabClick(\"local\")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tlocal\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-body\">\n\t\t\t\t\t\t\t\t<ElScrollbar>\n\t\t\t\t\t\t\t\t\t{state.renderIconNames.map((m) => (\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tkey={m}\n\t\t\t\t\t\t\t\t\t\t\tclass=\"fa-icon-selector-popover__box-body__item\"\n\t\t\t\t\t\t\t\t\t\t\ttitle={m}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleIconClick(m)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon name={m} />\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ElScrollbar>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t</ElPopover>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** 当前图标来源。 */\n\t\t\ticonType: computed(() => state.iconType),\n\t\t\t/** 当前选中的图标名称。 */\n\t\t\tvalue: computed(() => state.value),\n\t\t});\n\t},\n});\n"],"mappings":"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"}

package/dist/components/image/index.d.ts

@@ -0,0 +1,12 @@
+import Image, { faImageEmits, faImageProps } from "./src/image";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 支持占位、失败回退和地址处理的图片组件。 */
+export declare const FaImage: TSXWithInstall<typeof Image>;
+export default FaImage;
+export { faImageEmits, faImageProps };
+export type { FaImageSlots } from "./src/image";
+/** FaImage 暴露的组件实例类型。 */
+export type FaImageInstance = InstanceType<typeof Image>;
+/** FaImage 的完整 Props 类型。 */
+export type FaImageProps = ExtractPropTypes<typeof faImageProps>;

package/dist/components/image/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import image_default, { faImageEmits, faImageProps } from "./src/image.mjs";
+//#region src/components/image/index.ts
+/** 支持占位、失败回退和地址处理的图片组件。 */
+const FaImage = withInstall(image_default);
+//#endregion
+export { FaImage, FaImage as default, faImageEmits, faImageProps };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/image/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Image"],"sources":["../../../src/components/image/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport Image, { faImageEmits, faImageProps } from \"./src/image\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 支持占位、失败回退和地址处理的图片组件。 */\nexport const FaImage: TSXWithInstall<typeof Image> = withInstall(Image);\nexport default FaImage;\n\nexport { faImageEmits, faImageProps };\nexport type { FaImageSlots } from \"./src/image\";\n\n/** FaImage 暴露的组件实例类型。 */\nexport type FaImageInstance = InstanceType<typeof Image>;\n\n/** FaImage 的完整 Props 类型。 */\nexport type FaImageProps = ExtractPropTypes<typeof faImageProps>;\n"],"mappings":";;;;AAMA,MAAa,UAAwC,YAAYA,aAAK"}

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

@@ -0,0 +1,277 @@
+import type { ImageViewerAction } from "element-plus";
+/** FaImage 的运行时 Props 定义。 */
+export declare const faImageProps: {
+    /** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to use lazy load. */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    /** @description 是否可以预览图片 */
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollContainer: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import("element-plus").ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import("element-plus").ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+/** FaImage 的运行时事件定义。 */
+export declare const faImageEmits: {
+    load: (evt: Event) => boolean;
+    error: (evt: Event) => boolean;
+    switch: (val: number) => boolean;
+    close: () => boolean;
+    show: () => boolean;
+};
+/** FaImage 的插槽参数。 */
+export interface FaImageSlots extends Record<string, unknown> {
+    /** @description 当图像尚未加载时，自定义的占位符内容 */
+    placeholder: never;
+    /** @description 自定义图像加载失败的内容 */
+    error: never;
+    /** @description 当图像预览时自定义内容 */
+    viewer: {
+        src?: string;
+    };
+    /** @description 图片预览进度内容 */
+    progress: {
+        activeIndex: number;
+        total: number;
+    };
+    /** @description 图片预览工具栏内容 */
+    toolbar: {
+        actions: (action: ImageViewerAction, options?: Record<string, never>) => void;
+        prev: () => void;
+        next: () => void;
+        reset: () => void;
+        activeIndex: number;
+        setActiveItem: (index: number) => void;
+    };
+    /** @description 图片预览加载失败内容 */
+    "viewer-error": {
+        activeIndex: number;
+        src: string;
+    };
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to use lazy load. */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    /** @description 是否可以预览图片 */
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollContainer: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import("element-plus").ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import("element-plus").ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>, {
+    /** @description 手动打开图片预览。 */
+    showPreview: import("vue").ComputedRef<(() => void) | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    load: (evt: Event) => boolean;
+    error: (evt: Event) => boolean;
+    switch: (val: number) => boolean;
+    close: () => boolean;
+    show: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to use lazy load. */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    /** @description 是否可以预览图片 */
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollContainer: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import("element-plus").ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import("element-plus").ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onError?: ((evt: Event) => any) | undefined;
+    onSwitch?: ((val: number) => any) | undefined;
+    onLoad?: ((evt: Event) => any) | undefined;
+    onShow?: (() => any) | undefined;
+}>, {
+    small: boolean;
+    base64: boolean;
+    original: boolean;
+    normal: boolean;
+    thumb: boolean;
+    src: string;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "cover" | "fill" | "none" | "contain" | "scale-down", unknown>;
+    closeOnPressEscape: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideOnClickModal: boolean;
+    previewTeleported: boolean;
+    lazy: boolean;
+    preview: boolean;
+    previewSrcList: string[];
+    initialIndex: number;
+    infinite: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    zoomRate: number;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+    showProgress: boolean;
+}, import("../../../utils").TypedSlotsDeclaration<FaImageSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/image/src/image.mjs

@@ -0,0 +1,97 @@
+import { useEmits } from "../../../utils/vue/emits.mjs";
+import { useExpose } from "../../../utils/vue/expose.mjs";
+import { useProps } from "../../../utils/vue/props.mjs";
+import { useRender } from "../../../utils/vue/render.mjs";
+import { makeSlots } from "../../../utils/vue/slots.mjs";
+import { computed, createVNode, defineComponent, mergeProps, reactive, ref, watch } from "vue";
+import { Picture } from "@element-plus/icons-vue";
+import { ElIcon, ElImage, imageEmits, imageProps } from "element-plus";
+//#region src/components/image/src/image.tsx
+/** FaImage 的运行时 Props 定义。 */
+const faImageProps = {
+	...imageProps,
+	/** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */
+	hideOnClickModal: {
+		type: Boolean,
+		default: true
+	},
+	/** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */
+	previewTeleported: {
+		type: Boolean,
+		default: true
+	},
+	/** @description whether to use lazy load. */
+	lazy: {
+		type: Boolean,
+		default: true
+	},
+	/** @description Base64图片 */
+	base64: Boolean,
+	/** @description 原图 */
+	original: Boolean,
+	/** @description 标准 */
+	normal: Boolean,
+	/** @description 小图 */
+	small: Boolean,
+	/** @description 缩略图 */
+	thumb: Boolean,
+	/** @description 是否可以预览图片 */
+	preview: {
+		type: Boolean,
+		default: true
+	}
+};
+/** FaImage 的运行时事件定义。 */
+const faImageEmits = { ...imageEmits };
+var image_default = defineComponent({
+	name: "FaImage",
+	props: faImageProps,
+	emits: faImageEmits,
+	slots: makeSlots(),
+	setup(props, { slots, emit, expose }) {
+		const state = reactive({
+			/** 图片加载错误 */
+			loadError: false,
+			src: computed(() => {
+				if (!props.src) return void 0;
+				if (props.base64) return `data:image/png;base64,${props.src}`;
+				else if (props.original || state.loadError) return props.src;
+				else if (props.normal) return `${props.src}@!normal`;
+				else if (props.small) return `${props.src}@!small`;
+				else if (props.thumb) return `${props.src}@!thumb`;
+				else return `${props.src}@!thumb`;
+			}),
+			previewList: computed(() => props.preview && props.src ? [props.base64 ? `data:image/png;base64,${props.src}` : props.src] : [])
+		});
+		const imageRef = ref();
+		watch(() => props.src, () => {
+			state.loadError = false;
+		});
+		const bindProps = useProps(props, imageProps, ["src", "previewSrcList"]);
+		const bindEmits = useEmits(imageEmits, emit, ["error"]);
+		useRender(() => createVNode(ElImage, mergeProps(bindProps.value, bindEmits.value, {
+			"class": "fa-image",
+			"ref": imageRef,
+			"src": state.src,
+			"previewSrcList": state.previewList,
+			"onError": (event) => {
+				state.loadError ||= true;
+				emit("error", event);
+			}
+		}), {
+			error: () => slots.error ? slots.error?.() ?? [] : createVNode("div", { "class": "fa-image__error-image" }, [createVNode(ElIcon, { "class": "icon" }, { default: () => [createVNode(Picture, null, null)] })]),
+			...slots.placeholder && { placeholder: () => slots.placeholder?.() ?? [] },
+			...slots.viewer && { viewer: () => slots.viewer?.({ src: state.src }) ?? [] },
+			...slots.progress && { progress: (scope) => slots.progress?.(scope) ?? [] },
+			...slots.toolbar && { toolbar: (scope) => slots.toolbar?.(scope) ?? [] },
+			...slots["viewer-error"] && { "viewer-error": (scope) => slots["viewer-error"]?.(scope) ?? [] }
+		}));
+		return useExpose(expose, { 
+		/** @description 手动打开图片预览。 */
+showPreview: computed(() => imageRef.value?.showPreview) });
+	}
+});
+//#endregion
+export { image_default as default, faImageEmits, faImageProps };
+
+//# sourceMappingURL=image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","names":["viewer-error"],"sources":["../../../../src/components/image/src/image.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, ref, watch } from \"vue\";\nimport { Picture as ElIconPicture } from \"@element-plus/icons-vue\";\nimport { ElIcon, ElImage, imageEmits, imageProps } from \"element-plus\";\nimport { makeSlots, useEmits, useExpose, useProps, useRender } from \"../../../utils\";\nimport type { ImageInstance, ImageViewerAction } from \"element-plus\";\nimport type { VNode } from \"vue\";\n\n/** FaImage 的运行时 Props 定义。 */\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\n/** FaImage 的运行时事件定义。 */\nexport const faImageEmits = {\n\t...imageEmits,\n};\n\n/** FaImage 的插槽参数。 */\nexport interface FaImageSlots extends Record<string, unknown> {\n\t/** @description 当图像尚未加载时，自定义的占位符内容 */\n\tplaceholder: never;\n\t/** @description 自定义图像加载失败的内容 */\n\terror: never;\n\t/** @description 当图像预览时自定义内容 */\n\tviewer: { src?: string };\n\t/** @description 图片预览进度内容 */\n\tprogress: { activeIndex: number; total: number };\n\t/** @description 图片预览工具栏内容 */\n\ttoolbar: {\n\t\tactions: (action: ImageViewerAction, options?: Record<string, never>) => void;\n\t\tprev: () => void;\n\t\tnext: () => void;\n\t\treset: () => void;\n\t\tactiveIndex: number;\n\t\tsetActiveItem: (index: number) => void;\n\t};\n\t/** @description 图片预览加载失败内容 */\n\t\"viewer-error\": { activeIndex: number; src: string };\n}\n\nexport default defineComponent({\n\tname: \"FaImage\",\n\tprops: faImageProps,\n\temits: faImageEmits,\n\tslots: makeSlots<FaImageSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\t/** 图片加载错误 */\n\t\t\tloadError: false,\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 || state.loadError) {\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 ? [props.base64 ? `data:image/png;base64,${props.src}` : props.src] : [])),\n\t\t});\n\t\tconst imageRef = ref<ImageInstance>();\n\n\t\twatch(\n\t\t\t() => props.src,\n\t\t\t() => {\n\t\t\t\tstate.loadError = false;\n\t\t\t}\n\t\t);\n\n\t\tconst bindProps = useProps(props, imageProps, [\"src\", \"previewSrcList\"]);\n\t\tconst bindEmits = useEmits(imageEmits, emit, [\"error\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElImage\n\t\t\t\t{...bindProps.value}\n\t\t\t\t{...bindEmits.value}\n\t\t\t\tclass=\"fa-image\"\n\t\t\t\tref={imageRef}\n\t\t\t\tsrc={state.src}\n\t\t\t\tpreviewSrcList={state.previewList}\n\t\t\t\tonError={(event) => {\n\t\t\t\t\tstate.loadError ||= true;\n\t\t\t\t\temit(\"error\", event);\n\t\t\t\t}}\n\t\t\t>\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\t(slots.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\t...(slots.progress && {\n\t\t\t\t\t\tprogress: (scope: { activeIndex: number; total: number }): VNode[] => slots.progress?.(scope) ?? [],\n\t\t\t\t\t}),\n\t\t\t\t\t...(slots.toolbar && {\n\t\t\t\t\t\ttoolbar: (scope: FaImageSlots[\"toolbar\"]): VNode[] => slots.toolbar?.(scope) ?? [],\n\t\t\t\t\t}),\n\t\t\t\t\t...(slots[\"viewer-error\"] && {\n\t\t\t\t\t\t\"viewer-error\": (scope: { activeIndex: number; src: string }): VNode[] => slots[\"viewer-error\"]?.(scope) ?? [],\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElImage>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 手动打开图片预览。 */\n\t\t\tshowPreview: computed(() => imageRef.value?.showPreview),\n\t\t});\n\t},\n});\n"],"mappings":";;;;;;;;;;AAQA,MAAa,eAAe;CAC3B,GAAG;;CAEH,kBAAkB;EACjB,MAAM;EACN,SAAS;CACV;;CAEA,mBAAmB;EAClB,MAAM;EACN,SAAS;CACV;;CAEA,MAAM;EACL,MAAM;EACN,SAAS;CACV;;CAEA,QAAQ;;CAER,UAAU;;CAEV,QAAQ;;CAER,OAAO;;CAEP,OAAO;;CAEP,SAAS;EACR,MAAM;EACN,SAAS;CACV;AACD;;AAGA,MAAa,eAAe,EAC3B,GAAG,WACJ;AAyBA,IAAA,gBAAe,gBAAgB;CAC9B,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO,UAAwB;CAC/B,MAAM,OAAO,EAAE,OAAO,MAAM,UAAU;EACrC,MAAM,QAAQ,SAAS;;GAEtB,WAAW;GACX,KAAK,eAAe;IACnB,IAAI,CAAC,MAAM,KAAK,OAAO,KAAA;IACvB,IAAI,MAAM,QACT,OAAO,yBAAyB,MAAM;SAChC,IAAI,MAAM,YAAY,MAAM,WAClC,OAAO,MAAM;SACP,IAAI,MAAM,QAChB,OAAO,GAAG,MAAM,IAAG;SACb,IAAI,MAAM,OAChB,OAAO,GAAG,MAAM,IAAG;SACb,IAAI,MAAM,OAChB,OAAO,GAAG,MAAM,IAAG;SAGnB,OAAO,GAAG,MAAM,IAAG;GAErB,CAAC;GACD,aAAa,eAAgB,MAAM,WAAW,MAAM,MAAM,CAAC,MAAM,SAAS,yBAAyB,MAAM,QAAQ,MAAM,GAAG,IAAI,CAAA,CAAG;EAClI,CAAC;EACD,MAAM,WAAW,IAAmB;EAEpC,YACO,MAAM,WACN;GACL,MAAM,YAAY;EACnB,CACD;EAEA,MAAM,YAAY,SAAS,OAAO,YAAY,CAAC,OAAO,gBAAgB,CAAC;EACvE,MAAM,YAAY,SAAS,YAAY,MAAM,CAAC,OAAO,CAAC;EAEtD,gBAAU,YAAA,SAAA,WAEJ,UAAU,OACV,UAAU,OAAK;GAAA,SAAA;GAAA,OAEd;GAAQ,OACR,MAAM;GAAG,kBACE,MAAM;GAAW,YACvB,UAAU;IACnB,MAAM,cAAc;IACpB,KAAK,SAAS,KAAK;GACpB;EAAC,CAAA,GAAA;GAGA,aACC,MAAM,QACJ,MAAM,QAAQ,KAAK,CAAA,IAAE,YAAA,OAAA,EAAA,SAAA,wBAAA,GAAA,CAAA,YAAA,QAAA,EAAA,SAAA,OAAA,GAAA,EAAA,eAAA,CAAA,YAAA,SAAA,MAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA;GAQxB,GAAI,MAAM,eAAe,EAAE,mBAA4B,MAAM,cAAc,KAAK,CAAA,EAAG;GACnF,GAAI,MAAM,UAAU,EAAE,cAAuB,MAAM,SAAS,EAAE,KAAK,MAAM,IAAI,CAAC,KAAK,CAAA,EAAG;GACtF,GAAI,MAAM,YAAY,EACrB,WAAW,UAA2D,MAAM,WAAW,KAAK,KAAK,CAAA,EAClG;GACA,GAAI,MAAM,WAAW,EACpB,UAAU,UAA4C,MAAM,UAAU,KAAK,KAAK,CAAA,EACjF;GACA,GAAI,MAAM,mBAAmB,EAC5B,iBAAiB,UAAyD,MAAM,eAAe,GAAG,KAAK,KAAK,CAAA,EAC7G;EAAE,CAAA,CAGJ;EAED,OAAO,UAAU,QAAQ;;AAExB,aAAa,eAAe,SAAS,OAAO,WAAW,EACxD,CAAC;CACF;AACD,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,22 @@
+export * from "./avatar";
+export * from "./button";
+export * from "./carNumber";
+export * from "./contextMenu";
+export * from "./dialog";
+export * from "./drawer";
+export * from "./form";
+export * from "./formItemTip";
+export * from "./icon";
+export * from "./iconSelector";
+export * from "./image";
+export * from "./inputDialogPage";
+export * from "./layoutGrid";
+export * from "./select";
+export * from "./selectPage";
+export * from "./selectV2";
+export * from "./table";
+export * from "./tree";
+export * from "./treeSelect";
+export * from "./upload";
+export * from "./uploadImage";
+export * from "./uploadImages";

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

@@ -0,0 +1,14 @@
+import InputDialogPage, { faInputDialogPageEmits, faInputDialogPageProps } from "./src/inputDialogPage";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 在对话框中提供分页选择与输入交互的组件。 */
+export declare const FaInputDialogPage: TSXWithInstall<typeof InputDialogPage>;
+export default FaInputDialogPage;
+export { faInputDialogPageProps, faInputDialogPageEmits };
+export type { FaInputDialogPageSlots } from "./src/inputDialogPage";
+/** FaInputDialogPage 暴露的组件实例类型。 */
+export type FaInputDialogPageInstance = InstanceType<typeof InputDialogPage>;
+/** FaInputDialogPage 的完整 Props 类型。 */
+export type FaInputDialogPageProps = ExtractPropTypes<typeof faInputDialogPageProps>;
+/** FaInputDialogPage 的 Emits 类型。 */
+export type FaInputDialogPageEmits = typeof faInputDialogPageEmits;

package/dist/components/inputDialogPage/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import inputDialogPage_default, { faInputDialogPageEmits, faInputDialogPageProps } from "./src/inputDialogPage.mjs";
+//#region src/components/inputDialogPage/index.ts
+/** 在对话框中提供分页选择与输入交互的组件。 */
+const FaInputDialogPage = withInstall(inputDialogPage_default);
+//#endregion
+export { FaInputDialogPage, FaInputDialogPage as default, faInputDialogPageEmits, faInputDialogPageProps };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["InputDialogPage"],"sources":["../../../src/components/inputDialogPage/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport InputDialogPage, { faInputDialogPageEmits, faInputDialogPageProps } from \"./src/inputDialogPage\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 在对话框中提供分页选择与输入交互的组件。 */\nexport const FaInputDialogPage: TSXWithInstall<typeof InputDialogPage> = withInstall(InputDialogPage);\nexport default FaInputDialogPage;\n\nexport { faInputDialogPageProps, faInputDialogPageEmits };\nexport type { FaInputDialogPageSlots } from \"./src/inputDialogPage\";\n\n/** FaInputDialogPage 暴露的组件实例类型。 */\nexport type FaInputDialogPageInstance = InstanceType<typeof InputDialogPage>;\n\n/** FaInputDialogPage 的完整 Props 类型。 */\nexport type FaInputDialogPageProps = ExtractPropTypes<typeof faInputDialogPageProps>;\n\n/** FaInputDialogPage 的 Emits 类型。 */\nexport type FaInputDialogPageEmits = typeof faInputDialogPageEmits;\n"],"mappings":";;;;AAMA,MAAa,oBAA4D,YAAYA,uBAAe"}

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

@@ -0,0 +1,134 @@
+import { type PagedInput, type PagedResult } from "../../table";
+import type { TableProps } from "element-plus";
+import type { PropType } from "vue";
+/** FaInputDialogPage 的运行时 Props 定义。 */
+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<Record<string, unknown>>["rowKey"]>;
+        default: string;
+    };
+    /** @description v-model绑定值 */
+    modelValue: PropType<string | number | null>;
+    /** @description v-model:label绑定值 */
+    label: PropType<string | null>;
+    /** @description 输入框占位文本 */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 禁用 */
+    disabled: BooleanConstructor;
+    /** @description 标题 */
+    title: StringConstructor;
+    /** @description 请求api */
+    requestApi: {
+        type: PropType<(params?: PagedInput) => Promise<PagedResult | Record<string, unknown>[]>>;
+    };
+    /** 初始化参数 */
+    initParam: PropType<unknown>;
+    /** @description 显示文本 Key */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+/** FaInputDialogPage 的运行时 Emits 定义。 */
+export declare const faInputDialogPageEmits: {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string | number | null) => boolean;
+    /** @description v-model:label 回调 */
+    "update:label": (value: string | null) => boolean;
+    /** @description 改变 */
+    change: (_data: unknown, _value?: string | number | null) => boolean;
+};
+/** FaInputDialogPage 的插槽参数。 */
+export interface FaInputDialogPageSlots extends Record<string, unknown> {
+    /** @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<Record<string, unknown>>["rowKey"]>;
+        default: string;
+    };
+    /** @description v-model绑定值 */
+    modelValue: PropType<string | number | null>;
+    /** @description v-model:label绑定值 */
+    label: PropType<string | null>;
+    /** @description 输入框占位文本 */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 禁用 */
+    disabled: BooleanConstructor;
+    /** @description 标题 */
+    title: StringConstructor;
+    /** @description 请求api */
+    requestApi: {
+        type: PropType<(params?: PagedInput) => Promise<PagedResult | Record<string, unknown>[]>>;
+    };
+    /** 初始化参数 */
+    initParam: PropType<unknown>;
+    /** @description 显示文本 Key */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    /** @description 选择行数据 */
+    selectionRow: import("vue").ComputedRef<Record<string, unknown>>;
+    /** @description 打开选择器弹窗 */
+    open: () => void;
+    /** @description 清除选择 */
+    clear: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string | number | null) => boolean;
+    /** @description v-model:label 回调 */
+    "update:label": (value: string | null) => boolean;
+    /** @description 改变 */
+    change: (_data: unknown, _value?: string | number | null) => 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<Record<string, unknown>>["rowKey"]>;
+        default: string;
+    };
+    /** @description v-model绑定值 */
+    modelValue: PropType<string | number | null>;
+    /** @description v-model:label绑定值 */
+    label: PropType<string | null>;
+    /** @description 输入框占位文本 */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 禁用 */
+    disabled: BooleanConstructor;
+    /** @description 标题 */
+    title: StringConstructor;
+    /** @description 请求api */
+    requestApi: {
+        type: PropType<(params?: PagedInput) => Promise<PagedResult | Record<string, unknown>[]>>;
+    };
+    /** 初始化参数 */
+    initParam: PropType<unknown>;
+    /** @description 显示文本 Key */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((_data: unknown, _value?: string | number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+    "onUpdate:label"?: ((value: string | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    rowKey: string | ((row: Record<string, unknown>) => string) | undefined;
+    labelKey: string;
+}, import("../../../utils").TypedSlotsDeclaration<FaInputDialogPageSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;