@opendesign-plus/components 0.0.1-rc.90 → 0.0.1-rc.92

package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.css

@@ -1,151 +1,155 @@
-.hover-icon-rotate .o-icon[data-v-b3c8f1f6] {
+.hover-icon-rotate .o-icon[data-v-4cd638c6] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-b3c8f1f6] {
+.hover-icon-rotate:hover .o-icon[data-v-4cd638c6] {
     transform: rotate(-180deg);
 }
 }
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
   --o-search-result-feedback-radius: var(--o-search-result-radius, var(--o-radius-xs));
   padding: 32px;
   background-color: var(--o-color-fill1);
   border-radius: var(--o-search-result-feedback-radius);
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
     padding: 16px 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
     padding: 12px 16px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner[data-v-4cd638c6] {
     padding: 12px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
   display: flex;
   align-items: center;
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-content[data-v-4cd638c6] {
     flex-direction: column;
     align-items: flex-start;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
   margin-right: 8px;
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-icon-edit[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
   display: flex;
   align-items: center;
-  gap: 16px;
   margin-left: 48px;
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
     margin-left: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
     margin-left: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns[data-v-4cd638c6] {
     margin-left: 0;
     margin-top: 16px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-banner-btns .o-btn + .o-btn[data-v-4cd638c6] {
+  margin-left: 16px;
+}
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
   margin-top: 16px;
   padding-left: 32px;
   background-color: var(--o-color-fill1);
   border-radius: var(--o-search-result-feedback-radius);
 }
 @media (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
     margin-top: 12px;
     padding-left: 28px;
 }
 }
 @media (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
     padding-left: 24px;
 }
 }
 @media (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-wrap[data-v-4cd638c6] {
     padding-left: 0;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-textarea[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-textarea[data-v-4cd638c6] {
   width: 100%;
 }
-.o-search-result-feedback-banner .o-search-result-feedback-input-btn[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-btn[data-v-4cd638c6] {
   display: flex;
   align-items: center;
-  gap: 16px;
   margin-top: 12px;
 }
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-input-btn .o-btn + .o-btn[data-v-4cd638c6] {
+  margin-left: 16px;
+}
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
   display: flex;
   align-items: center;
   font-weight: 600;
@@ -153,36 +157,36 @@
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-title[data-v-4cd638c6] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-result-feedback-banner .o-search-result-feedback-divider[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-divider[data-v-4cd638c6] {
   margin: 8px 0;
 }
-.o-search-result-feedback-banner .o-search-result-feedback-mb-desc[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-feedback-mb-desc[data-v-4cd638c6] {
   font-size: 14px;
   line-height: 22px;
 }
-.o-search-result-feedback-banner .o-search-result-message-wrap[data-v-b3c8f1f6] {
+.o-search-result-feedback-banner .o-search-result-message-wrap[data-v-4cd638c6] {
   margin-top: 12px;
 }

package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OSearchResultFeedbackBanner.vue2.mjs";
 import './OSearchResultFeedbackBanner.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const OSearchResultFeedbackBanner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3c8f1f6"]]);
+const OSearchResultFeedbackBanner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4cd638c6"]]);
 export {
   OSearchResultFeedbackBanner as default
 };

package/dist/treeshaking/components/search-result/components/OSearchResultRelative.css

@@ -1,20 +1,20 @@
-.hover-icon-rotate .o-icon[data-v-bb8a3a0b] {
+.hover-icon-rotate .o-icon[data-v-6872ff03] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bb8a3a0b] {
+.hover-icon-rotate:hover .o-icon[data-v-6872ff03] {
     transform: rotate(-180deg);
 }
 }
-.o-search-result-relative[data-v-bb8a3a0b] {
+.o-search-result-relative[data-v-6872ff03] {
   margin-bottom: 32px;
 }
 @media (max-width: 1680px) {
-.o-search-result-relative[data-v-bb8a3a0b] {
+.o-search-result-relative[data-v-6872ff03] {
     margin-bottom: 24px;
 }
 }
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -23,75 +23,75 @@
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-relative .o-search-result-relative-header[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-relative-header[data-v-6872ff03] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
   font-size: 24px;
   line-height: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-icon[data-v-6872ff03] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-6872ff03] {
   margin: 12px 0;
 }
 @media (max-width: 1680px) {
-.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-divider[data-v-6872ff03] {
     margin: 8px 0;
 }
 }
-.o-search-result-relative .o-search-result-feedback-relative-items[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-items[data-v-6872ff03] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.o-search-result-relative .o-search-result-feedback-relative-item[data-v-bb8a3a0b] {
+.o-search-result-relative .o-search-result-feedback-relative-item[data-v-6872ff03] {
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-search-result-relative .o-search-result-feedback-relative-item[data-v-bb8a3a0b]:hover {
+.o-search-result-relative .o-search-result-feedback-relative-item[data-v-6872ff03]:hover {
     color: var(--o-color-primary1);
 }
 }

package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue.d.ts

@@ -2,5 +2,9 @@ import { OSearchRelativeItemT } from '../types';
 type __VLS_Props = {
     relativeItems: OSearchRelativeItemT[];
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click-relative-search-item": (item: OSearchRelativeItemT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClick-relative-search-item"?: ((item: OSearchRelativeItemT) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OSearchResultRelative.vue2.mjs";
 import './OSearchResultRelative.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const OSearchResultRelative = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb8a3a0b"]]);
+const OSearchResultRelative = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6872ff03"]]);
 export {
   OSearchResultRelative as default
 };

package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue2.mjs

@@ -13,7 +13,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     relativeItems: {}
   },
-  setup(__props) {
+  emits: ["click-relative-search-item"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const { t } = useI18n();
     return (_ctx, _cache) => {
       return unref(isArray)(__props.relativeItems) && __props.relativeItems.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -34,13 +36,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               href: item.href,
               target: "_self",
               "hover-underline": false,
-              class: "o-search-result-feedback-relative-item"
+              class: "o-search-result-feedback-relative-item",
+              onClick: ($event) => emit("click-relative-search-item", item)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(item.label), 1)
               ]),
               _: 2
-            }, 1032, ["href"]);
+            }, 1032, ["href", "onClick"]);
           }), 128))
         ])
       ])) : createCommentVNode("", true);

package/dist/treeshaking/components/search-result/index.d.ts

@@ -15,17 +15,28 @@ declare const OSearchResult: {
             searchFlag: boolean;
             feedbackText: string;
         }) => Promise<boolean>;
+        noMore: boolean;
+        scrollContainer?: string | HTMLElement;
+        bottomOffset?: number;
+        hideTabOnMobile?: boolean;
     }> & Readonly<{
         "onUpdate:pageSize"?: ((value: number) => any) | undefined;
         "onUpdate:page"?: ((value: number) => any) | undefined;
+        "onReach-bottom"?: (() => any) | undefined;
+        "onClick-relative-search-item"?: ((item: import('./types').OSearchRelativeItemT) => any) | undefined;
         "onUpdate:version"?: ((value: import('@opensig/opendesign').SelectValueT) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:pageSize": (value: number) => any;
         "update:page": (value: number) => any;
         "update:version": (value: import('@opensig/opendesign').SelectValueT) => any;
+    } & {
+        "reach-bottom": () => any;
+        "click-relative-search-item": (item: import('./types').OSearchRelativeItemT) => any;
     }, import('vue').PublicProps, {
         total: number;
         pageSizes: number[];
+        bottomOffset: number;
+        hideTabOnMobile: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -48,13 +59,21 @@ declare const OSearchResult: {
             searchFlag: boolean;
             feedbackText: string;
         }) => Promise<boolean>;
+        noMore: boolean;
+        scrollContainer?: string | HTMLElement;
+        bottomOffset?: number;
+        hideTabOnMobile?: boolean;
     }> & Readonly<{
         "onUpdate:pageSize"?: ((value: number) => any) | undefined;
         "onUpdate:page"?: ((value: number) => any) | undefined;
+        "onReach-bottom"?: (() => any) | undefined;
+        "onClick-relative-search-item"?: ((item: import('./types').OSearchRelativeItemT) => any) | undefined;
         "onUpdate:version"?: ((value: import('@opensig/opendesign').SelectValueT) => any) | undefined;
     }>, {}, {}, {}, {}, {
         total: number;
         pageSizes: number[];
+        bottomOffset: number;
+        hideTabOnMobile: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -74,17 +93,28 @@ declare const OSearchResult: {
         searchFlag: boolean;
         feedbackText: string;
     }) => Promise<boolean>;
+    noMore: boolean;
+    scrollContainer?: string | HTMLElement;
+    bottomOffset?: number;
+    hideTabOnMobile?: boolean;
 }> & Readonly<{
     "onUpdate:pageSize"?: ((value: number) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onReach-bottom"?: (() => any) | undefined;
+    "onClick-relative-search-item"?: ((item: import('./types').OSearchRelativeItemT) => any) | undefined;
     "onUpdate:version"?: ((value: import('@opensig/opendesign').SelectValueT) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:pageSize": (value: number) => any;
     "update:page": (value: number) => any;
     "update:version": (value: import('@opensig/opendesign').SelectValueT) => any;
+} & {
+    "reach-bottom": () => any;
+    "click-relative-search-item": (item: import('./types').OSearchRelativeItemT) => any;
 }, string, {
     total: number;
     pageSizes: number[];
+    bottomOffset: number;
+    hideTabOnMobile: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'content-header'?(_: {}): any;
@@ -100,22 +130,30 @@ declare const OSearchResult: {
 declare const OSearchResultHeader: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         searchInput?: string;
+        imageUrl?: string;
         tab?: string | number;
     } & {
         bg?: string;
         tabs?: import('./types').OSearchItemT[];
         inputProps?: import('../search/OSearchInput.vue').OSearchInputPropsT;
+        responsive?: boolean;
+        hideTabOnMobile?: boolean;
     }> & Readonly<{
         onSearch?: ((payload: import('../search').OSearchPayload) => any) | undefined;
+        "onUpdate:imageUrl"?: ((value: string) => any) | undefined;
         onBack?: (() => any) | undefined;
         "onUpdate:searchInput"?: ((value: string) => any) | undefined;
         "onUpdate:tab"?: ((value: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         search: (payload: import('../search').OSearchPayload) => any;
+        "update:imageUrl": (value: string) => any;
         back: () => any;
         "update:searchInput": (value: string) => any;
         "update:tab": (value: string | number) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, import('vue').PublicProps, {
+        responsive: boolean;
+        hideTabOnMobile: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         searchInputRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -752,38 +790,53 @@ declare const OSearchResultHeader: {
         Defaults: {};
     }, Readonly<{
         searchInput?: string;
+        imageUrl?: string;
         tab?: string | number;
     } & {
         bg?: string;
         tabs?: import('./types').OSearchItemT[];
         inputProps?: import('../search/OSearchInput.vue').OSearchInputPropsT;
+        responsive?: boolean;
+        hideTabOnMobile?: boolean;
     }> & Readonly<{
         onSearch?: ((payload: import('../search').OSearchPayload) => any) | undefined;
+        "onUpdate:imageUrl"?: ((value: string) => any) | undefined;
         onBack?: (() => any) | undefined;
         "onUpdate:searchInput"?: ((value: string) => any) | undefined;
         "onUpdate:tab"?: ((value: string | number) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }>, {}, {}, {}, {}, {
+        responsive: boolean;
+        hideTabOnMobile: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     searchInput?: string;
+    imageUrl?: string;
     tab?: string | number;
 } & {
     bg?: string;
     tabs?: import('./types').OSearchItemT[];
     inputProps?: import('../search/OSearchInput.vue').OSearchInputPropsT;
+    responsive?: boolean;
+    hideTabOnMobile?: boolean;
 }> & Readonly<{
     onSearch?: ((payload: import('../search').OSearchPayload) => any) | undefined;
+    "onUpdate:imageUrl"?: ((value: string) => any) | undefined;
     onBack?: (() => any) | undefined;
     "onUpdate:searchInput"?: ((value: string) => any) | undefined;
     "onUpdate:tab"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     search: (payload: import('../search').OSearchPayload) => any;
+    "update:imageUrl": (value: string) => any;
     back: () => any;
     "update:searchInput": (value: string) => any;
     "update:tab": (value: string | number) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, string, {
+    responsive: boolean;
+    hideTabOnMobile: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         input?(_: {}): any;
         tab?(_: {}): any;