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

package/dist/treeshaking/components/recursion-menu/ORecursionMenuItem.vue2.mjs

@@ -0,0 +1,107 @@
+import { defineComponent, computed, inject, ref, onMounted, onBeforeUnmount, unref, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString } from "vue";
+import { isArray, OSubMenu, OMenuItem } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { recursionMenuInjectionKey } from "./types.mjs";
+import _ORecursionMenuItem from "./ORecursionMenuItem.vue.mjs";
+const _hoisted_1 = ["href"];
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = ["href"];
+const _hoisted_4 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ORecursionMenuItem",
+  props: {
+    node: {},
+    autoNavigate: { type: Boolean, default: true }
+  },
+  emits: ["click-item"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { locale } = useI18n();
+    const isZh = computed(() => locale.value === "zh");
+    const parentProps = inject(recursionMenuInjectionKey);
+    const isActive = computed(() => props.node.id === (parentProps == null ? void 0 : parentProps.modelValue));
+    const isExpanded = computed(() => {
+      const list = (parentProps == null ? void 0 : parentProps.expanded) ?? [];
+      return list.includes(props.node.id);
+    });
+    const itemRef = ref();
+    const onLinkClick = (ev) => {
+      if (!props.autoNavigate) {
+        ev.preventDefault();
+      }
+    };
+    const stopPropagation = (ev) => ev.stopPropagation();
+    onMounted(() => {
+      var _a;
+      if (isArray(props.node.children) && props.node.children.length > 0 && ((_a = itemRef.value) == null ? void 0 : _a.$el)) {
+        const el = itemRef.value.$el.querySelector(".o-sub-menu-children");
+        if (el) {
+          el.addEventListener("click", stopPropagation);
+        }
+      }
+    });
+    onBeforeUnmount(() => {
+      var _a;
+      if (isArray(props.node.children) && props.node.children.length > 0 && ((_a = itemRef.value) == null ? void 0 : _a.$el)) {
+        const el = itemRef.value.$el.querySelector(".o-sub-menu-children");
+        if (el) {
+          el.removeEventListener("click", stopPropagation);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return unref(isArray)(__props.node.children) && __props.node.children.length > 0 ? (openBlock(), createBlock(unref(OSubMenu), {
+        key: 0,
+        ref_key: "itemRef",
+        ref: itemRef,
+        class: normalizeClass({ "o-recursion-menu-item--active": isActive.value }),
+        value: __props.node.id,
+        selectable: __props.node.type === "page",
+        title: !isZh.value ? __props.node.label : "",
+        onClickItem: _cache[1] || (_cache[1] = ($event) => emits("click-item", __props.node))
+      }, {
+        title: withCtx(() => [
+          __props.node.href && __props.node.type === "page" ? (openBlock(), createElementBlock("a", {
+            key: 0,
+            class: "o-recursion-menu__link",
+            href: __props.node.href,
+            onClick: onLinkClick
+          }, toDisplayString(__props.node.label), 9, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.node.label), 1))
+        ]),
+        default: withCtx(() => [
+          isExpanded.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.node.children, (item) => {
+            return openBlock(), createBlock(_ORecursionMenuItem, {
+              key: item.id,
+              node: item,
+              "auto-navigate": __props.autoNavigate,
+              onClickItem: _cache[0] || (_cache[0] = (el) => emits("click-item", el))
+            }, null, 8, ["node", "auto-navigate"]);
+          }), 128)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class", "value", "selectable", "title"])) : (openBlock(), createBlock(unref(OMenuItem), {
+        key: 1,
+        ref_key: "itemRef",
+        ref: itemRef,
+        class: normalizeClass({ "o-recursion-menu-item--active": isActive.value }),
+        value: __props.node.id,
+        onClickItem: _cache[2] || (_cache[2] = ($event) => emits("click-item", __props.node)),
+        title: !isZh.value ? __props.node.label : ""
+      }, {
+        default: withCtx(() => [
+          __props.node.href ? (openBlock(), createElementBlock("a", {
+            key: 0,
+            href: __props.node.href,
+            class: "o-recursion-menu__link",
+            onClick: onLinkClick
+          }, toDisplayString(__props.node.label), 9, _hoisted_3)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.node.label), 1))
+        ]),
+        _: 1
+      }, 8, ["class", "value", "title"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/recursion-menu/index.d.ts

@@ -3,7 +3,7 @@ declare const ORecursionMenu: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: string;
         expanded?: string[];
-    } & import('../../index').ORecursionMenuPropsT> & Readonly<{
+    } & import('./types').ORecursionMenuPropsT> & Readonly<{
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
@@ -179,7 +179,7 @@ declare const ORecursionMenu: {
     }, Readonly<{
         modelValue?: string;
         expanded?: string[];
-    } & import('../../index').ORecursionMenuPropsT> & Readonly<{
+    } & import('./types').ORecursionMenuPropsT> & Readonly<{
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
@@ -194,7 +194,7 @@ declare const ORecursionMenu: {
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: string;
     expanded?: string[];
-} & import('../../index').ORecursionMenuPropsT> & Readonly<{
+} & import('./types').ORecursionMenuPropsT> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;

package/dist/treeshaking/components/recursion-menu/index.mjs

@@ -1,11 +1,16 @@
-import { recursionMenuInjectionKey } from "./types.mjs";
-import ORecursionMenu_default from "./ORecursionMenu.mjs";
-import ORecursionMenuItem_default from "./ORecursionMenuItem.mjs";
-// src/components/recursion-menu/index.ts
-var ORecursionMenu = Object.assign(ORecursionMenu_default, { install(app) {
-	app.component("ORecursionMenu", ORecursionMenu_default);
-} });
-var ORecursionMenuItem = Object.assign(ORecursionMenuItem_default, { install(app) {
-	app.component("ORecursionMenuItem", ORecursionMenuItem_default);
-} });
-export { ORecursionMenu, ORecursionMenuItem, recursionMenuInjectionKey };
+import _sfc_main from "./ORecursionMenu.vue.mjs";
+import _ORecursionMenuItem from "./ORecursionMenuItem.vue.mjs";
+const ORecursionMenu = Object.assign(_sfc_main, {
+  install(app) {
+    app.component("ORecursionMenu", _sfc_main);
+  }
+});
+const ORecursionMenuItem = Object.assign(_ORecursionMenuItem, {
+  install(app) {
+    app.component("ORecursionMenuItem", _ORecursionMenuItem);
+  }
+});
+export {
+  ORecursionMenu,
+  ORecursionMenuItem
+};

package/dist/treeshaking/components/recursion-menu/types.mjs

@@ -1,4 +1,4 @@
-// src/components/recursion-menu/types.ts
-/** 通过 provide/inject 向递归项传递父级 props */
-var recursionMenuInjectionKey = Symbol("recursion-menu-props");
-export { recursionMenuInjectionKey };
+const recursionMenuInjectionKey = Symbol("recursion-menu-props");
+export {
+  recursionMenuInjectionKey
+};

package/dist/treeshaking/components/search/OSearchInput.vue.mjs

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

package/dist/treeshaking/components/search/OSearchInput.vue2.mjs

@@ -0,0 +1,382 @@
+import { defineComponent, ref, computed, toRef, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, Transition, unref, createCommentVNode, toDisplayString, Fragment, renderList, createTextVNode } from "vue";
+import { useDebounceFn, onClickOutside } from "@vueuse/core";
+import SearchImageInput from "./internal/SearchImageInput.vue.mjs";
+import SearchPanel from "./internal/SearchPanel.vue.mjs";
+import { useSearchHistory } from "./composables/useSearchHistory.mjs";
+import { useI18n } from "../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-search-input-box" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-search-input-dropdown"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "o-search-input-suggest-list-row"
+};
+const _hoisted_4 = { class: "o-search-input-suggest-list-label" };
+const _hoisted_5 = { class: "o-search-input-suggest-list" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSearchInput",
+  props: {
+    modelValue: { default: "" },
+    imageUrl: { default: "" },
+    size: { default: "large" },
+    placeholder: {},
+    imagePlaceholder: {},
+    enableImageSearch: { type: Boolean, default: false },
+    uploadImage: {},
+    maxImageSize: { default: 10 * 1024 * 1024 },
+    imageUploadTooltip: {},
+    allowedImageTypes: {},
+    suggestItems: { default: () => [] },
+    onestepItems: { default: () => [] },
+    suggestTitle: {},
+    onestepTitle: {},
+    noDataText: {},
+    showSuggestEmpty: { type: Boolean, default: true },
+    highlightKeyword: { type: Boolean, default: true },
+    debounce: { default: 300 },
+    enableHistory: { type: Boolean, default: true },
+    historyItems: { default: () => [] },
+    maxHistoryCount: { default: 6 },
+    storeHistory: { type: Boolean, default: false },
+    storageKey: { default: "search-history" },
+    historyTitle: {},
+    autoSaveHistory: { type: Boolean, default: true },
+    hotItems: { default: () => [] },
+    hotTitle: {},
+    suggestList: { default: () => [] },
+    suggestListLabel: {},
+    clearable: { type: Boolean, default: true },
+    closeOnSearch: { type: Boolean, default: true },
+    closeOnClickOutside: { type: Boolean, default: true },
+    openOnFocus: { type: Boolean, default: true },
+    alwaysInlineThumbnail: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:imageUrl", "update:historyItems", "focus", "blur", "input", "clear", "search", "recommend-click", "onestep-click", "history-click", "hot-click", "suggest-list-click", "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 { t } = useI18n();
+    function parseSuggest(raw) {
+      const segments = [];
+      const re = /<em>(.*?)<\/em>/g;
+      let last = 0;
+      let m;
+      while ((m = re.exec(raw)) !== null) {
+        if (m.index > last) segments.push({ text: raw.slice(last, m.index), em: false });
+        segments.push({ text: m[1], em: true });
+        last = m.index + m[0].length;
+      }
+      if (last < raw.length) segments.push({ text: raw.slice(last), em: false });
+      return segments;
+    }
+    const inputRef = ref();
+    const wrapperRef = ref(null);
+    const innerValue = computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const isFocus = ref(false);
+    const isPreviewOpen = ref(false);
+    const justClosedPreview = ref(false);
+    const hasInternalImage = ref(false);
+    const showDropdown = computed(() => {
+      if (!isFocus.value) return false;
+      if (props.imageUrl || hasInternalImage.value) return false;
+      const hasSuggest = !!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 || hasHot)) return true;
+      return false;
+    });
+    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)
+    });
+    let suppressNextInput = false;
+    const emitInputDebounced = useDebounceFn((val) => {
+      if (suppressNextInput) {
+        suppressNextInput = false;
+        return;
+      }
+      emit("input", val);
+    }, () => props.debounce);
+    watch(innerValue, (val) => {
+      emitInputDebounced(val);
+    });
+    onClickOutside(wrapperRef, () => {
+      if (!props.closeOnClickOutside) return;
+      if (isPreviewOpen.value || justClosedPreview.value) return;
+      isFocus.value = false;
+    });
+    const handleFocus = () => {
+      isFocus.value = true;
+      emit("focus");
+    };
+    const handleBlur = () => {
+      emit("blur");
+    };
+    const runSearch = async (overrideKeyword) => {
+      var _a, _b, _c, _d, _e, _f;
+      if ((_b = (_a = inputRef.value) == null ? void 0 : _a.getIsUploading) == null ? void 0 : _b.call(_a)) {
+        await ((_d = (_c = inputRef.value).awaitUpload) == null ? void 0 : _d.call(_c));
+      }
+      const keyword = overrideKeyword !== void 0 ? overrideKeyword.trim() : innerValue.value.trim();
+      const imageUrl = ((_f = (_e = inputRef.value) == null ? void 0 : _e.getUploadedUrl) == null ? void 0 : _f.call(_e)) || props.imageUrl;
+      if (!keyword && !imageUrl) return;
+      if (props.autoSaveHistory && keyword) {
+        history.push(keyword);
+      }
+      if (props.closeOnSearch) {
+        isFocus.value = false;
+      }
+      emit("search", { keyword, imageUrl: imageUrl || void 0 });
+    };
+    const handleClear = () => {
+      innerValue.value = "";
+      emit("clear");
+    };
+    const handleSuggestClick = (item) => {
+      emit("recommend-click", item);
+      suppressNextInput = true;
+      innerValue.value = item.key;
+      runSearch(item.key ?? "");
+    };
+    const handleOnestepClick = (item) => {
+      emit("onestep-click", item);
+      if (item.path) {
+        const url = item.path;
+        if (typeof window !== "undefined") window.open(url, "_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 handleSuggestListClick = (val) => {
+      const text = val.replace(/<[^>]+>/g, "");
+      emit("suggest-list-click", text);
+      suppressNextInput = true;
+      innerValue.value = text;
+      runSearch(text);
+    };
+    const onPreviewChange = (visible) => {
+      isPreviewOpen.value = visible;
+      if (!visible) {
+        justClosedPreview.value = true;
+        setTimeout(() => {
+          justClosedPreview.value = false;
+        }, 100);
+      }
+    };
+    const showInlineThumbnail = computed(
+      () => !!props.imageUrl && (props.alwaysInlineThumbnail || !isFocus.value)
+    );
+    const onImageUploadStart = (file) => {
+      hasInternalImage.value = true;
+      emit("image-upload-start", file);
+    };
+    const onImageUploadSuccess = (url, file) => {
+      hasInternalImage.value = false;
+      emit("image-upload-success", url, file);
+    };
+    const onImageClear = () => {
+      hasInternalImage.value = false;
+      emit("update:imageUrl", "");
+    };
+    __expose({
+      focus: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      },
+      blur: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+      },
+      search: runSearch,
+      saveHistory: (val) => history.push(val ?? innerValue.value)
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        ref_key: "wrapperRef",
+        ref: wrapperRef,
+        class: normalizeClass(["o-search-input", { "is-focus": isFocus.value }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(SearchImageInput, {
+            ref_key: "inputRef",
+            ref: inputRef,
+            modelValue: innerValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+            "image-url": __props.imageUrl,
+            placeholder: __props.placeholder,
+            "image-placeholder": __props.imagePlaceholder,
+            size: __props.size,
+            "enable-image-search": __props.enableImageSearch,
+            "upload-image": __props.uploadImage,
+            "max-image-size": __props.maxImageSize,
+            "image-upload-tooltip": __props.imageUploadTooltip,
+            "allowed-image-types": __props.allowedImageTypes,
+            expanded: isFocus.value && !props.alwaysInlineThumbnail,
+            "inline-thumbnail": showInlineThumbnail.value,
+            clearable: __props.clearable,
+            class: "o-search-input-field",
+            "onUpdate:imageUrl": _cache[1] || (_cache[1] = (url) => emit("update:imageUrl", url)),
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onEnter: runSearch,
+            onClear: handleClear,
+            onImageClear,
+            onImageUploadStart,
+            onImageUploadSuccess,
+            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
+          }, 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", "image-placeholder", "size", "enable-image-search", "upload-image", "max-image-size", "image-upload-tooltip", "allowed-image-types", "expanded", "inline-thumbnail", "clearable"]),
+          createVNode(Transition, { name: "o-search-input-dropdown" }, {
+            default: withCtx(() => [
+              showDropdown.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "dropdown", { keyword: __props.modelValue }, () => [
+                  createVNode(SearchPanel, {
+                    keyword: __props.modelValue,
+                    "onestep-items": __props.onestepItems,
+                    "onestep-title": __props.onestepTitle,
+                    "suggest-items": __props.suggestItems,
+                    "suggest-title": __props.suggestTitle,
+                    "history-items": __props.enableHistory ? 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,
+                    "history-layout": "list",
+                    onOnestepClick: handleOnestepClick,
+                    onSuggestClick: handleSuggestClick,
+                    onHistoryClick: handleHistoryClick,
+                    onHistoryRemove: handleHistoryRemove,
+                    onHistoryClear: handleHistoryClear,
+                    onHotClick: handleHotClick
+                  }, createSlots({ _: 2 }, [
+                    _ctx.$slots["onestep-header"] ? {
+                      name: "onestep-header",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "onestep-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                      ]),
+                      key: "0"
+                    } : void 0,
+                    _ctx.$slots["onestep-content"] ? {
+                      name: "onestep-content",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "onestep-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                      ]),
+                      key: "1"
+                    } : void 0,
+                    _ctx.$slots["suggest-header"] ? {
+                      name: "suggest-header",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "suggest-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                      ]),
+                      key: "2"
+                    } : void 0,
+                    _ctx.$slots["suggest-content"] ? {
+                      name: "suggest-content",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "suggest-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                      ]),
+                      key: "3"
+                    } : void 0,
+                    _ctx.$slots["history-header"] ? {
+                      name: "history-header",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "history-header", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                      ]),
+                      key: "4"
+                    } : void 0,
+                    _ctx.$slots["history-content"] ? {
+                      name: "history-content",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "history-content", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                      ]),
+                      key: "5"
+                    } : void 0
+                  ]), 1032, ["keyword", "onestep-items", "onestep-title", "suggest-items", "suggest-title", "history-items", "history-title", "hot-items", "hot-title", "no-data-text", "highlight-keyword", "show-suggest-empty"])
+                ], true)
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]),
+        ((_a = __props.suggestList) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "suggest-list", { items: __props.suggestList }, () => [
+            createElementVNode("span", _hoisted_4, toDisplayString(__props.suggestListLabel ?? unref(t)("search.suggestListLabel")), 1),
+            createElementVNode("ul", _hoisted_5, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.suggestList, (item, idx) => {
+                return openBlock(), createElementBlock("li", {
+                  key: item + idx,
+                  class: "o-search-input-suggest-list-item",
+                  onClick: ($event) => handleSuggestListClick(item)
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(parseSuggest(item), (seg) => {
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: seg.text + String(seg.em)
+                    }, [
+                      seg.em ? (openBlock(), createElementBlock("em", _hoisted_7, toDisplayString(seg.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createTextVNode(toDisplayString(seg.text), 1)
+                      ], 64))
+                    ], 64);
+                  }), 128))
+                ], 8, _hoisted_6);
+              }), 128))
+            ])
+          ], true)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};