@opendesign-plus-test/components 0.0.1-rc.54 → 0.0.1-rc.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.54",
+  "version": "0.0.1-rc.56",
   "type": "module",
   "publishConfig": {
     "access": "public",

package/src/components/OHeaderSearch.vue

@@ -176,11 +176,11 @@ const handleBlur = () => {
   emit('blur');
 };
 
-const runSearch = async () => {
+const runSearch = async (overrideKeyword?: string) => {
   if (inputRef.value?.getIsUploading?.()) {
     await inputRef.value.awaitUpload?.();
   }
-  const keyword = innerValue.value.trim();
+  const keyword = overrideKeyword !== undefined ? overrideKeyword.trim() : innerValue.value.trim();
   const imageUrl = internalImageUrl.value || inputRef.value?.getUploadedUrl?.() || props.imageUrl;
 
   if (!keyword && !imageUrl) return;
@@ -219,8 +219,7 @@ const handleSuggestClick = (item: OSearchRecommendItem) => {
 
 const handleRecommendClick = (val: string) => {
   emit('recommend-click', val);
-  innerValue.value = val;
-  runSearch();
+  runSearch(val);
 };
 
 const handleOnestepClick = (item: OSearchRecommendItem) => {
@@ -232,14 +231,12 @@ const handleOnestepClick = (item: OSearchRecommendItem) => {
 
 const handleHistoryClick = (val: string) => {
   emit('history-click', val);
-  innerValue.value = val;
-  runSearch();
+  runSearch(val);
 };
 
 const handleHotClick = (val: string) => {
   emit('hot-click', val);
-  innerValue.value = val;
-  runSearch();
+  runSearch(val);
 };
 
 const handleHistoryRemove = (val: string) => {

package/src/components/search/OSearchInput.vue

@@ -47,6 +47,10 @@ export interface OSearchInputPropsT {
   /** Auto-record history on search; default true */
   autoSaveHistory?: boolean;
 
+  /** ---- Hot searches (shown alongside history when no keyword) ---- */
+  hotItems?: string[];
+  hotTitle?: string;
+
   /** ---- "Did you mean" list (below input) ---- */
   suggestList?: string[];
   suggestListLabel?: string;
@@ -78,6 +82,7 @@ const props = withDefaults(defineProps<OSearchInputPropsT>(), {
   storeHistory: false,
   storageKey: 'search-history',
   autoSaveHistory: true,
+  hotItems: () => [],
   suggestList: () => [],
   clearable: true,
   closeOnSearch: true,
@@ -97,6 +102,7 @@ const emit = defineEmits<{
   (e: 'recommend-click', item: OSearchRecommendItem): void;
   (e: 'onestep-click', item: OSearchRecommendItem): void;
   (e: 'history-click', val: string): void;
+  (e: 'hot-click', val: string): void;
   (e: 'suggest-list-click', val: string): void;
   (e: 'delete-history', items: string[]): void;
   (e: 'delete-history-item', val: string): void;
@@ -143,8 +149,9 @@ const showDropdown = computed(() => {
     !!innerValue.value &&
     (props.suggestItems.length > 0 || props.onestepItems.length > 0 || props.showSuggestEmpty);
   const hasHistory = props.enableHistory && history.items.value.length > 0 && !innerValue.value;
+  const hasHot = props.hotItems.length > 0 && !innerValue.value;
   if (hasSuggest) return true;
-  if (props.openOnFocus && hasHistory) return true;
+  if (props.openOnFocus && (hasHistory || hasHot)) return true;
   return false;
 });
 
@@ -163,7 +170,14 @@ const history = useSearchHistory({
 });
 
 // debounced input event
+// suppressNextInput: set to true before programmatic value assignments (history/suggest
+// clicks) so the watcher-triggered debounce doesn't fire the input event.
+let suppressNextInput = false;
 const emitInputDebounced = useDebounceFn((val: string) => {
+  if (suppressNextInput) {
+    suppressNextInput = false;
+    return;
+  }
   emit('input', val);
 }, () => props.debounce);
 
@@ -187,11 +201,11 @@ const handleBlur = () => {
   emit('blur');
 };
 
-const runSearch = async () => {
+const runSearch = async (overrideKeyword?: string) => {
   if (inputRef.value?.getIsUploading?.()) {
     await inputRef.value.awaitUpload?.();
   }
-  const keyword = innerValue.value.trim();
+  const keyword = overrideKeyword !== undefined ? overrideKeyword.trim() : innerValue.value.trim();
   const imageUrl = inputRef.value?.getUploadedUrl?.() || props.imageUrl;
 
   if (!keyword && !imageUrl) return;
@@ -214,6 +228,7 @@ const handleClear = () => {
 
 const handleSuggestClick = (item: OSearchRecommendItem) => {
   emit('recommend-click', item);
+  suppressNextInput = true;
   innerValue.value = item.key;
   runSearch();
 };
@@ -228,8 +243,12 @@ const handleOnestepClick = (item: OSearchRecommendItem) => {
 
 const handleHistoryClick = (val: string) => {
   emit('history-click', val);
-  innerValue.value = val;
-  runSearch();
+  runSearch(val);
+};
+
+const handleHotClick = (val: string) => {
+  emit('hot-click', val);
+  runSearch(val);
 };
 
 const handleHistoryRemove = (val: string) => {
@@ -246,6 +265,7 @@ const handleHistoryClear = () => {
 const handleSuggestListClick = (val: string) => {
   const text = val.replace(/<[^>]+>/g, '');
   emit('suggest-list-click', text);
+  suppressNextInput = true;
   innerValue.value = text;
   runSearch();
 };
@@ -336,6 +356,8 @@ defineExpose({
               :suggest-title="suggestTitle"
               :history-items="enableHistory ? history.items.value : []"
               :history-title="historyTitle"
+              :hot-items="hotItems"
+              :hot-title="hotTitle"
               :no-data-text="noDataText"
               :highlight-keyword="highlightKeyword"
               :hide-on-keyword="true"
@@ -346,6 +368,7 @@ defineExpose({
               @history-click="handleHistoryClick"
               @history-remove="handleHistoryRemove"
               @history-clear="handleHistoryClear"
+              @hot-click="handleHotClick"
             >
               <template v-if="$slots['onestep-header']" #onestep-header="slotProps">
                 <slot name="onestep-header" v-bind="slotProps" />