@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.104

package/dist/treeshaking/components/header/index.mjs

@@ -1,16 +1,11 @@
-import OHeader$1 from "./OHeader.vue.mjs";
-import OHeaderMobile$1 from "./OHeaderMobile.vue.mjs";
-const OHeader = Object.assign(OHeader$1, {
-  install(app) {
-    app.component("OHeader", OHeader$1);
-  }
-});
-const OHeaderMobile = Object.assign(OHeaderMobile$1, {
-  install(app) {
-    app.component("OHeaderMobile", OHeaderMobile$1);
-  }
-});
-export {
-  OHeader,
-  OHeaderMobile
-};
+import OHeader_default from "./OHeader.mjs";
+import { NavType } from "./types.mjs";
+import OHeaderMobile_default from "./OHeaderMobile.mjs";
+// src/components/header/index.ts
+var OHeader = Object.assign(OHeader_default, { install(app) {
+	app.component("OHeader", OHeader_default);
+} });
+var OHeaderMobile = Object.assign(OHeaderMobile_default, { install(app) {
+	app.component("OHeaderMobile", OHeaderMobile_default);
+} });
+export { NavType, OHeader, OHeaderMobile };

package/dist/treeshaking/components/header/types.mjs

@@ -1,9 +1,8 @@
-var NavType = /* @__PURE__ */ ((NavType2) => {
-  NavType2["NAV"] = "nav";
-  NavType2["CODE"] = "code";
-  NavType2["LANG"] = "lang";
-  return NavType2;
-})(NavType || {});
-export {
-  NavType
-};
+// src/components/header/types.ts
+var NavType = /* @__PURE__ */ function(NavType) {
+	NavType["NAV"] = "nav";
+	NavType["CODE"] = "code";
+	NavType["LANG"] = "lang";
+	return NavType;
+}({});
+export { NavType };

package/dist/treeshaking/components/header/utils.mjs

@@ -1,20 +1,12 @@
-const isTagExpired = (tagExpire) => {
-  if (!tagExpire) {
-    return false;
-  }
-  const expireTime = (/* @__PURE__ */ new Date(`${tagExpire}T23:59:59.999`)).getTime();
-  return !Number.isNaN(expireTime) && Date.now() > expireTime;
+// src/components/header/utils.ts
+var isTagExpired = (tagExpire) => {
+	if (!tagExpire) return false;
+	const expireTime = (/* @__PURE__ */ new Date(`${tagExpire}T23:59:59.999`)).getTime();
+	return !Number.isNaN(expireTime) && Date.now() > expireTime;
 };
-const isCodeItem = (val) => "href" in val;
-const linkTarget = (url, target) => {
-  if (target) {
-    return target;
-  } else {
-    return (url == null ? void 0 : url.startsWith("http")) ? "_blank" : void 0;
-  }
-};
-export {
-  isCodeItem,
-  isTagExpired,
-  linkTarget
+var isCodeItem = (val) => "href" in val;
+var linkTarget = (url, target) => {
+	if (target) return target;
+	else return url?.startsWith("http") ? "_blank" : void 0;
 };
+export { isCodeItem, isTagExpired, linkTarget };

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OHeaderLanguageSwitcher_vue_vue_type_script_setup_true_lang_default from "./OHeaderLanguageSwitcher.vue_vue_type_script_setup_true_lang.mjs";
+import './OHeaderLanguageSwitcher.vue_vue_type_style_index_0_scoped_423f1b29_lang.css';
+import './OHeaderLanguageSwitcher.vue_vue_type_style_index_1_lang.css';
+// src/components/header-language-switcher/OHeaderLanguageSwitcher.vue
+var OHeaderLanguageSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OHeaderLanguageSwitcher_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-423f1b29"]]);
+export { OHeaderLanguageSwitcher_default as default };

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,109 @@
+import icon_locale_default from "../../_virtual/~icons/components/icon-locale.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { ODivider, ODropdown, ODropdownItem, OIcon } from "@opensig/opendesign";
+import { useLocale, useScreen } from "@opendesign-plus/composables";
+// src/components/header-language-switcher/OHeaderLanguageSwitcher.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "info-wrap" };
+var _hoisted_2 = ["onClick"];
+var OHeaderLanguageSwitcher_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHeaderLanguageSwitcher",
+	props: {
+		options: {
+			type: Array,
+			default() {
+				return [{
+					id: "zh",
+					label: "简体中文",
+					simple: "中"
+				}, {
+					id: "en",
+					label: "English",
+					simple: "EN"
+				}];
+			}
+		},
+		type: {
+			type: String,
+			default: "auto"
+		},
+		auto: {
+			type: Boolean,
+			default: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		itemRadius: {
+			type: Number,
+			default: 4
+		}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const { changeLocale, locale } = useLocale();
+		const { lePadV } = useScreen();
+		const lang = computed(() => {
+			return locale.value;
+		});
+		const emits = __emit;
+		const changeLanguage = (newlang) => {
+			if (props.auto) changeLocale();
+			emits("change", newlang);
+		};
+		const getLang = (lang, simple) => {
+			const item = props.options.find((el) => el.id === lang);
+			if (item) return simple ? item.simple : item.label;
+			const defaultLang = props.options[0];
+			return simple ? defaultLang.simple : defaultLang.label;
+		};
+		const isCommon = computed(() => {
+			return props.type === "common" || props.type === "auto" && !lePadV.value;
+		});
+		return (_ctx, _cache) => {
+			return isCommon.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([__props.options.length <= 1 ? "hide-lang" : "header-lang", __props.disabled ? "is-disabled" : ""])
+			}, [createVNode(unref(ODropdown), {
+				trigger: "hover",
+				optionPosition: "bottom",
+				"option-width-mode": "auto",
+				optionWrapClass: { "is-disabled": __props.disabled }
+			}, {
+				dropdown: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
+					return openBlock(), createBlock(unref(ODropdownItem), {
+						onClick: ($event) => changeLanguage(item),
+						key: item.id,
+						class: normalizeClass({ "is-active": lang.value === item.id }),
+						style: normalizeStyle({ "--dropdown-item-radius": `${__props.itemRadius}px` })
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(getLang(item.id)), 1)]),
+						_: 2
+					}, 1032, [
+						"onClick",
+						"class",
+						"style"
+					]);
+				}), 128))]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(OIcon), { class: "icon" }, {
+					default: withCtx(() => [createVNode(unref(icon_locale_default)), createElementVNode("div", { class: normalizeClass(["locale-tag", { "is-en": lang.value === "en" }]) }, toDisplayString(getLang(lang.value, true)), 3)]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["optionWrapClass"])], 2)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass([__props.options.length <= 1 ? "hide-lang" : "mobile-change-language", __props.disabled ? "is-disabled" : ""])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, idx) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.id }, [idx !== 0 ? (openBlock(), createBlock(unref(ODivider), {
+					key: 0,
+					direction: "v"
+				})) : createCommentVNode("", true), createElementVNode("span", {
+					class: normalizeClass({ active: lang.value === item.id }),
+					onClick: withModifiers(($event) => changeLanguage(item), ["stop"])
+				}, toDisplayString(getLang(item.id, true)), 11, _hoisted_2)], 64);
+			}), 128))], 2));
+		};
+	}
+});
+export { OHeaderLanguageSwitcher_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header-language-switcher/index.mjs

@@ -1,9 +1,6 @@
-import OHeaderLanguageSwitcher$1 from "./OHeaderLanguageSwitcher.vue.mjs";
-const OHeaderLanguageSwitcher = Object.assign(OHeaderLanguageSwitcher$1, {
-  install(app) {
-    app.component("OHeaderLanguageSwitcher", OHeaderLanguageSwitcher$1);
-  }
-});
-export {
-  OHeaderLanguageSwitcher
-};
+import OHeaderLanguageSwitcher_default from "./OHeaderLanguageSwitcher.mjs";
+// src/components/header-language-switcher/index.ts
+var OHeaderLanguageSwitcher = Object.assign(OHeaderLanguageSwitcher_default, { install(app) {
+	app.component("OHeaderLanguageSwitcher", OHeaderLanguageSwitcher_default);
+} });
+export { OHeaderLanguageSwitcher };

package/dist/treeshaking/components/header-search/OHeaderSearch.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OHeaderSearch_vue_vue_type_script_setup_true_lang_default from "./OHeaderSearch.vue_vue_type_script_setup_true_lang.mjs";
+import './OHeaderSearch.vue_vue_type_style_index_0_scoped_bf46f1ee_lang.css';
+// src/components/header-search/OHeaderSearch.vue
+var OHeaderSearch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OHeaderSearch_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bf46f1ee"]]);
+export { OHeaderSearch_default as default };

package/dist/treeshaking/components/header-search/OHeaderSearch.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,434 @@
+import { useI18n } from "../../i18n/index.mjs";
+import icon_header_search_default from "../../_virtual/~icons/components/icon-header-search.mjs";
+import SearchImageInput_default from "../search/internal/SearchImageInput.mjs";
+import SearchPanel_default from "../search/internal/SearchPanel.mjs";
+import { useSearchHistory } from "../search/composables/useSearchHistory.mjs";
+import icon_header_back_default from "../../_virtual/~icons/components/icon-header-back.mjs";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, ref, renderSlot, toDisplayString, toRef, unref, watch, withCtx } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { onClickOutside, useDebounceFn } from "@vueuse/core";
+// src/components/header-search/OHeaderSearch.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "o-header-search-drawer"
+};
+var previewLayerIgnore = ".o-layer";
+var OHeaderSearch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHeaderSearch",
+	props: {
+		modelValue: { default: "" },
+		placeholder: {},
+		expandedPlaceholder: {},
+		expandDirection: { default: "left" },
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		historyItems: { default: () => [] },
+		maxHistoryCount: { default: 6 },
+		storeHistory: {
+			type: Boolean,
+			default: false
+		},
+		historyTitle: {},
+		storageKey: { default: "search-history" },
+		hotItems: { default: () => [] },
+		hotTitle: {},
+		recommendItems: { default: () => [] },
+		searchUrl: {},
+		searchUrlOpenBlank: {
+			type: Boolean,
+			default: true
+		},
+		searchTextMobile: {},
+		imagePlaceholder: {},
+		enableImageSearch: {
+			type: Boolean,
+			default: false
+		},
+		imageUrl: { default: "" },
+		uploadImage: {},
+		maxImageSize: { default: 10485760 },
+		imageUploadTooltip: {},
+		suggestItems: { default: () => [] },
+		onestepItems: { default: () => [] },
+		suggestTitle: {},
+		onestepTitle: {},
+		noDataText: {},
+		highlightKeyword: {
+			type: Boolean,
+			default: true
+		},
+		debounce: { default: 300 },
+		autoSaveHistory: {
+			type: Boolean,
+			default: true
+		},
+		showSuggestEmpty: {
+			type: Boolean,
+			default: true
+		},
+		allowedImageTypes: {},
+		mobile: { type: Boolean },
+		simple: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:historyItems",
+		"update:imageUrl",
+		"focus",
+		"blur",
+		"input",
+		"clear",
+		"search",
+		"recommend-click",
+		"onestep-click",
+		"history-click",
+		"hot-click",
+		"hot-refresh",
+		"delete-history",
+		"delete-history-item",
+		"image-upload-start",
+		"image-upload-success",
+		"image-upload-error",
+		"image-validate-error"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { lePadV } = useScreen();
+		const { t } = useI18n();
+		const isMobileMode = computed(() => props.mobile === true || lePadV.value);
+		const isSearchHidden = inject("isSearchHidden");
+		const autoSimple = computed(() => props.simple || isSearchHidden?.value);
+		const wrapperRef = ref(null);
+		const inputRef = ref();
+		const isShowDrawer = ref(false);
+		const internalImageStaged = ref(false);
+		const internalImageUrl = ref("");
+		const hasImage = computed(() => !!props.imageUrl || internalImageStaged.value);
+		const isPreviewVisible = ref(false);
+		const innerValue = computed({
+			get: () => props.modelValue,
+			set: (val) => emit("update:modelValue", val)
+		});
+		const historyItemsRef = toRef(props, "historyItems");
+		const storageKeyRef = toRef(props, "storageKey");
+		const storeHistoryRef = toRef(props, "storeHistory");
+		const maxHistoryRef = toRef(props, "maxHistoryCount");
+		const history = useSearchHistory({
+			initial: historyItemsRef,
+			storageKey: storageKeyRef,
+			storeHistory: storeHistoryRef,
+			maxHistoryCount: maxHistoryRef,
+			onChange: (items) => emit("update:historyItems", items)
+		});
+		const placeholder = computed(() => {
+			if (props.imageUrl) return props.imagePlaceholder ?? t("search.extendedPlaceholder");
+			if (isShowDrawer.value && props.enableImageSearch) return props.imagePlaceholder ?? t("search.imagePlaceholder");
+			if (isShowDrawer.value) return props.expandedPlaceholder ?? t("search.expandedPlaceholder");
+			return props.placeholder ?? t("search.placeholder");
+		});
+		const emitInputDebounced = useDebounceFn((val) => emit("input", val), () => props.debounce);
+		watch(innerValue, (val) => emitInputDebounced(val));
+		onClickOutside(wrapperRef, () => {
+			if (isMobileMode.value) return;
+			if (isPreviewVisible.value) return;
+			closeDrawer();
+		}, { ignore: [previewLayerIgnore] });
+		const openDrawer = () => {
+			isShowDrawer.value = true;
+		};
+		const closeDrawer = () => {
+			if (isMobileMode.value) return;
+			isShowDrawer.value = false;
+		};
+		const handleFocus = () => {
+			openDrawer();
+			emit("focus");
+		};
+		const handleBlur = () => {
+			emit("blur");
+		};
+		const runSearch = async (overrideKeyword) => {
+			if (inputRef.value?.getIsUploading?.()) await inputRef.value.awaitUpload?.();
+			const keyword = overrideKeyword !== void 0 ? overrideKeyword.trim() : innerValue.value.trim();
+			const imageUrl = internalImageUrl.value || inputRef.value?.getUploadedUrl?.() || props.imageUrl;
+			if (!keyword && !imageUrl) return;
+			if (props.autoSaveHistory && keyword) history.push(keyword);
+			emit("search", {
+				keyword,
+				imageUrl: imageUrl || void 0
+			});
+			inputRef.value?.blur?.();
+			isShowDrawer.value = false;
+			if (props.searchUrl) {
+				const params = new URLSearchParams();
+				if (keyword) params.set("q", keyword);
+				if (imageUrl) params.set("imageUrl", imageUrl);
+				const sep = props.searchUrl.includes("?") ? "&" : "?";
+				const url = `${props.searchUrl}${sep}${params.toString()}`;
+				if (typeof window !== "undefined") window.open(url, props.searchUrlOpenBlank ? "_blank" : "_self", props.searchUrlOpenBlank ? "noopener,noreferrer" : "");
+			}
+		};
+		const handleClear = () => {
+			innerValue.value = "";
+			emit("clear");
+			inputRef.value?.focus?.();
+		};
+		const handleSuggestClick = (item) => {
+			emit("recommend-click", item);
+			innerValue.value = item.key;
+			runSearch(item.key ?? "");
+		};
+		const handleRecommendClick = (val) => {
+			emit("recommend-click", val);
+			runSearch(val);
+		};
+		const handleOnestepClick = (item) => {
+			emit("onestep-click", item);
+			if (item.path && typeof window !== "undefined") window.open(item.path, "_blank", "noopener,noreferrer");
+		};
+		const handleHistoryClick = (val) => {
+			emit("history-click", val);
+			runSearch(val);
+		};
+		const handleHotClick = (val) => {
+			emit("hot-click", val);
+			runSearch(val);
+		};
+		const handleHistoryRemove = (val) => {
+			history.remove(val);
+			emit("delete-history-item", val);
+		};
+		const handleHistoryClear = () => {
+			const removed = [...history.items.value];
+			history.clearAll();
+			emit("delete-history", removed);
+		};
+		const handleBack = () => {
+			innerValue.value = "";
+			internalImageStaged.value = false;
+			emit("update:imageUrl", "");
+			isShowDrawer.value = false;
+		};
+		const handleImageUploadStart = (file) => {
+			internalImageStaged.value = true;
+			internalImageUrl.value = "";
+			emit("image-upload-start", file);
+		};
+		const handleImageUploadSuccess = (url, file) => {
+			internalImageUrl.value = url;
+			emit("update:imageUrl", url);
+			emit("image-upload-success", url, file);
+		};
+		const handleImageClear = () => {
+			internalImageStaged.value = false;
+			internalImageUrl.value = "";
+			emit("update:imageUrl", "");
+		};
+		const showPanel = computed(() => {
+			if (!isShowDrawer.value) return false;
+			if (hasImage.value) return false;
+			return true;
+		});
+		__expose({
+			focus: () => inputRef.value?.focus?.(),
+			blur: () => inputRef.value?.blur?.(),
+			open: openDrawer,
+			close: closeDrawer,
+			search: runSearch
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["o-header-search", {
+				"is-mobile-mode": isMobileMode.value,
+				"is-simple": autoSimple.value && !isMobileMode.value
+			}]) }, [createElementVNode("div", {
+				ref_key: "wrapperRef",
+				ref: wrapperRef,
+				class: normalizeClass(["o-header-search-pos", {
+					"is-pc": !isMobileMode.value,
+					"is-mobile": isMobileMode.value,
+					"is-simple": autoSimple.value && !isMobileMode.value,
+					"is-left": __props.expandDirection === "left",
+					"is-right": __props.expandDirection === "right",
+					"is-focus": isShowDrawer.value
+				}])
+			}, [createElementVNode("div", { class: normalizeClass(["o-header-search-row", { "is-focus": isShowDrawer.value }]) }, [
+				isMobileMode.value && isShowDrawer.value ? (openBlock(), createBlock(unref(OIcon), {
+					key: 0,
+					class: "o-header-search-back-icon",
+					onClick: handleBack
+				}, {
+					default: withCtx(() => [createVNode(unref(icon_header_back_default))]),
+					_: 1
+				})) : createCommentVNode("", true),
+				createVNode(SearchImageInput_default, {
+					ref_key: "inputRef",
+					ref: inputRef,
+					modelValue: innerValue.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+					"image-url": __props.imageUrl,
+					placeholder: placeholder.value,
+					"enable-image-search": __props.enableImageSearch,
+					"upload-image": __props.uploadImage,
+					"max-image-size": __props.maxImageSize,
+					"image-upload-tooltip": __props.imageUploadTooltip,
+					clearable: __props.clearable && isShowDrawer.value,
+					expanded: isShowDrawer.value && hasImage.value,
+					"allowed-image-types": __props.allowedImageTypes,
+					size: "medium",
+					class: normalizeClass(["o-header-search-input", { "is-collapsed": !isShowDrawer.value }]),
+					"onUpdate:imageUrl": _cache[1] || (_cache[1] = (url) => emit("update:imageUrl", url)),
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					onEnter: runSearch,
+					onClear: handleClear,
+					onImageClear: handleImageClear,
+					onImageUploadStart: handleImageUploadStart,
+					onImageUploadSuccess: handleImageUploadSuccess,
+					onImageUploadError: _cache[2] || (_cache[2] = (error, file) => emit("image-upload-error", error, file)),
+					onImageValidateError: _cache[3] || (_cache[3] = (reason, file) => emit("image-validate-error", reason, file)),
+					onPreviewChange: _cache[4] || (_cache[4] = (visible) => {
+						isPreviewVisible.value = visible;
+					})
+				}, createSlots({
+					prefix: withCtx(() => [renderSlot(_ctx.$slots, "input-prefix", {}, void 0, true)]),
+					suffix: withCtx((slotProps) => [renderSlot(_ctx.$slots, "input-suffix", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+					_: 2
+				}, [_ctx.$slots["image-preview"] ? {
+					name: "preview",
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "image-preview", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+					key: "0"
+				} : void 0]), 1032, [
+					"modelValue",
+					"image-url",
+					"placeholder",
+					"enable-image-search",
+					"upload-image",
+					"max-image-size",
+					"image-upload-tooltip",
+					"clearable",
+					"expanded",
+					"allowed-image-types",
+					"class"
+				]),
+				isMobileMode.value && isShowDrawer.value ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: "o-header-search-text",
+					onClick: _cache[5] || (_cache[5] = () => runSearch())
+				}, toDisplayString(__props.searchTextMobile ?? unref(t)("search")), 1)) : createCommentVNode("", true)
+			], 2), createVNode(Transition, { name: "o-header-search-drawer" }, {
+				default: withCtx(() => [showPanel.value ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "drawer", {
+					recommendItems: __props.recommendItems,
+					historyItems: unref(history).items.value,
+					hotItems: __props.hotItems,
+					suggestItems: __props.suggestItems,
+					onestepItems: __props.onestepItems,
+					keyword: __props.modelValue
+				}, () => [createVNode(SearchPanel_default, {
+					keyword: __props.modelValue,
+					"onestep-items": __props.onestepItems,
+					"onestep-title": __props.onestepTitle,
+					"suggest-items": __props.suggestItems,
+					"suggest-title": __props.suggestTitle,
+					"recommend-items": __props.recommendItems,
+					"history-items": unref(history).items.value,
+					"history-title": __props.historyTitle,
+					"hot-items": __props.hotItems,
+					"hot-title": __props.hotTitle,
+					"no-data-text": __props.noDataText,
+					"highlight-keyword": __props.highlightKeyword,
+					"hide-on-keyword": true,
+					"show-suggest-empty": __props.showSuggestEmpty,
+					onOnestepClick: handleOnestepClick,
+					onSuggestClick: handleSuggestClick,
+					onRecommendClick: handleRecommendClick,
+					onHistoryClick: handleHistoryClick,
+					onHistoryRemove: handleHistoryRemove,
+					onHistoryClear: handleHistoryClear,
+					onHotClick: handleHotClick,
+					onHotRefresh: _cache[6] || (_cache[6] = ($event) => emit("hot-refresh"))
+				}, createSlots({ _: 2 }, [
+					_ctx.$slots["recommend-header"] ? {
+						name: "recommend-header",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "recommend-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "0"
+					} : void 0,
+					_ctx.$slots["recommend-content"] ? {
+						name: "recommend-content",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "recommend-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "1"
+					} : void 0,
+					_ctx.$slots["onestep-header"] ? {
+						name: "onestep-header",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "onestep-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "2"
+					} : void 0,
+					_ctx.$slots["onestep-content"] ? {
+						name: "onestep-content",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "onestep-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "3"
+					} : void 0,
+					_ctx.$slots["suggest-header"] ? {
+						name: "suggest-header",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "suggest-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "4"
+					} : void 0,
+					_ctx.$slots["suggest-content"] ? {
+						name: "suggest-content",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "suggest-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "5"
+					} : void 0,
+					_ctx.$slots["history-header"] ? {
+						name: "history-header",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "history-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "6"
+					} : void 0,
+					_ctx.$slots["history-content"] ? {
+						name: "history-content",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "history-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "7"
+					} : void 0,
+					_ctx.$slots["hot-header"] ? {
+						name: "hot-header",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "hot-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "8"
+					} : void 0,
+					_ctx.$slots["hot-content"] ? {
+						name: "hot-content",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "hot-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "9"
+					} : void 0
+				]), 1032, [
+					"keyword",
+					"onestep-items",
+					"onestep-title",
+					"suggest-items",
+					"suggest-title",
+					"recommend-items",
+					"history-items",
+					"history-title",
+					"hot-items",
+					"hot-title",
+					"no-data-text",
+					"highlight-keyword",
+					"show-suggest-empty"
+				])], true)])) : createCommentVNode("", true)]),
+				_: 3
+			})], 2), isMobileMode.value || autoSimple.value ? (openBlock(), createBlock(unref(OIcon), {
+				key: 0,
+				class: "o-header-search-mobile-icon",
+				onClick: openDrawer
+			}, {
+				default: withCtx(() => [createVNode(unref(icon_header_search_default))]),
+				_: 1
+			})) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { OHeaderSearch_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header-search/index.mjs

@@ -1,9 +1,6 @@
-import OHeaderSearch$1 from "./OHeaderSearch.vue.mjs";
-const OHeaderSearch = Object.assign(OHeaderSearch$1, {
-  install(app) {
-    app.component("OHeaderSearch", OHeaderSearch$1);
-  }
-});
-export {
-  OHeaderSearch
-};
+import OHeaderSearch_default from "./OHeaderSearch.mjs";
+// src/components/header-search/index.ts
+var OHeaderSearch = Object.assign(OHeaderSearch_default, { install(app) {
+	app.component("OHeaderSearch", OHeaderSearch_default);
+} });
+export { OHeaderSearch };