@zboson/ui 0.0.0-stage → 0.0.2

package/dist/ref-input/RefInput.js

@@ -0,0 +1,780 @@
+import { devUseWarning } from "../_util/warning.js";
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
+import { getSlotPropsFnRun } from "../_util/tools.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
+import InternalTooltip from "../tooltip/index.js";
+import Modal from "../modal/index.js";
+import CompoundedInput, { InputSearch } from "../input/index.js";
+import InternalTable from "../table/index.js";
+import style_default from "./style/index.js";
+import { Teleport, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from "vue";
+import { clsx } from "@v-c/util";
+import { SearchOutlined } from "@zboson/icons";
+//#region src/ref-input/RefInput.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const RefInput = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs, expose }) => {
+	const { direction, class: contextClassName, style: contextStyle, prefixCls } = useComponentBaseConfig("refInput", props, [], "ref-input");
+	const rootCls = useCSSVarCls(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const warning = devUseWarning("RefInput");
+	const mergedRefkey = computed(() => props.refkey ?? "code");
+	const mergedRefshow = computed(() => props.refshow ?? "name");
+	const hasAddon = computed(() => !!props.addon || !!slots.addon);
+	const mergedDevmode = computed(() => ({
+		showRefkey: false,
+		alwaysShow: false,
+		tips: false,
+		testTarget: false,
+		...props.devmode
+	}));
+	const inputText = ref("");
+	const valid = ref(false);
+	const focused = ref(false);
+	const hovered = ref(false);
+	const activeIndex = ref(-1);
+	const dropdownData = shallowRef([]);
+	const dropdownColumns = shallowRef([]);
+	const dropdownLoading = ref(false);
+	const dropdownShowLoading = ref(false);
+	const dropdownRef = shallowRef();
+	const rootRef = shallowRef();
+	const inputWrapRef = shallowRef();
+	const dropdownStyle = ref();
+	const inputRef = shallowRef();
+	const modalOpen = ref(false);
+	const modalKeyword = ref("");
+	const modalData = shallowRef([]);
+	const modalColumns = shallowRef([]);
+	const modalLoading = ref(false);
+	const modalPage = ref(1);
+	const modalPageSize = ref(props.pageSize ?? 15);
+	const modalTotal = ref(0);
+	const modalSearchRef = shallowRef();
+	let searchTimer;
+	let loadingTimer;
+	let dropdownSeq = 0;
+	let modalSeq = 0;
+	let initSeq = 0;
+	const showDropdown = computed(() => {
+		if (modalOpen.value) return false;
+		if (mergedDevmode.value.alwaysShow) return true;
+		if (props.disabled) return false;
+		return focused.value || hovered.value && !valid.value;
+	});
+	function updateDropdownPosition() {
+		const root = rootRef.value;
+		const el = inputWrapRef.value;
+		if (!root || !el) return;
+		const rootRect = root.getBoundingClientRect();
+		const inputRect = el.getBoundingClientRect();
+		const width = Math.max(rootRect.width, 150);
+		dropdownStyle.value = {
+			left: `${rootRect.left + window.scrollX}px`,
+			top: `${inputRect.bottom + window.scrollY}px`,
+			width: `${width}px`,
+			minWidth: `${width}px`
+		};
+	}
+	function onWindowReflow() {
+		if (showDropdown.value) updateDropdownPosition();
+	}
+	watch(showDropdown, (open) => {
+		if (open) {
+			updateDropdownPosition();
+			window.addEventListener("resize", onWindowReflow);
+			window.addEventListener("scroll", onWindowReflow, true);
+		} else {
+			window.removeEventListener("resize", onWindowReflow);
+			window.removeEventListener("scroll", onWindowReflow, true);
+		}
+	}, { immediate: true });
+	const inputStyle = computed(() => {
+		if (!hasAddon.value) return;
+		return {
+			borderStartStartRadius: 0,
+			borderEndStartRadius: 0
+		};
+	});
+	const mergedDropdownColumns = computed(() => {
+		if (props.columns?.length) return props.columns;
+		if (dropdownColumns.value.length) return dropdownColumns.value;
+		return deriveColumns(dropdownData.value);
+	});
+	const mergedModalColumns = computed(() => {
+		if (props.columns?.length) return props.columns;
+		if (modalColumns.value.length) return modalColumns.value;
+		return deriveColumns(modalData.value);
+	});
+	const modalPagination = computed(() => ({
+		current: modalPage.value,
+		pageSize: modalPageSize.value,
+		total: modalTotal.value,
+		showSizeChanger: true,
+		pageSizeOptions: [
+			"10",
+			"15",
+			"20",
+			"30",
+			"40",
+			"50",
+			"100"
+		],
+		showQuickJumper: true,
+		showTotal: (total) => `共 ${total} 条`,
+		onChange: handleModalPageChange,
+		onShowSizeChange: handleModalPageChange
+	}));
+	watch(() => props.text, (text) => {
+		inputText.value = text ?? "";
+	}, { immediate: true });
+	watch(() => props.refvalue, (value) => {
+		if (value === null || value === void 0) valid.value = false;
+	});
+	watch(() => props.pageSize, (size) => {
+		if (size) modalPageSize.value = size;
+	});
+	watch(() => props.initData, (initData) => {
+		initSeq++;
+		if (initData) initFromData(initData);
+		else {
+			inputText.value = "";
+			emit("update:text", "");
+			valid.value = false;
+		}
+	}, { deep: true });
+	watch(() => props.dataSource, () => {
+		if (!props.fetchData && props.initData) initFromData(props.initData);
+	});
+	onMounted(() => {
+		if (showDropdown.value) updateDropdownPosition();
+		if (props.autoinit) runDropdownSearch("", true);
+		if (props.initData) initFromData(props.initData);
+		if (props.autoFocus) nextTick(() => inputRef.value?.focus?.());
+	});
+	onBeforeUnmount(() => {
+		window.removeEventListener("resize", onWindowReflow);
+		window.removeEventListener("scroll", onWindowReflow, true);
+		if (searchTimer) {
+			clearTimeout(searchTimer);
+			searchTimer = void 0;
+		}
+		if (loadingTimer) {
+			clearTimeout(loadingTimer);
+			loadingTimer = void 0;
+		}
+		dropdownSeq++;
+		modalSeq++;
+		initSeq++;
+	});
+	expose({
+		nativeElement: computed(() => inputRef.value?.input ?? null),
+		focus: () => inputRef.value?.focus?.(),
+		blur: () => inputRef.value?.blur?.(),
+		open: openModal,
+		close: closeModal,
+		search: (keyword) => runDropdownSearch(keyword ?? inputText.value, true)
+	});
+	function deriveColumns(data) {
+		const first = data[0];
+		if (!first) return [];
+		return Object.keys(first).filter((key) => key !== "children").map((key) => ({
+			title: key,
+			dataIndex: key,
+			key,
+			align: "center"
+		}));
+	}
+	function filterDataSource(source, params) {
+		if (params.source === "init") {
+			const initData = params.initData;
+			const data = initData ? source.filter((row) => String(row?.[initData.key]) === String(initData.value)) : [];
+			return {
+				data,
+				total: data.length
+			};
+		}
+		const keyword = params.keyword.trim().toLowerCase();
+		const data = keyword ? source.filter((row) => String(row?.[mergedRefshow.value] ?? "").toLowerCase().includes(keyword)) : source.slice();
+		if (params.source === "modal") {
+			const start = (params.page - 1) * params.pageSize;
+			return {
+				data: data.slice(start, start + params.pageSize),
+				total: data.length
+			};
+		}
+		return {
+			data,
+			total: data.length
+		};
+	}
+	function setDropdownLoading(loading) {
+		dropdownLoading.value = loading;
+		if (loadingTimer) {
+			clearTimeout(loadingTimer);
+			loadingTimer = void 0;
+		}
+		if (!loading) {
+			dropdownShowLoading.value = false;
+			return;
+		}
+		dropdownShowLoading.value = false;
+		loadingTimer = setTimeout(() => {
+			loadingTimer = void 0;
+			if (dropdownLoading.value) dropdownShowLoading.value = true;
+		}, 500);
+	}
+	async function resolveData(params) {
+		if (props.fetchData) {
+			const result = await props.fetchData(params);
+			if (Array.isArray(result)) return {
+				data: result,
+				total: result.length
+			};
+			return {
+				data: result?.data ?? [],
+				total: result?.total,
+				columns: result?.columns
+			};
+		}
+		if (props.dataSource) return filterDataSource(props.dataSource, params);
+		return { data: [] };
+	}
+	function runDropdownSearch(keyword, immediate = false) {
+		if (searchTimer) {
+			clearTimeout(searchTimer);
+			searchTimer = void 0;
+		}
+		const seq = ++dropdownSeq;
+		emit("search", keyword, "dropdown");
+		const execute = async () => {
+			setDropdownLoading(true);
+			try {
+				const result = await resolveData({
+					keyword,
+					refid: props.refid,
+					whereParam: props.whereParam,
+					source: "dropdown",
+					page: 1,
+					pageSize: props.dropdownPageSize ?? 20
+				});
+				if (seq !== dropdownSeq) return;
+				dropdownData.value = result.data;
+				dropdownColumns.value = result.columns ?? [];
+				activeIndex.value = -1;
+			} catch (error) {
+				if (seq === dropdownSeq) {
+					dropdownData.value = [];
+					dropdownColumns.value = [];
+					activeIndex.value = -1;
+					emit("fetchError", error, "dropdown");
+				}
+			} finally {
+				if (seq === dropdownSeq) setDropdownLoading(false);
+			}
+		};
+		const delay = props.searchDelay ?? 0;
+		if (immediate || delay <= 0) execute();
+		else searchTimer = setTimeout(execute, delay);
+	}
+	function moveActive(step) {
+		const length = dropdownData.value.length;
+		if (!length) return;
+		if (activeIndex.value < 0) activeIndex.value = step > 0 ? 0 : length - 1;
+		else activeIndex.value = (activeIndex.value + step + length) % length;
+		ensureActiveVisible();
+	}
+	async function ensureActiveVisible() {
+		await nextTick();
+		(dropdownRef.value?.querySelector(`.${prefixCls.value}-row-active`))?.scrollIntoView?.({ block: "nearest" });
+	}
+	function onKeydown(event) {
+		if (event.key === "ArrowDown" || event.key === "Down") {
+			if (!showDropdown.value) return;
+			event.preventDefault();
+			moveActive(1);
+		} else if (event.key === "ArrowUp" || event.key === "Up") {
+			if (!showDropdown.value) return;
+			event.preventDefault();
+			moveActive(-1);
+		} else if (event.key === "Enter") {
+			const record = dropdownData.value[activeIndex.value];
+			if (showDropdown.value && activeIndex.value >= 0 && record) {
+				event.preventDefault();
+				selectRecord(record);
+			} else if (showDropdown.value) inputRef.value?.blur?.();
+		} else if (event.key === "Escape") {
+			if (modalOpen.value) closeModal();
+			else if (showDropdown.value) inputRef.value?.blur?.();
+		}
+	}
+	function clearSelection() {
+		valid.value = false;
+		emit("update:refvalue", null);
+		emit("update:refdata", null);
+	}
+	function selectRecord(record) {
+		emit("update:refdata", record);
+		const value = record?.[mergedRefkey.value];
+		if (value === void 0 || value === null) {
+			warning(false, "usage", `RefInput: the selected record has no "${mergedRefkey.value}" field.`);
+			return;
+		}
+		emit("update:refvalue", value);
+		const label = record?.[mergedRefshow.value];
+		if (!label) {
+			warning(false, "usage", `RefInput: the selected record has no "${mergedRefshow.value}" field.`);
+			return;
+		}
+		inputText.value = String(label);
+		emit("update:text", inputText.value);
+		emit("select", record);
+		emit("change", label, record);
+		valid.value = true;
+		activeIndex.value = -1;
+		focused.value = false;
+		hovered.value = false;
+		closeModal();
+		inputRef.value?.blur?.();
+	}
+	function onInputChange(event) {
+		const value = event.target?.value ?? "";
+		inputText.value = value;
+		emit("update:text", value);
+		if (props.signed) emit("update:signed", false);
+		clearSelection();
+		runDropdownSearch(value);
+	}
+	function onFocus(event) {
+		focused.value = true;
+		emit("focus", event);
+		event.target?.select?.();
+		runDropdownSearch(inputText.value, true);
+	}
+	function onBlur() {
+		focused.value = false;
+		if (!valid.value) {
+			if (props.signed) {
+				emit("update:signed", false);
+				valid.value = true;
+			} else if (inputText.value) {
+				inputText.value = "";
+				emit("update:text", "");
+			}
+		}
+		nextTick(() => {
+			if (!showDropdown.value && !modalOpen.value) emit("blur");
+		});
+	}
+	function onSearchIconMousedown(event) {
+		event.preventDefault();
+		openModal();
+	}
+	function onDropdownEnter() {
+		hovered.value = true;
+	}
+	function onDropdownLeave() {
+		hovered.value = false;
+	}
+	function openModal() {
+		if (props.disabled) return;
+		modalKeyword.value = inputText.value;
+		modalPage.value = 1;
+		modalOpen.value = true;
+		emit("modalOpenChange", true);
+		runModalSearch();
+		nextTick(() => modalSearchRef.value?.focus?.());
+	}
+	function closeModal() {
+		if (!modalOpen.value) return;
+		modalOpen.value = false;
+		emit("modalOpenChange", false);
+	}
+	async function runModalSearch() {
+		const seq = ++modalSeq;
+		modalLoading.value = true;
+		emit("search", modalKeyword.value, "modal");
+		try {
+			const result = await resolveData({
+				keyword: modalKeyword.value,
+				refid: props.refid,
+				whereParam: props.whereParam,
+				source: "modal",
+				page: modalPage.value,
+				pageSize: modalPageSize.value
+			});
+			if (seq !== modalSeq) return;
+			modalData.value = result.data;
+			modalColumns.value = result.columns ?? [];
+			modalTotal.value = result.total ?? (modalPage.value - 1) * modalPageSize.value + result.data.length;
+		} catch (error) {
+			if (seq === modalSeq) {
+				modalData.value = [];
+				modalColumns.value = [];
+				modalTotal.value = 0;
+				emit("fetchError", error, "modal");
+			}
+		} finally {
+			if (seq === modalSeq) modalLoading.value = false;
+		}
+	}
+	function handleModalPageChange(page, pageSize) {
+		if (pageSize !== modalPageSize.value) {
+			modalPageSize.value = pageSize;
+			modalPage.value = 1;
+		} else modalPage.value = page;
+		runModalSearch();
+	}
+	function onModalKeywordChange(event) {
+		modalKeyword.value = event.target?.value ?? "";
+	}
+	function onModalSearch(value) {
+		modalKeyword.value = value;
+		modalPage.value = 1;
+		runModalSearch();
+	}
+	async function initFromData(initData) {
+		const seq = ++initSeq;
+		emit("search", "", "init");
+		try {
+			const result = await resolveData({
+				keyword: "",
+				refid: props.refid,
+				whereParam: props.whereParam,
+				source: "init",
+				page: 1,
+				pageSize: props.dropdownPageSize ?? 20,
+				initData
+			});
+			if (seq !== initSeq) return;
+			const matched = result.data.filter((record) => String(record?.[initData.key]) === String(initData.value));
+			warning(matched.length === 1, "usage", `RefInput: initData should match exactly one record, but matched ${matched.length}.`);
+			if (matched.length !== 1) return;
+			const record = matched[0];
+			if (!record) return;
+			emit("update:refdata", record);
+			const value = record[mergedRefkey.value];
+			if (value === void 0 || value === null) {
+				warning(false, "usage", `RefInput: the init record has no "${mergedRefkey.value}" field.`);
+				return;
+			}
+			emit("update:refvalue", value);
+			emit("initSuccess", value);
+			const label = record[mergedRefshow.value];
+			inputText.value = String(label ?? initData.name ?? "");
+			emit("update:text", inputText.value);
+			if (!label) {
+				warning(false, "usage", `RefInput: the init record has no "${mergedRefshow.value}" field.`);
+				return;
+			}
+			valid.value = true;
+		} catch (error) {
+			if (seq === initSeq) emit("fetchError", error, "init");
+		}
+	}
+	function onRow(record) {
+		return { onMousedown: (event) => {
+			event.preventDefault();
+			selectRecord(record);
+		} };
+	}
+	function getRowClassName(_record, index) {
+		return index === activeIndex.value ? `${prefixCls.value}-row-active` : "";
+	}
+	return () => {
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const addonNode = getSlotPropsFnRun(slots, props, "addon");
+		const searchIconNode = getSlotPropsFnRun(slots, props, "searchIcon") ?? createVNode(SearchOutlined, null, null);
+		const tooltipTitle = mergedDevmode.value.showRefkey ? `当前参照值>>>${props.refvalue ?? ""}` : props.searchTooltip;
+		const searchIcon = createVNode("span", {
+			"class": clsx(`${prefixCls.value}-search-icon`, { [`${prefixCls.value}-search-icon-valid`]: valid.value }),
+			"onMousedown": onSearchIconMousedown
+		}, [searchIconNode]);
+		const suffixNode = props.disabled ? null : tooltipTitle ? createVNode(InternalTooltip, { "title": tooltipTitle }, _isSlot(searchIcon) ? searchIcon : { default: () => [searchIcon] }) : searchIcon;
+		const rootWidth = props.inputWidth ? typeof props.inputWidth === "number" ? `${props.inputWidth}px` : props.inputWidth : "100%";
+		return createVNode("div", mergeProps(restAttrs, {
+			"ref": rootRef,
+			"class": clsx(prefixCls.value, contextClassName.value, props.rootClass, className, hashId.value, cssVarCls.value, {
+				[`${prefixCls.value}-rtl`]: direction.value === "rtl",
+				[`${prefixCls.value}-with-addon`]: hasAddon.value
+			}),
+			"style": {
+				width: rootWidth,
+				...contextStyle.value,
+				...style
+			}
+		}), [
+			hasAddon.value && createVNode("span", {
+				"class": `${prefixCls.value}-addon`,
+				"style": { padding: `0 ${props.addonPadding ?? 0}px` }
+			}, [addonNode]),
+			createVNode("div", {
+				"ref": inputWrapRef,
+				"class": `${prefixCls.value}-input`
+			}, [createVNode(CompoundedInput, {
+				"ref": inputRef,
+				"value": inputText.value,
+				"disabled": props.disabled,
+				"placeholder": props.placeholder,
+				"style": inputStyle.value,
+				"onChange": onInputChange,
+				"onFocus": onFocus,
+				"onBlur": onBlur,
+				"onKeydown": onKeydown
+			}, { suffix: () => suffixNode })]),
+			showDropdown.value && createVNode(Teleport, { "to": "body" }, { default: () => [createVNode("div", {
+				"ref": dropdownRef,
+				"class": clsx(`${prefixCls.value}-dropdown`, hashId.value, cssVarCls.value),
+				"style": dropdownStyle.value,
+				"onMouseenter": onDropdownEnter,
+				"onMouseleave": onDropdownLeave
+			}, [createVNode(InternalTable, {
+				"columns": mergedDropdownColumns.value,
+				"dataSource": dropdownData.value,
+				"loading": dropdownShowLoading.value,
+				"pagination": false,
+				"rowClassName": getRowClassName,
+				"rowKey": mergedRefkey.value,
+				"styles": { content: { maxHeight: `${props.dropdownMaxHeight ?? 228}px` } },
+				"size": "small",
+				"tableLayout": "auto",
+				"onRow": onRow
+			}, null)])] }),
+			createVNode(Modal, {
+				"open": modalOpen.value,
+				"title": props.modalTitle ?? props.addon ?? getSlotPropsFnRun(slots, props, "addon"),
+				"width": props.modalWidth ?? "70vw",
+				"footer": null,
+				"rootClass": `${prefixCls.value}-modal-root`,
+				"styles": {
+					container: {
+						padding: 0,
+						borderRadius: 4
+					},
+					header: {
+						padding: "16px 24px",
+						marginBottom: 0,
+						background: "#fff",
+						borderBottom: "1px solid #e8e8e8",
+						borderRadius: "4px 4px 0 0"
+					},
+					title: {
+						fontWeight: 500,
+						lineHeight: "22px"
+					},
+					body: { padding: "8px" }
+				},
+				"onCancel": closeModal
+			}, { default: () => [createVNode("div", { "class": clsx(`${prefixCls.value}-modal-body`, rootCls.value) }, [createVNode("div", { "class": `${prefixCls.value}-modal-search` }, [createVNode(InputSearch, {
+				"ref": modalSearchRef,
+				"value": modalKeyword.value,
+				"placeholder": props.modalSearchPlaceholder ?? "Search",
+				"enterButton": true,
+				"onChange": onModalKeywordChange,
+				"onSearch": onModalSearch
+			}, null)]), createVNode("div", { "class": `${prefixCls.value}-modal-table` }, [createVNode(InternalTable, {
+				"bordered": true,
+				"columns": mergedModalColumns.value,
+				"dataSource": modalData.value,
+				"loading": modalLoading.value,
+				"pagination": modalPagination.value,
+				"rowKey": mergedRefkey.value,
+				"scroll": props.modalTableHeight ? { y: props.modalTableHeight } : void 0,
+				"size": "middle",
+				"onRow": onRow
+			}, null)])])] })
+		]);
+	};
+}, {
+	props: /*@__PURE__*/ mergeDefaults({
+		text: {
+			type: String,
+			required: false
+		},
+		refvalue: {
+			type: [
+				String,
+				Number,
+				null
+			],
+			required: false
+		},
+		refdata: {
+			type: [Object, null],
+			required: false
+		},
+		refid: {
+			type: String,
+			required: false
+		},
+		refkey: {
+			type: String,
+			required: false
+		},
+		refshow: {
+			type: String,
+			required: false
+		},
+		dataSource: {
+			type: Array,
+			required: false
+		},
+		fetchData: {
+			type: Function,
+			required: false
+		},
+		columns: {
+			type: Array,
+			required: false
+		},
+		initData: {
+			type: [Object, null],
+			required: false
+		},
+		whereParam: {
+			type: String,
+			required: false
+		},
+		devmode: {
+			type: Object,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		autoinit: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		signed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		addon: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		addonPadding: {
+			type: Number,
+			required: false
+		},
+		inputWidth: {
+			type: [Number, String],
+			required: false
+		},
+		dropdownMaxHeight: {
+			type: Number,
+			required: false
+		},
+		dropdownPageSize: {
+			type: Number,
+			required: false
+		},
+		pageSize: {
+			type: Number,
+			required: false
+		},
+		modalWidth: {
+			type: [Number, String],
+			required: false
+		},
+		modalTableHeight: {
+			type: Number,
+			required: false
+		},
+		modalTitle: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		modalSearchPlaceholder: {
+			type: String,
+			required: false
+		},
+		searchTooltip: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		searchDelay: {
+			type: Number,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	}, {
+		refid: "国家_临时",
+		refkey: "code",
+		refshow: "name",
+		addonPadding: 0,
+		inputWidth: 0,
+		dropdownMaxHeight: 228,
+		dropdownPageSize: 20,
+		pageSize: 15,
+		modalWidth: "70vw",
+		modalSearchPlaceholder: "请输入关键词",
+		searchTooltip: "打开搜索窗口",
+		searchDelay: 0
+	}),
+	emits: [
+		"update:text",
+		"update:refvalue",
+		"update:refdata",
+		"update:signed",
+		"change",
+		"select",
+		"search",
+		"initSuccess",
+		"fetchError",
+		"focus",
+		"blur",
+		"modalOpenChange"
+	],
+	name: "ARefInput",
+	inheritAttrs: false
+});
+//#endregion
+export { RefInput as default };