@opendesign-plus-test/components 0.0.1-rc.97 → 0.0.1-rc.99

package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, computed, ref, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, normalizeClass, toDisplayString, createBlock, normalizeStyle, createCommentVNode, Fragment, renderList, createTextVNode, resolveDynamicComponent, renderSlot } from "vue";
-import { isClient, OIcon, OIconChevronLeft, OIconChevronRight, OSelect, OOption, OTab, OTabPane, OScroller, OResult, OFigure } from "@opensig/opendesign";
+import { defineComponent, computed, ref, watch, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, createBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, renderSlot } from "vue";
+import { isClient, OButton, OIcon, OIconChevronLeft, OIconChevronRight, OSelect, OOption, OTab, OTabPane, OScroller, OResult, OFigure } from "@opensig/opendesign";
 import dayjs from "dayjs";
 import { ElCalendar } from "element-plus";
 import "element-plus/es/components/calendar/style/css";
@@ -15,18 +15,22 @@ import { MeetingGroupType, CalendarDataType } from "./types.mjs";
 import { formatDate } from "./utils.mjs";
 import { useDebounceFn } from "@vueuse/core";
 const _hoisted_1 = { class: "o-meeting-calendar" };
-const _hoisted_2 = { class: "calendar-body" };
-const _hoisted_3 = { class: "calender-header-left" };
-const _hoisted_4 = { class: "left-title" };
-const _hoisted_5 = { class: "month-date" };
-const _hoisted_6 = { class: "right-title" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { class: "day-box" };
-const _hoisted_9 = { class: "icon-box" };
-const _hoisted_10 = { class: "detail-list" };
-const _hoisted_11 = { class: "current-day" };
-const _hoisted_12 = { class: "right-title" };
-const _hoisted_13 = { class: "title-list" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-meeting-calendar-desc"
+};
+const _hoisted_3 = { class: "calendar-body" };
+const _hoisted_4 = { class: "calender-header-left" };
+const _hoisted_5 = { class: "left-title" };
+const _hoisted_6 = { class: "month-date" };
+const _hoisted_7 = { class: "right-title" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "day-box" };
+const _hoisted_10 = { class: "icon-box" };
+const _hoisted_11 = { class: "detail-list" };
+const _hoisted_12 = { class: "current-day" };
+const _hoisted_13 = { class: "right-title" };
+const _hoisted_14 = { class: "title-list" };
 const limitTime = "2021-01-01";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingCalendar",
@@ -43,9 +47,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     groups: { default: () => [] },
     disableFormat: { type: Boolean },
     emptyImg: {},
-    emptyText: {}
+    emptyText: {},
+    showDesc: { type: Boolean, default: false }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["create"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const { t, locale, meetingTabs, getConfig } = useMeetingConfig();
     const isEn = computed(() => locale.value === Locales.EN);
@@ -308,12 +314,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return false;
     };
+    const emits = __emit;
     __expose({
       refresh: getDateData
     });
+    const create = () => {
+      emits("create");
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
+        __props.showDesc ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("span", null, toDisplayString(__props.groupType === unref(MeetingGroupType).GROUP ? unref(t)("meeting.meetingDescGroup") : unref(t)("meeting.meetingDesc")), 1),
+          createVNode(unref(OButton), {
+            color: "primary",
+            variant: "solid",
+            round: "pill",
+            onClick: create
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("meeting.meetingCreate")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
           createVNode(unref(ElCalendar), {
             ref_key: "calendar",
             ref: calendar,
@@ -322,8 +346,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             header: withCtx(({ date }) => {
               var _a;
               return [
-                createElementVNode("div", _hoisted_3, [
-                  createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, [
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("prev-month", date)
                     }, {
@@ -334,7 +358,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }, 8, ["onClick"]),
-                    createElementVNode("span", _hoisted_5, toDisplayString(formatYearMonth(date)), 1),
+                    createElementVNode("span", _hoisted_6, toDisplayString(formatYearMonth(date)), 1),
                     createVNode(unref(OIcon), {
                       onClick: ($event) => selectDate("next-month", date)
                     }, {
@@ -368,7 +392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
                 ]),
-                createElementVNode("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_7, [
                   createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")) + " ", 1),
                   createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
                 ])
@@ -379,11 +403,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["out-box", { "has-calender": allDates.value.includes(data.day) }]),
                 onClick: ($event) => unref(changeMeetingDay)(data.day, $event)
               }, [
-                createElementVNode("div", _hoisted_8, [
+                createElementVNode("div", _hoisted_9, [
                   createElementVNode("p", {
                     class: normalizeClass([data.isSelected ? "is-selected" : "", "date-calender"])
                   }, toDisplayString(removeLeadingZero(data.day.split("-").at(-1) || "")), 3),
-                  createElementVNode("div", _hoisted_9, [
+                  createElementVNode("div", _hoisted_10, [
                     checkSelectedDay(unref(CalendarDataType).MEETING, data.day) ? (openBlock(), createBlock(unref(OIcon), {
                       key: 0,
                       class: "meeting",
@@ -425,17 +449,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 8, ["style"])) : createCommentVNode("", true)
                   ])
                 ])
-              ], 10, _hoisted_7)
+              ], 10, _hoisted_8)
             ]),
             _: 1
           }, 512),
-          createElementVNode("div", _hoisted_10, [
-            createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_11, [
+            createElementVNode("div", _hoisted_12, [
               createTextVNode(toDisplayString(unref(t)("meeting.latestMeeting")) + "  ", 1),
               createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
             ]),
-            createElementVNode("div", _hoisted_12, [
-              createElementVNode("div", _hoisted_13, [
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, [
                 createVNode(unref(OSelect), {
                   modelValue: group.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => group.value = $event),

package/dist/treeshaking/components/meeting/OMeetingForm.vue.mjs

@@ -411,7 +411,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { lePadV } = useScreen();
     const confirm = async () => {
       var _a;
-      let type = isEdit.value ? t("meeting.editSuccess") : t("meeting.booSuccess");
+      let type = isEdit.value ? t("meeting.editSuccess") : t("meeting.createSuccess");
       try {
         loading.value = true;
         const valid = await formRef.value.validate();
@@ -1051,7 +1051,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             loading: loading.value
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(isEdit.value ? unref(t)("common.save") : __props.confirmText || unref(t)("meeting.book")), 1)
+              createTextVNode(toDisplayString(isEdit.value ? unref(t)("common.save") : __props.confirmText || unref(t)("meeting.create")), 1)
             ]),
             _: 1
           }, 8, ["loading"]),

package/dist/treeshaking/components/meeting/index.d.ts

@@ -1,14 +1,19 @@
 import { App } from 'vue';
 declare const OMeetingCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{}>, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+        onCreate?: ((...args: any[]) => any) | undefined;
+    }>, {
         refresh: (day?: string) => Promise<void>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        create: (...args: any[]) => void;
+    }, import('vue').PublicProps, {
         groupType: import('./types').MeetingGroupType;
         getSummitListRequest: any;
         getEventsListRequest: any;
         hiddenEvents: boolean;
         hiddenSummit: boolean;
         groups: string[];
+        showDesc: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         calendar: ({
             $: import('vue').ComponentInternalInstance;
@@ -150,7 +155,9 @@ declare const OMeetingCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{}>, {
+    }, Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+        onCreate?: ((...args: any[]) => any) | undefined;
+    }>, {
         refresh: (day?: string) => Promise<void>;
     }, {}, {}, {}, {
         groupType: import('./types').MeetingGroupType;
@@ -159,19 +166,25 @@ declare const OMeetingCalendar: {
         hiddenEvents: boolean;
         hiddenSummit: boolean;
         groups: string[];
+        showDesc: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{}>, {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').MeetingCalendarPropsT> & Readonly<{
+    onCreate?: ((...args: any[]) => any) | undefined;
+}>, {
     refresh: (day?: string) => Promise<void>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    create: (...args: any[]) => void;
+}, string, {
     groupType: import('./types').MeetingGroupType;
     getSummitListRequest: any;
     getEventsListRequest: any;
     hiddenEvents: boolean;
     hiddenSummit: boolean;
     groups: string[];
+    showDesc: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         empty?(_: {}): any;

package/dist/treeshaking/components/meeting/types.d.ts

@@ -47,6 +47,7 @@ export interface MeetingCalendarPropsT {
     disableFormat?: boolean;
     emptyImg?: any;
     emptyText?: string;
+    showDesc?: boolean;
 }
 export interface MeetingPostT {
     id?: number;

package/dist/treeshaking/components/search/internal/SearchImageInput.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-f28dde35] {
+.hover-icon-rotate .o-icon[data-v-de9a7ad2] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-f28dde35] {
+.hover-icon-rotate:hover .o-icon[data-v-de9a7ad2] {
     transform: rotate(-180deg);
 }
 }
-.o-search-image-input[data-v-f28dde35] {
+.o-search-image-input[data-v-de9a7ad2] {
   display: flex;
   flex-direction: column;
   border: 1px solid transparent;
@@ -14,67 +14,93 @@
   background-color: var(--o-color-fill2);
   transition: border-color var(--o-duration-m1);
 }
-.o-search-image-input.is-expanded[data-v-f28dde35] {
+.o-search-image-input.is-expanded[data-v-de9a7ad2] {
   border-color: var(--o-color-primary1);
 }
-.o-search-image-input.is-expanded[data-v-f28dde35] .o-input.el-input .el-input__wrapper,
-.o-search-image-input.is-expanded[data-v-f28dde35] .o_box-main {
+.o-search-image-input.is-expanded[data-v-de9a7ad2] .o-input.el-input .el-input__wrapper,
+.o-search-image-input.is-expanded[data-v-de9a7ad2] .o_box-main {
   border: none !important;
   border-radius: var(--o-radius-xs) var(--o-radius-xs) 0 0;
   box-shadow: none !important;
 }
-.o-search-image-input-row[data-v-f28dde35] {
+.o-search-image-input-row[data-v-de9a7ad2] {
   display: flex;
   align-items: center;
 }
-.o-search-image-input-input[data-v-f28dde35] {
+.o-search-image-input-input[data-v-de9a7ad2] {
   width: 100%;
+  --_box-bg-color: transparent;
 }
-.o-search-image-input-icon[data-v-f28dde35] {
+@media (max-width: 840px) {
+.o-search-image-input-input[data-v-de9a7ad2] input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1440px) {
+.o-search-image-input-input.o_box-medium[data-v-de9a7ad2] {
+    --_box-height: 32px;
+}
+}
+.o-search-image-input-icon[data-v-de9a7ad2] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-image-input-icon.close[data-v-f28dde35] {
+.o-search-image-input-icon.close[data-v-de9a7ad2] {
   font-size: 16px;
+  margin-left: var(--o-gap-2);
 }
-.o-search-image-input-icon.close[data-v-f28dde35] {
+.o-search-image-input-icon.close[data-v-de9a7ad2] {
   overflow: hidden;
 }
-.o-search-image-input-icon.close svg[data-v-f28dde35] {
+.o-search-image-input-icon.close svg[data-v-de9a7ad2] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-search-image-input-icon.close:hover svg[data-v-f28dde35] {
+.o-search-image-input-icon.close:hover svg[data-v-de9a7ad2] {
     transform: rotate(180deg);
 }
 }
-.o-search-image-input-icon.upload[data-v-f28dde35] {
+.o-search-image-input-icon.upload[data-v-de9a7ad2] {
   fill: var(--o-color-info1);
 }
-.o-search-image-input-upload-btn[data-v-f28dde35] {
+@media (max-width: 840px) {
+.o-search-image-input-icon[data-v-de9a7ad2] {
+    font-size: 24px;
+}
+.o-search-image-input-icon.close[data-v-de9a7ad2] {
+    font-size: 24px;
+}
+}
+.o-search-image-input-upload-btn[data-v-de9a7ad2] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 16px;
   height: 16px;
   border-radius: 4px;
-  margin-right: 8px;
   cursor: pointer;
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-upload-btn[data-v-f28dde35]:hover {
+.o-search-image-input-upload-btn[data-v-de9a7ad2]:hover {
     background-color: var(--o-color-control2-light);
 }
-.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-f28dde35] {
+.o-search-image-input-upload-btn:hover .o-search-image-input-icon.upload[data-v-de9a7ad2] {
     color: var(--o-color-primary2);
 }
 }
-.o-search-image-input-file[data-v-f28dde35] {
+@media (max-width: 840px) {
+.o-search-image-input-upload-btn[data-v-de9a7ad2] {
+    width: 24px;
+    height: 24px;
+}
+}
+.o-search-image-input-file[data-v-de9a7ad2] {
   display: none;
 }
-.o-search-image-input-thumb[data-v-f28dde35] {
+.o-search-image-input-thumb[data-v-de9a7ad2] {
   display: inline-flex;
   align-items: center;
   margin-left: 8px;
@@ -83,18 +109,18 @@
   flex-shrink: 0;
 }
 @media (hover: hover) {
-.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-f28dde35],
-  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-f28dde35] {
+.o-search-image-input-thumb:hover .o-search-image-input-thumb-remove[data-v-de9a7ad2],
+  .o-search-image-input-thumb:hover .o-search-image-input-thumb-zoom[data-v-de9a7ad2] {
     opacity: 1;
 }
 }
-.o-search-image-input-thumb-figure[data-v-f28dde35] {
+.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
   height: 40px;
   width: 40px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-thumb-figure[data-v-f28dde35] img {
+.o-search-image-input-thumb-figure[data-v-de9a7ad2] img {
   height: 40px;
   width: 40px;
   object-fit: cover;
@@ -102,18 +128,18 @@
   border-radius: 4px;
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.o-search-image-input-thumb-figure[data-v-f28dde35] {
+.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
     height: 32px;
     width: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-search-image-input-thumb-figure[data-v-f28dde35] {
+.o-search-image-input-thumb-figure[data-v-de9a7ad2] {
     height: 24px;
     width: 24px;
 }
 }
-.o-search-image-input-thumb-zoom[data-v-f28dde35] {
+.o-search-image-input-thumb-zoom[data-v-de9a7ad2] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -126,11 +152,11 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-f28dde35] {
+.o-search-image-input-thumb-zoom .o-search-image-input-thumb-zoom-icon[data-v-de9a7ad2] {
   color: #fff;
   font-size: 16px;
 }
-.o-search-image-input-thumb-remove[data-v-f28dde35] {
+.o-search-image-input-thumb-remove[data-v-de9a7ad2] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -144,27 +170,27 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-thumb-remove[data-v-f28dde35] svg {
+.o-search-image-input-thumb-remove[data-v-de9a7ad2] svg {
   width: 16px;
   height: 16px;
   fill: rgb(var(--o-mixedgray-9));
 }
-.o-search-image-input-preview[data-v-f28dde35] {
+.o-search-image-input-preview[data-v-de9a7ad2] {
   padding: 0 12px 8px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-f28dde35] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper[data-v-de9a7ad2] {
   position: relative;
   display: inline-flex;
   overflow: visible;
   margin-top: 8px;
 }
 @media (hover: hover) {
-.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-f28dde35],
-  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-f28dde35] {
+.o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-remove[data-v-de9a7ad2],
+  .o-search-image-input-preview .o-search-image-input-preview-wrapper:hover .o-search-image-input-preview-zoom[data-v-de9a7ad2] {
     opacity: 1;
 }
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-f28dde35] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom[data-v-de9a7ad2] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -176,24 +202,24 @@
   opacity: 0;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-f28dde35] {
+.o-search-image-input-preview .o-search-image-input-preview-zoom .o-search-image-input-preview-zoom-icon[data-v-de9a7ad2] {
   color: #fff;
   font-size: 24px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-f28dde35] {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-de9a7ad2] {
   height: 72px;
   width: 72px;
   border-radius: 4px;
   overflow: hidden;
 }
-.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-f28dde35] img {
+.o-search-image-input-preview .o-search-image-input-preview-figure[data-v-de9a7ad2] img {
   height: 72px;
   width: 72px;
   object-fit: cover;
   object-position: center;
   border-radius: 4px;
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-f28dde35] {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-de9a7ad2] {
   position: absolute;
   top: -8px;
   right: -8px;
@@ -207,7 +233,7 @@
   z-index: 1;
   transition: opacity var(--o-duration-m1);
 }
-.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-f28dde35] svg {
+.o-search-image-input-preview .o-search-image-input-preview-remove[data-v-de9a7ad2] svg {
   width: 16px;
   height: 16px;
 }

package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./SearchImageInput.vue2.mjs";
 import './SearchImageInput.css';
 import './SearchImageInput2.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f28dde35"]]);
+const SearchImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-de9a7ad2"]]);
 export {
   SearchImageInput as default
 };