@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.66

package/dist/cjs/components/search/internal/SearchPanel.css

@@ -0,0 +1,547 @@
+.hover-icon-rotate .o-icon[data-v-5b9cbb86] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-5b9cbb86] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-panel[data-v-5b9cbb86] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--o-gap-4);
+}
+.o-search-panel-section-title.suggest[data-v-5b9cbb86], .o-search-panel-section-title.onestep[data-v-5b9cbb86] {
+  margin-bottom: var(--o-gap-3);
+}
+.o-search-panel-section-title[data-v-5b9cbb86] {
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-section-title[data-v-5b9cbb86] {
+  color: var(--o-color-info3);
+  font-weight: 400;
+}
+@media (max-width: 840px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    color: var(--o-color-info1);
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-search-panel-section-title[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-search-panel-item[data-v-5b9cbb86] {
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-item[data-v-5b9cbb86] {
+  padding: 5px var(--o-gap-3);
+  cursor: pointer;
+  color: var(--o-color-info1);
+  border-radius: var(--o-radius-xs);
+  margin: 0 calc(-1 * var(--o-gap-3));
+}
+.o-search-panel-item[data-v-5b9cbb86]:hover {
+  background-color: var(--o-color-control2-light);
+}
+.o-search-panel-item[data-v-5b9cbb86]:active {
+  background-color: var(--o-color-control3-light);
+}
+@media (max-width: 840px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-search-panel-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-onestep-item[data-v-5b9cbb86] {
+  display: flex;
+  align-items: center;
+  white-space: pre-wrap;
+}
+.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+  font-size: 12px;
+  line-height: 18px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 8px;
+  border-radius: 4px;
+  font-weight: 400;
+  margin-left: 8px;
+  border: 1px solid var(--o-color-control4);
+  color: var(--o-color-info3);
+}
+.o-search-panel-no-data[data-v-5b9cbb86] {
+  font-size: 12px;
+  line-height: 18px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-no-data[data-v-5b9cbb86] {
+  color: var(--o-color-info3);
+  padding: 0 8px;
+}
+@media (max-width: 840px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-search-panel-no-data[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-recommend-item[data-v-5b9cbb86] {
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-recommend-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-recommend-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-recommend-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-recommend-item[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-recommend-item[data-v-5b9cbb86] {
+  padding: 5px 8px;
+  cursor: pointer;
+  color: var(--o-color-info1);
+  border-radius: var(--o-radius-xs);
+}
+.o-search-panel-recommend-item[data-v-5b9cbb86]:hover {
+  background-color: var(--o-color-control2-light);
+}
+.o-search-panel-divider[data-v-5b9cbb86] {
+  background: var(--o-color-control4);
+  width: 100%;
+  height: 1px;
+}
+@media (max-width: 840px) {
+.o-search-panel-divider[data-v-5b9cbb86] {
+    display: none;
+}
+}
+.o-search-panel-common-header[data-v-5b9cbb86] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.o-search-panel-icon[data-v-5b9cbb86] {
+  cursor: pointer;
+  color: var(--o-color-info1);
+  font-size: 16px;
+}
+.o-search-panel-icon[data-v-5b9cbb86]:hover {
+  color: var(--o-color-primary1);
+}
+.o-search-panel-history-list[data-v-5b9cbb86] {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-top: var(--o-gap-3);
+}
+.o-search-panel-history-item[data-v-5b9cbb86] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  max-width: 224px;
+  height: 24px;
+  padding: 3px var(--o-gap-3);
+  background-color: var(--o-color-control2-light);
+  border-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+@media (hover: hover) {
+.o-search-panel-history-item[data-v-5b9cbb86]:hover {
+    background-color: var(--o-color-control3-light);
+    color: var(--o-color-primary1);
+}
+.o-search-panel-history-item:hover .o-search-panel-history-remove[data-v-5b9cbb86] {
+    display: inline-flex;
+}
+}
+@media (hover: hover) {
+.o-search-panel-history-item.is-dark[data-v-5b9cbb86]:hover {
+    background-color: rgb(var(--o-mixedgray-7));
+}
+}
+@media (max-width: 840px) {
+.o-search-panel-history-item[data-v-5b9cbb86] {
+    height: 28px;
+}
+}
+.o-search-panel-history-text[data-v-5b9cbb86] {
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  line-height: 18px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-search-panel-history-text[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-history-remove[data-v-5b9cbb86] {
+  position: absolute;
+  right: -8px;
+  top: -8px;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}
+.o-search-panel-history-remove[data-v-5b9cbb86] svg {
+  width: 16px;
+  height: 16px;
+}
+.o-search-panel-history-row[data-v-5b9cbb86] {
+  padding: 4px 8px;
+  border-radius: var(--o-radius-xs);
+  cursor: pointer;
+  color: var(--o-color-info1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-history-row[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-history-row[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-history-row[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-history-row[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+.o-search-panel-history-row[data-v-5b9cbb86]:hover {
+    background-color: var(--o-color-control2-light);
+    color: var(--o-color-primary1);
+}
+}
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--o-gap-3) var(--o-gap-4);
+  margin-top: var(--o-gap-3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    display: block;
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-search-panel-hot-list[data-v-5b9cbb86] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-search-panel-hot-item[data-v-5b9cbb86] {
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+@media (max-width: 840px) {
+.o-search-panel-hot-item[data-v-5b9cbb86] {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (hover: hover) {
+.o-search-panel-hot-item[data-v-5b9cbb86]:hover {
+    color: var(--o-color-primary1);
+}
+}

package/dist/cjs/components/search/internal/SearchPanel.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./SearchPanel.vue2.js");;require('./SearchPanel.css');const r=require("../../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-5b9cbb86"]]);module.exports=t;

package/dist/cjs/components/search/internal/SearchPanel.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("@opensig/opendesign"),f=require("../../../icons/icon-delete-hover.js"),w=require("../../../icons/components-icon-delete.js"),E=require("../../../icons/icon-refresh.js"),y=require("./HighlightText.vue.js"),I=require("../../../i18n/index.js"),C={class:"o-search-panel"},N={key:0,class:"o-search-panel-section o-search-panel-onestep"},S={class:"o-search-panel-section-title onestep"},V=["onClick"],D={key:0,class:"o-search-panel-onestep-tag"},$={key:1,class:"o-search-panel-divider"},T={key:2,class:"o-search-panel-section o-search-panel-suggest"},L={class:"o-search-panel-section-title suggest"},q=["onClick"],K={key:1,class:"o-search-panel-no-data"},O={key:3,class:"o-search-panel-section o-search-panel-recommend"},F=["onClick"],H={key:4,class:"o-search-panel-section o-search-panel-history"},x={class:"o-search-panel-common-header"},b={class:"o-search-panel-section-title"},M=["onClick"],R={class:"o-search-panel-history-row-text"},z={key:1,class:"o-search-panel-history-list"},P=["onClick"],j={class:"o-search-panel-history-text"},A={key:5,class:"o-search-panel-divider"},G={key:6,class:"o-search-panel-section o-search-panel-hot"},J={class:"o-search-panel-common-header"},Q={class:"o-search-panel-section-title"},U={class:"o-search-panel-hot-list"},W=["onClick"],X=e.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:!0},hideOnKeyword:{type:Boolean,default:!1},showSuggestEmpty:{type:Boolean,default:!1},isDark:{type:Boolean,default:!1},historyLayout:{default:"chips"}},emits:["onestep-click","suggest-click","recommend-click","history-click","hot-click","history-remove","history-clear","hot-refresh"],setup(t,{emit:g}){const n=t,l=g,{t:r}=I.useI18n(),a=e.computed(()=>{var s;return!!((s=n.keyword)!=null&&s.trim())}),h=e.computed(()=>a.value&&n.onestepItems.length>0),m=e.computed(()=>a.value&&(n.suggestItems.length>0||n.showSuggestEmpty)),p=e.computed(()=>!a.value&&n.recommendItems.length>0),u=e.computed(()=>(!n.hideOnKeyword||!a.value)&&n.historyItems.length>0),k=e.computed(()=>(!n.hideOnKeyword||!a.value)&&n.hotItems.length>0),v=e.computed(()=>h.value&&m.value),B=e.computed(()=>u.value&&k.value);return(s,i)=>(e.openBlock(),e.createElementBlock("div",C,[h.value?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(s.$slots,"onestep-header",{items:t.onestepItems},()=>[e.createElementVNode("div",S,e.toDisplayString(t.onestepTitle??e.unref(r)("search.onestep")),1)],!0),e.renderSlot(s.$slots,"onestep-content",{items:t.onestepItems,keyword:t.keyword},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.onestepItems,o=>(e.openBlock(),e.createElementBlock("div",{key:o.key+(o.path??""),class:"o-search-panel-item o-search-panel-onestep-item",onClick:c=>l("onestep-click",o)},[e.createVNode(y,{text:o.key,keyword:t.keyword,enabled:t.highlightKeyword},null,8,["text","keyword","enabled"]),o.type?(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString(o.type),1)):e.createCommentVNode("",!0)],8,V))),128))],!0)])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("div",$)):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("div",T,[e.renderSlot(s.$slots,"suggest-header",{items:t.suggestItems},()=>[e.createElementVNode("div",L,e.toDisplayString(t.suggestTitle??e.unref(r)("search.suggest")),1)],!0),e.renderSlot(s.$slots,"suggest-content",{items:t.suggestItems,keyword:t.keyword},()=>[t.suggestItems.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.suggestItems,o=>(e.openBlock(),e.createElementBlock("div",{key:o.key,class:"o-search-panel-item",onClick:c=>l("suggest-click",o)},[e.createVNode(y,{text:o.key,keyword:t.keyword,enabled:t.highlightKeyword},null,8,["text","keyword","enabled"])],8,q))),128)):(e.openBlock(),e.createElementBlock("div",K,e.toDisplayString(t.noDataText??e.unref(r)("search.noData")),1))],!0)])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",O,[e.renderSlot(s.$slots,"recommend-header",{items:t.recommendItems},void 0,!0),e.renderSlot(s.$slots,"recommend-content",{items:t.recommendItems},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.recommendItems,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"o-search-panel-recommend-item",onClick:c=>l("recommend-click",o)},e.toDisplayString(o),9,F))),128))],!0)])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",H,[e.renderSlot(s.$slots,"history-header",{items:t.historyItems},()=>[e.createElementVNode("div",x,[e.createElementVNode("span",b,e.toDisplayString(t.historyTitle??e.unref(r)("search.history")),1),t.historyLayout!=="list"?(e.openBlock(),e.createBlock(e.unref(d.OIcon),{key:0,class:"o-search-panel-icon",onClick:i[0]||(i[0]=e.withModifiers(o=>l("history-clear"),["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(w))]),_:1})):e.createCommentVNode("",!0)])],!0),e.renderSlot(s.$slots,"history-content",{items:t.historyItems},()=>[t.historyLayout==="list"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.historyItems,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"o-search-panel-history-row",onClick:c=>l("history-click",o)},[e.createElementVNode("span",R,e.toDisplayString(o),1)],8,M))),128)):(e.openBlock(),e.createElementBlock("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.historyItems,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["o-search-panel-history-item",{"is-dark":t.isDark}]),onClick:c=>l("history-click",o)},[e.createElementVNode("span",j,e.toDisplayString(o),1),e.createVNode(e.unref(d.OIcon),{class:"o-search-panel-history-remove",onClick:e.withModifiers(c=>l("history-remove",o),["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["onClick"])],10,P))),128))]))],!0)])):e.createCommentVNode("",!0),B.value?(e.openBlock(),e.createElementBlock("div",A)):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(s.$slots,"hot-header",{items:t.hotItems},()=>[e.createElementVNode("div",J,[e.createElementVNode("div",Q,e.toDisplayString(t.hotTitle??e.unref(r)("search.hot")),1),e.createVNode(e.unref(d.OIcon),{class:"o-search-panel-icon",onClick:i[1]||(i[1]=e.withModifiers(o=>l("hot-refresh"),["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(E))]),_:1})])],!0),e.renderSlot(s.$slots,"hot-content",{items:t.hotItems},()=>[e.createElementVNode("div",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.hotItems,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"o-search-panel-hot-item",onClick:c=>l("hot-click",o)},e.toDisplayString(o),9,W))),128))])],!0)])):e.createCommentVNode("",!0)]))}});module.exports=X;