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

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

@@ -0,0 +1,305 @@
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref, createSlots, withCtx, renderSlot, withModifiers, createCommentVNode, createBlock, createTextVNode, toDisplayString, nextTick } from "vue";
+import { OInput, OIcon, OFigure, OPopover } from "@opensig/opendesign";
+import { useImageSearch } from "../composables/useImageSearch.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconSearch from "../../../_virtual/icon-header-search.mjs";
+import IconClose from "../../../_virtual/icon-close.mjs";
+import IconImageUpload from "../../../_virtual/icon-image-upload.mjs";
+import IconDelete from "../../../_virtual/icon-delete-hover.mjs";
+import IconImageZoomin from "../../../_virtual/icon-image-zoomin.mjs";
+const _hoisted_1 = { class: "o-search-image-input-row" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-search-image-input-thumb"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "o-search-image-input-preview"
+};
+const _hoisted_4 = { class: "o-search-image-input-preview-wrapper" };
+const _hoisted_5 = { class: "o-search-image-input-preview-zoom" };
+const _hoisted_6 = ["accept"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchImageInput",
+  props: {
+    modelValue: { default: "" },
+    imageUrl: { default: "" },
+    placeholder: {},
+    imagePlaceholder: {},
+    size: { default: "medium" },
+    enableImageSearch: { type: Boolean, default: false },
+    uploadImage: {},
+    maxImageSize: { default: 10 * 1024 * 1024 },
+    imageUploadTooltip: {},
+    expanded: { type: Boolean, default: true },
+    clearable: { type: Boolean, default: true },
+    showSuffix: { type: Boolean, default: true },
+    inlineThumbnail: { type: Boolean, default: false },
+    preview: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    allowedImageTypes: { default: () => ["image/jpeg", "image/png", "image/gif", "image/webp"] }
+  },
+  emits: ["update:modelValue", "update:imageUrl", "focus", "blur", "enter", "clear", "image-clear", "image-upload-start", "image-upload-success", "image-upload-error", "image-validate-error", "preview-change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const uploadImageRef = computed(() => props.uploadImage);
+    const maxImageSizeRef = computed(() => props.maxImageSize);
+    const allowedImageTypesRef = computed(() => props.allowedImageTypes);
+    const acceptAttr = computed(() => (props.allowedImageTypes ?? []).join(","));
+    const image = useImageSearch({
+      uploadImage: uploadImageRef,
+      maxImageSize: maxImageSizeRef,
+      allowedImageTypes: allowedImageTypesRef,
+      onUploadStart: (file) => emit("image-upload-start", file),
+      onUploadSuccess: (url, file) => {
+        emit("update:imageUrl", url);
+        emit("image-upload-success", url, file);
+      },
+      onUploadError: (error, file) => emit("image-upload-error", error, file),
+      onValidationError: (reason, file) => emit("image-validate-error", reason, file)
+    });
+    const fileInputRef = ref();
+    const inputRef = ref();
+    const uploadBtnRef = ref(null);
+    const innerValue = computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    watch(
+      () => props.imageUrl,
+      (val) => {
+        image.setExternalUrl(val);
+      },
+      { immediate: true }
+    );
+    const showThumbnail = computed(() => !!image.previewUrl.value);
+    const placeholder = computed(() => {
+      if (showThumbnail.value) {
+        return props.imagePlaceholder ?? t("search.extendedPlaceholder");
+      }
+      return props.placeholder ?? t("search.placeholder");
+    });
+    const handleClear = () => {
+      innerValue.value = "";
+      if (showThumbnail.value) {
+        handleImageClear();
+      }
+      emit("clear");
+    };
+    const handleImageClear = () => {
+      image.reset();
+      emit("update:imageUrl", "");
+      emit("image-clear");
+    };
+    const handleUploadClick = () => {
+      image.pickFile(fileInputRef.value);
+      nextTick(() => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      });
+    };
+    const handleFileSelect = (event) => {
+      image.onFileChange(event);
+      nextTick(() => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      });
+    };
+    const handlePaste = (event) => {
+      if (!props.enableImageSearch) return;
+      image.onPaste(event);
+    };
+    const handleDragOver = (event) => {
+      if (!props.enableImageSearch) return;
+      image.onDragOver(event);
+    };
+    const handleDrop = (event) => {
+      if (!props.enableImageSearch) return;
+      image.onDrop(event);
+    };
+    const onPreviewChange = (visible) => {
+      emit("preview-change", visible);
+    };
+    const hasValue = computed(() => !!innerValue.value || showThumbnail.value);
+    const awaitUpload = () => image.awaitUpload();
+    __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);
+      },
+      awaitUpload,
+      getUploadedUrl: () => image.uploadedUrl.value,
+      getIsUploading: () => image.isUploading.value,
+      resetImage: () => {
+        image.reset();
+        emit("update:imageUrl", "");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["o-search-image-input", { "has-image": showThumbnail.value, "is-expanded": __props.expanded && showThumbnail.value }]),
+        onDragover: handleDragOver,
+        onDrop: handleDrop
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(OInput), {
+            ref_key: "inputRef",
+            ref: inputRef,
+            modelValue: innerValue.value,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => innerValue.value = $event),
+            placeholder: placeholder.value,
+            size: __props.size,
+            disabled: __props.disabled,
+            class: "o-search-image-input-input",
+            onPressEnter: _cache[4] || (_cache[4] = ($event) => emit("enter")),
+            onFocus: _cache[5] || (_cache[5] = (e) => emit("focus", e)),
+            onBlur: _cache[6] || (_cache[6] = (e) => emit("blur", e)),
+            onPaste: handlePaste
+          }, createSlots({
+            prefix: withCtx(() => [
+              renderSlot(_ctx.$slots, "prefix", {}, () => [
+                createVNode(unref(OIcon), { class: "o-search-image-input-icon" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconSearch))
+                  ]),
+                  _: 1
+                })
+              ], true),
+              __props.inlineThumbnail && showThumbnail.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(unref(OFigure), {
+                  src: unref(image).previewUrl.value,
+                  alt: "",
+                  class: "o-search-image-input-thumb-figure"
+                }, null, 8, ["src"]),
+                createElementVNode("div", {
+                  class: "o-search-image-input-thumb-zoom",
+                  onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["prevent"]))
+                }, [
+                  createVNode(unref(OIcon), { class: "o-search-image-input-thumb-zoom-icon" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconImageZoomin))
+                    ]),
+                    _: 1
+                  })
+                ], 32),
+                createVNode(unref(OIcon), {
+                  class: "o-search-image-input-thumb-remove",
+                  onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["prevent"])),
+                  onClick: withModifiers(handleImageClear, ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconDelete))
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 2
+          }, [
+            __props.showSuffix ? {
+              name: "suffix",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "suffix", { hasValue: hasValue.value }, () => [
+                  __props.enableImageSearch ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    ref_key: "uploadBtnRef",
+                    ref: uploadBtnRef,
+                    class: "o-search-image-input-upload-btn"
+                  }, [
+                    createVNode(unref(OIcon), {
+                      class: "o-search-image-input-icon upload",
+                      onClick: withModifiers(handleUploadClick, ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconImageUpload))
+                      ]),
+                      _: 1
+                    })
+                  ], 512)) : createCommentVNode("", true),
+                  __props.enableImageSearch && uploadBtnRef.value ? (openBlock(), createBlock(unref(OPopover), {
+                    key: 1,
+                    trigger: "hover",
+                    position: "bottom",
+                    target: uploadBtnRef.value,
+                    "body-class": "o-search-image-input-tooltip"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(__props.imageUploadTooltip ?? unref(t)("search.imageUploadTooltip")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["target"])) : createCommentVNode("", true),
+                  __props.clearable && hasValue.value ? (openBlock(), createBlock(unref(OIcon), {
+                    key: 2,
+                    class: "o-search-image-input-icon close",
+                    onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
+                    }, ["prevent"])),
+                    onClick: withModifiers(handleClear, ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconClose))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true)
+                ], true)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "placeholder", "size", "disabled"])
+        ]),
+        __props.expanded && showThumbnail.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "preview", {
+            previewUrl: unref(image).previewUrl.value,
+            remove: handleImageClear
+          }, () => [
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(OFigure), {
+                src: unref(image).previewUrl.value,
+                preview: __props.preview,
+                alt: "",
+                class: "o-search-image-input-preview-figure",
+                onPreview: onPreviewChange
+              }, null, 8, ["src", "preview"]),
+              createElementVNode("div", _hoisted_5, [
+                createVNode(unref(OIcon), { class: "o-search-image-input-preview-zoom-icon" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconImageZoomin))
+                  ]),
+                  _: 1
+                })
+              ]),
+              createVNode(unref(OIcon), {
+                class: "o-search-image-input-preview-remove",
+                onClick: withModifiers(handleImageClear, ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconDelete))
+                ]),
+                _: 1
+              })
+            ])
+          ], true)
+        ])) : createCommentVNode("", true),
+        __props.enableImageSearch ? (openBlock(), createElementBlock("input", {
+          key: 1,
+          ref_key: "fileInputRef",
+          ref: fileInputRef,
+          type: "file",
+          accept: acceptAttr.value,
+          class: "o-search-image-input-file",
+          onChange: handleFileSelect
+        }, null, 40, _hoisted_6)) : createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/treeshaking/components/search/internal/SearchPanel.vue2.mjs

@@ -0,0 +1,255 @@
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, createElementVNode, toDisplayString, unref, Fragment, renderList, createVNode, createCommentVNode, createBlock, withModifiers, withCtx, normalizeClass } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import IconDelete from "../../../_virtual/icon-delete-hover.mjs";
+import IconDeleteAll from "../../../_virtual/icon-delete.mjs";
+import IconRefresh from "../../../_virtual/icon-refresh.mjs";
+import HighlightText from "./HighlightText.vue.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-search-panel" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-search-panel-section o-search-panel-onestep"
+};
+const _hoisted_3 = { class: "o-search-panel-section-title onestep" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "o-search-panel-onestep-tag"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "o-search-panel-divider"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "o-search-panel-section o-search-panel-suggest"
+};
+const _hoisted_8 = { class: "o-search-panel-section-title suggest" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  key: 1,
+  class: "o-search-panel-no-data"
+};
+const _hoisted_11 = {
+  key: 3,
+  class: "o-search-panel-divider"
+};
+const _hoisted_12 = {
+  key: 4,
+  class: "o-search-panel-section o-search-panel-recommend"
+};
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
+  key: 5,
+  class: "o-search-panel-divider"
+};
+const _hoisted_15 = {
+  key: 6,
+  class: "o-search-panel-section o-search-panel-history"
+};
+const _hoisted_16 = { class: "o-search-panel-common-header" };
+const _hoisted_17 = { class: "o-search-panel-section-title" };
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = { class: "o-search-panel-history-row-text" };
+const _hoisted_20 = {
+  key: 1,
+  class: "o-search-panel-history-list"
+};
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = { class: "o-search-panel-history-text" };
+const _hoisted_23 = {
+  key: 7,
+  class: "o-search-panel-divider"
+};
+const _hoisted_24 = {
+  key: 8,
+  class: "o-search-panel-section o-search-panel-hot"
+};
+const _hoisted_25 = { class: "o-search-panel-common-header" };
+const _hoisted_26 = { class: "o-search-panel-section-title" };
+const _hoisted_27 = { class: "o-search-panel-hot-list" };
+const _hoisted_28 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchPanel",
+  props: {
+    keyword: { default: "" },
+    onestepItems: { default: () => [] },
+    onestepTitle: {},
+    suggestItems: { default: () => [] },
+    suggestTitle: {},
+    recommendItems: { default: () => [] },
+    historyItems: { default: () => [] },
+    historyTitle: {},
+    hotItems: { default: () => [] },
+    hotTitle: {},
+    noDataText: {},
+    highlightKeyword: { type: Boolean, default: true },
+    hideOnKeyword: { type: Boolean, default: false },
+    showSuggestEmpty: { type: Boolean, default: false },
+    isDark: { type: Boolean, default: false },
+    historyLayout: { default: "chips" }
+  },
+  emits: ["onestep-click", "suggest-click", "recommend-click", "history-click", "hot-click", "history-remove", "history-clear", "hot-refresh"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const hasKeyword = computed(() => {
+      var _a;
+      return !!((_a = props.keyword) == null ? void 0 : _a.trim());
+    });
+    const showOnestep = computed(() => hasKeyword.value && props.onestepItems.length > 0);
+    const showSuggest = computed(() => hasKeyword.value && (props.suggestItems.length > 0 || props.showSuggestEmpty));
+    const showRecommend = computed(() => !hasKeyword.value && props.recommendItems.length > 0);
+    const showHistory = computed(() => (!props.hideOnKeyword || !hasKeyword.value) && props.historyItems.length > 0);
+    const showHot = computed(() => (!props.hideOnKeyword || !hasKeyword.value) && props.hotItems.length > 0);
+    const showSuggestDivider = computed(() => showOnestep.value && showSuggest.value);
+    const showSuggestRecommendDivider = computed(() => showSuggest.value && showRecommend.value);
+    const showRecommendHistoryDivider = computed(() => showRecommend.value && showHistory.value);
+    const showHistoryHotDivider = computed(() => showHistory.value && showHot.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        showOnestep.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "onestep-header", { items: __props.onestepItems }, () => [
+            createElementVNode("div", _hoisted_3, toDisplayString(__props.onestepTitle ?? unref(t)("search.onestep")), 1)
+          ], true),
+          renderSlot(_ctx.$slots, "onestep-content", {
+            items: __props.onestepItems,
+            keyword: __props.keyword
+          }, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.onestepItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.key + (item.path ?? ""),
+                class: "o-search-panel-item o-search-panel-onestep-item",
+                onClick: ($event) => emit("onestep-click", item)
+              }, [
+                createVNode(HighlightText, {
+                  text: item.key,
+                  keyword: __props.keyword,
+                  enabled: __props.highlightKeyword
+                }, null, 8, ["text", "keyword", "enabled"]),
+                item.type ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.type), 1)) : createCommentVNode("", true)
+              ], 8, _hoisted_4);
+            }), 128))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showSuggestDivider.value ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("", true),
+        showSuggest.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          renderSlot(_ctx.$slots, "suggest-header", { items: __props.suggestItems }, () => [
+            createElementVNode("div", _hoisted_8, toDisplayString(__props.suggestTitle ?? unref(t)("search.suggest")), 1)
+          ], true),
+          renderSlot(_ctx.$slots, "suggest-content", {
+            items: __props.suggestItems,
+            keyword: __props.keyword
+          }, () => [
+            __props.suggestItems.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.suggestItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.key,
+                class: "o-search-panel-item",
+                onClick: ($event) => emit("suggest-click", item)
+              }, [
+                createVNode(HighlightText, {
+                  text: item.key,
+                  keyword: __props.keyword,
+                  enabled: __props.highlightKeyword
+                }, null, 8, ["text", "keyword", "enabled"])
+              ], 8, _hoisted_9);
+            }), 128)) : (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(__props.noDataText ?? unref(t)("search.noData")), 1))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showSuggestRecommendDivider.value ? (openBlock(), createElementBlock("div", _hoisted_11)) : createCommentVNode("", true),
+        showRecommend.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          renderSlot(_ctx.$slots, "recommend-header", { items: __props.recommendItems }, void 0, true),
+          renderSlot(_ctx.$slots, "recommend-content", { items: __props.recommendItems }, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.recommendItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item,
+                class: "o-search-panel-recommend-item",
+                onClick: ($event) => emit("recommend-click", item)
+              }, toDisplayString(item), 9, _hoisted_13);
+            }), 128))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showRecommendHistoryDivider.value ? (openBlock(), createElementBlock("div", _hoisted_14)) : createCommentVNode("", true),
+        showHistory.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+          renderSlot(_ctx.$slots, "history-header", { items: __props.historyItems }, () => [
+            createElementVNode("div", _hoisted_16, [
+              createElementVNode("span", _hoisted_17, toDisplayString(__props.historyTitle ?? unref(t)("search.history")), 1),
+              __props.historyLayout !== "list" ? (openBlock(), createBlock(unref(OIcon), {
+                key: 0,
+                class: "o-search-panel-icon",
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("history-clear"), ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconDeleteAll))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ], true),
+          renderSlot(_ctx.$slots, "history-content", { items: __props.historyItems }, () => [
+            __props.historyLayout === "list" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.historyItems, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item,
+                class: "o-search-panel-history-row",
+                onClick: ($event) => emit("history-click", item)
+              }, [
+                createElementVNode("span", _hoisted_19, toDisplayString(item), 1)
+              ], 8, _hoisted_18);
+            }), 128)) : (openBlock(), createElementBlock("div", _hoisted_20, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.historyItems, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item,
+                  class: normalizeClass(["o-search-panel-history-item", { "is-dark": __props.isDark }]),
+                  onClick: ($event) => emit("history-click", item)
+                }, [
+                  createElementVNode("span", _hoisted_22, toDisplayString(item), 1),
+                  createVNode(unref(OIcon), {
+                    class: "o-search-panel-history-remove",
+                    onClick: withModifiers(($event) => emit("history-remove", item), ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconDelete))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 10, _hoisted_21);
+              }), 128))
+            ]))
+          ], true)
+        ])) : createCommentVNode("", true),
+        showHistoryHotDivider.value ? (openBlock(), createElementBlock("div", _hoisted_23)) : createCommentVNode("", true),
+        showHot.value ? (openBlock(), createElementBlock("div", _hoisted_24, [
+          renderSlot(_ctx.$slots, "hot-header", { items: __props.hotItems }, () => [
+            createElementVNode("div", _hoisted_25, [
+              createElementVNode("div", _hoisted_26, toDisplayString(__props.hotTitle ?? unref(t)("search.hot")), 1),
+              createVNode(unref(OIcon), {
+                class: "o-search-panel-icon",
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("hot-refresh"), ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconRefresh))
+                ]),
+                _: 1
+              })
+            ])
+          ], true),
+          renderSlot(_ctx.$slots, "hot-content", { items: __props.hotItems }, () => [
+            createElementVNode("div", _hoisted_27, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.hotItems, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item,
+                  class: "o-search-panel-hot-item",
+                  onClick: ($event) => emit("hot-click", item)
+                }, toDisplayString(item), 9, _hoisted_28);
+              }), 128))
+            ])
+          ], true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/search-doc-result/OSearchDocResult.vue.mjs

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