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

package/dist/cjs/components/header-language-switcher/OHeaderLanguageSwitcher.css

@@ -0,0 +1,125 @@
+.hover-icon-rotate .o-icon[data-v-00163ab5] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-00163ab5] {
+    transform: rotate(-180deg);
+}
+}
+.hide-lang[data-v-00163ab5] {
+  display: none;
+}
+.header-lang[data-v-00163ab5] {
+  height: calc(100% + 10px);
+  display: flex;
+  align-items: center;
+}
+.header-lang .info-wrap[data-v-00163ab5] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.header-lang .info-wrap .icon[data-v-00163ab5] {
+  font-size: var(--o-icon_size_control-m);
+  position: relative;
+  color: var(--o-color-info1);
+}
+.header-lang .info-wrap .icon[data-v-00163ab5]:hover {
+  color: var(--o-color-primary1);
+}
+.header-lang .info-wrap .locale-tag[data-v-00163ab5] {
+  position: absolute;
+  font-size: 10px;
+  height: 12px;
+  width: 12px;
+  background-color: var(--o-color-fill2);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  left: 12px;
+  top: 11px;
+}
+.header-lang .info-wrap .locale-tag.is-en[data-v-00163ab5] {
+  width: 16px;
+}
+.header-lang .list[data-v-00163ab5] {
+  background: var(--o-color-fill2);
+  cursor: pointer;
+  box-shadow: var(--o-shadow-1);
+  border-radius: var(--o-radius_control-xs);
+  padding: var(--o-gap-1);
+  width: 144px;
+}
+.o-dropdown[data-v-00163ab5] {
+  height: 100%;
+}
+.o-dropdown-item[data-v-00163ab5] {
+  background: var(--o-color-fill2);
+  cursor: pointer;
+  border-radius: var(--o-radius_control-xs);
+  padding: var(--o-gap-1);
+  min-width: 144px;
+  height: 40px;
+  color: var(--o-color-info1);
+}
+@media (hover: hover) {
+.o-dropdown-item[data-v-00163ab5]:hover {
+    background: var(--o-color-control2-light);
+}
+}
+.o-dropdown-item.is-active[data-v-00163ab5] {
+  color: var(--o-color-primary1);
+  background: var(--o-color-control3-light);
+}
+.dropdown[data-v-00163ab5] {
+  --dropdown-list-radius: var(--o-radius-xs);
+}
+.mobile-change-language[data-v-00163ab5] {
+  display: flex;
+  align-items: center;
+  height: 36px;
+}
+.mobile-change-language span[data-v-00163ab5] {
+  color: var(--o-color-info1);
+  margin-right: var(--o-gap-1);
+  text-align: center;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.mobile-change-language span[data-v-00163ab5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.mobile-change-language span[data-v-00163ab5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.mobile-change-language span[data-v-00163ab5] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.mobile-change-language span[data-v-00163ab5] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.mobile-change-language span[data-v-00163ab5] {
+  cursor: pointer;
+}
+.mobile-change-language span.active[data-v-00163ab5] {
+  color: var(--o-color-primary1);
+  font-weight: 500;
+}
+.mobile-change-language span[data-v-00163ab5]:not(:last-child):after {
+  content: "|";
+  margin-left: var(--o-gap-1);
+  color: var(--o-color-info1);
+}

package/dist/cjs/components/header-language-switcher/OHeaderLanguageSwitcher.vue.js

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

package/dist/cjs/components/header-language-switcher/OHeaderLanguageSwitcher.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("@opendesign-plus/composables"),r=require("@opensig/opendesign"),C=require("../../icons/icon-locale.js"),y={class:"info-wrap"},B=["onClick"],w=e.defineComponent({__name:"OHeaderLanguageSwitcher",props:{options:{type:Array,default(){return[{id:"zh",label:"简体中文",simple:"中"},{id:"en",label:"English",simple:"EN"}]}},type:{type:String,default:"auto"},auto:{type:Boolean,default:!0}},emits:["change"],setup(n,{emit:p}){const o=n,{changeLocale:g,locale:m}=d.useLocale(),{lePadV:h}=d.useScreen(),a=e.computed(()=>m.value),k=p,u=l=>{o.auto&&g(),k("change",l)},c=(l,i)=>{const t=o.options.find(v=>v.id===l);if(t)return i?t.simple:t.label;const s=o.options[0];return i?s.simple:s.label},f=e.computed(()=>o.type==="common"||o.type==="auto"&&!h.value);return(l,i)=>f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.options.length<=1?"hide-lang":"header-lang")},[e.createVNode(e.unref(r.ODropdown),{trigger:"hover",optionPosition:"bottom","option-wrap-class":"dropdown"},{dropdown:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,t=>(e.openBlock(),e.createBlock(e.unref(r.ODropdownItem),{onClick:s=>u(t),key:t.id,class:e.normalizeClass(["list",{"is-active":a.value===t.id}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c(t.id)),1)]),_:2},1032,["onClick","class"]))),128))]),default:e.withCtx(()=>[e.createElementVNode("div",y,[e.createVNode(e.unref(r.OIcon),{class:"icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(C)),e.createElementVNode("div",{class:e.normalizeClass(["locale-tag",{"is-en":a.value==="en"}])},e.toDisplayString(c(a.value,!0)),3)]),_:1})])]),_:1})],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(n.options.length<=1?"hide-lang":"mobile-change-language")},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,t=>(e.openBlock(),e.createElementBlock("span",{key:t.id,class:e.normalizeClass({active:a.value===t.id}),onClick:e.withModifiers(s=>u(t),["stop"])},e.toDisplayString(c(t.id,!0)),11,B))),128))],2))}});module.exports=w;

package/dist/cjs/components/header-language-switcher/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./OHeaderLanguageSwitcher.vue.js"),t=Object.assign(e,{install(a){a.component("OHeaderLanguageSwitcher",e)}});exports.OHeaderLanguageSwitcher=t;

package/dist/cjs/components/header-search/OHeaderSearch.css

@@ -0,0 +1,199 @@
+.hover-icon-rotate .o-icon[data-v-a97b8e7c] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-a97b8e7c] {
+    transform: rotate(-180deg);
+}
+}
+.o-header-search[data-v-a97b8e7c] {
+  position: relative;
+  width: 160px;
+  height: 32px;
+}
+@media (max-width: 1440px) {
+.o-header-search[data-v-a97b8e7c] {
+    width: 120px;
+}
+}
+@media (max-width: 840px) {
+.o-header-search[data-v-a97b8e7c] {
+    width: 24px;
+    height: 24px;
+    margin-left: auto;
+}
+}
+.o-header-search-pos[data-v-a97b8e7c] {
+  position: absolute;
+  top: 0;
+  width: fit-content;
+  background-color: var(--o-color-fill2);
+  z-index: 100;
+}
+.o-header-search-pos.is-left[data-v-a97b8e7c] {
+  right: 0;
+}
+.o-header-search-pos.is-right[data-v-a97b8e7c] {
+  left: 0;
+}
+.o-header-search-pos.is-mobile[data-v-a97b8e7c] {
+  display: none;
+}
+.o-header-search-pos.is-pc.is-focus[data-v-a97b8e7c] {
+  box-shadow: var(--o-shadow-2);
+  top: calc(-1 * var(--o-gap-4));
+  border-radius: var(--o-radius-xs);
+}
+.o-header-search-pos.is-mobile.is-focus[data-v-a97b8e7c] {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  display: block;
+  height: 100vh;
+  background-color: var(--o-color-fill2);
+  z-index: 100;
+  overflow-y: auto;
+}
+.o-header-search-row[data-v-a97b8e7c] {
+  display: flex;
+  align-items: start;
+}
+.o-header-search-row.is-focus[data-v-a97b8e7c] {
+  padding: var(--o-gap-4);
+  border-radius: var(--o-radius-xs);
+}
+@media (max-width: 840px) {
+.o-header-search-row.is-focus[data-v-a97b8e7c] {
+    gap: var(--o-gap-4);
+    padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
+    border-radius: unset;
+}
+}
+.o-header-search-input[data-v-a97b8e7c] {
+  width: 160px;
+  transition: width var(--o-duration-m2) var(--o-easing-standard-in);
+}
+@media (max-width: 1440px) {
+.o-header-search-input[data-v-a97b8e7c] {
+    width: 120px;
+}
+}
+.o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
+  width: 480px;
+}
+@media (min-width: 1201px) and (max-width: 1440px) {
+.o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
+    width: 360px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
+    width: 272px;
+}
+}
+@media (max-width: 840px) {
+.o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
+    flex: 1;
+    width: auto;
+}
+}
+.o-header-search-back-icon[data-v-a97b8e7c] {
+  cursor: pointer;
+  color: var(--o-color-info1);
+  font-size: 20px;
+  height: 30px;
+}
+.o-header-search-text[data-v-a97b8e7c] {
+  white-space: nowrap;
+  font-size: 16px;
+  line-height: 24px;
+  cursor: pointer;
+  color: var(--o-color-info1);
+  height: 30px;
+}
+@media (hover: hover) {
+.o-header-search-text[data-v-a97b8e7c]:hover {
+    color: var(--o-color-primary1);
+}
+}
+.o-header-search-drawer[data-v-a97b8e7c] {
+  position: absolute;
+  width: 100%;
+  padding: var(--o-gap-4);
+  padding-top: 0;
+  background-color: var(--o-color-fill2);
+  box-shadow: var(--o-shadow-2);
+  border-radius: 0 0 var(--o-radius-xs) var(--o-radius-xs);
+}
+@media (max-width: 840px) {
+.o-header-search-drawer[data-v-a97b8e7c] {
+    position: static;
+    height: calc(100vh - 50px);
+    padding-top: 0;
+    overflow-y: auto;
+    box-shadow: unset;
+    border-radius: unset;
+}
+}
+.o-header-search-drawer[data-v-a97b8e7c]::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: calc(-1 * var(--o-gap-4));
+  height: calc(var(--o-gap-4) + 1px);
+  background-color: var(--o-color-fill2);
+}
+@media (max-width: 840px) {
+.o-header-search-drawer[data-v-a97b8e7c]::before {
+    display: none;
+}
+}
+.o-header-search-mobile-icon[data-v-a97b8e7c] {
+  font-size: 24px;
+  line-height: 28px;
+  color: var(--o-color-info1);
+  cursor: pointer;
+  display: none;
+}
+@media (max-width: 840px) {
+.o-header-search-mobile-icon[data-v-a97b8e7c] {
+    display: block;
+}
+}
+.o-header-search-drawer-enter-active[data-v-a97b8e7c] {
+  transition: opacity var(--o-duration-m1);
+}
+.o-header-search-drawer-enter-from[data-v-a97b8e7c] {
+  opacity: 0;
+}
+.o-header-search.is-mobile-mode[data-v-a97b8e7c] {
+  width: 24px;
+  height: 24px;
+}
+.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-a97b8e7c] {
+  display: block;
+}
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-a97b8e7c] {
+  gap: var(--o-gap-4);
+  padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
+  border-radius: unset;
+}
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-a97b8e7c] {
+  flex: 1;
+  width: auto;
+}
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-a97b8e7c] {
+  position: static;
+  height: calc(100vh - 50px);
+  padding-top: 0;
+  overflow-y: auto;
+  box-shadow: unset;
+  border-radius: unset;
+}
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-a97b8e7c]::before {
+  display: none;
+}

package/dist/cjs/components/header-search/OHeaderSearch.vue.js

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

package/dist/cjs/components/header-search/OHeaderSearch.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),B=require("@opensig/opendesign"),H=require("@vueuse/core"),ae=require("@opendesign-plus/composables"),re=require("../search/internal/SearchImageInput.vue.js"),le=require("../search/internal/SearchPanel.vue.js"),se=require("../search/composables/useSearchHistory.js"),ne=require("../../i18n/index.js"),ie=require("../../icons/icon-header-search.js"),de=require("../../icons/icon-header-back.js"),ue={key:0,class:"o-header-search-drawer"},ce=e.defineComponent({__name:"OHeaderSearch",props:{modelValue:{default:""},placeholder:{},expandedPlaceholder:{},expandDirection:{default:"left"},clearable:{type:Boolean,default:!0},historyItems:{default:()=>[]},maxHistoryCount:{default:6},storeHistory:{type:Boolean,default:!1},historyTitle:{},storageKey:{default:"search-history"},hotItems:{default:()=>[]},hotTitle:{},recommendItems:{default:()=>[]},searchUrl:{},searchUrlOpenBlank:{type:Boolean,default:!0},searchTextMobile:{},imagePlaceholder:{},enableImageSearch:{type:Boolean,default:!1},imageUrl:{default:""},uploadImage:{},maxImageSize:{default:10*1024*1024},imageUploadTooltip:{},suggestItems:{default:()=>[]},onestepItems:{default:()=>[]},suggestTitle:{},onestepTitle:{},noDataText:{},highlightKeyword:{type:Boolean,default:!0},debounce:{default:300},autoSaveHistory:{type:Boolean,default:!0},showSuggestEmpty:{type:Boolean,default:!0},allowedImageTypes:{},mobile:{type:Boolean}},emits:["update:modelValue","update:historyItems","update:imageUrl","focus","blur","input","clear","search","recommend-click","onestep-click","history-click","hot-click","hot-refresh","delete-history","delete-history-item","image-upload-start","image-upload-success","image-upload-error","image-validate-error"],setup(a,{expose:x,emit:V}){const s=a,l=V,{lePadV:z}=ae.useScreen(),{t:g}=ne.useI18n(),i=e.computed(()=>s.mobile===!0||z.value),C=e.ref(null),d=e.ref(),n=e.ref(!1),p=e.ref(!1),f=e.ref(""),I=e.computed(()=>!!s.imageUrl||p.value),c=e.computed({get:()=>s.modelValue,set:t=>l("update:modelValue",t)}),T=e.toRef(s,"historyItems"),q=e.toRef(s,"storageKey"),D=e.toRef(s,"storeHistory"),N=e.toRef(s,"maxHistoryCount"),h=se.useSearchHistory({initial:T,storageKey:q,storeHistory:D,maxHistoryCount:N,onChange:t=>l("update:historyItems",t)}),E=e.computed(()=>s.imageUrl?s.imagePlaceholder??g("search.extendedPlaceholder"):n.value&&s.enableImageSearch?s.imagePlaceholder??g("search.imagePlaceholder"):n.value?s.expandedPlaceholder??g("search.expandedPlaceholder"):s.placeholder??g("search.placeholder")),O=H.useDebounceFn(t=>l("input",t),()=>s.debounce);e.watch(c,t=>O(t)),H.onClickOutside(C,()=>{i.value||S()});const k=()=>{n.value=!0},S=()=>{i.value||(n.value=!1)},K=()=>{k(),l("focus")},M=()=>{l("blur")},m=async t=>{var u,P,U,b,v,R,y,$;(P=(u=d.value)==null?void 0:u.getIsUploading)!=null&&P.call(u)&&await((b=(U=d.value).awaitUpload)==null?void 0:b.call(U));const r=t!==void 0?t.trim():c.value.trim(),o=f.value||((R=(v=d.value)==null?void 0:v.getUploadedUrl)==null?void 0:R.call(v))||s.imageUrl;if(!(!r&&!o)&&(s.autoSaveHistory&&r&&h.push(r),l("search",{keyword:r,imageUrl:o||void 0}),($=(y=d.value)==null?void 0:y.blur)==null||$.call(y),n.value=!1,s.searchUrl)){const w=new URLSearchParams;r&&w.set("q",r),o&&w.set("imageUrl",o);const te=s.searchUrl.includes("?")?"&":"?",oe=`${s.searchUrl}${te}${w.toString()}`;typeof window<"u"&&window.open(oe,s.searchUrlOpenBlank?"_blank":"_self",s.searchUrlOpenBlank?"noopener,noreferrer":"")}},F=()=>{var t,r;c.value="",l("clear"),(r=(t=d.value)==null?void 0:t.focus)==null||r.call(t)},A=t=>{l("recommend-click",t),c.value=t.key,m(t.key??"")},L=t=>{l("recommend-click",t),m(t)},j=t=>{l("onestep-click",t),t.path&&typeof window<"u"&&window.open(t.path,"_blank","noopener,noreferrer")},G=t=>{l("history-click",t),m(t)},J=t=>{l("hot-click",t),m(t)},Q=t=>{h.remove(t),l("delete-history-item",t)},W=()=>{const t=[...h.items.value];h.clearAll(),l("delete-history",t)},X=()=>{c.value="",p.value=!1,l("update:imageUrl",""),n.value=!1},Y=t=>{p.value=!0,f.value="",l("image-upload-start",t)},Z=(t,r)=>{f.value=t,l("update:imageUrl",t),l("image-upload-success",t,r)},_=()=>{p.value=!1,f.value="",l("update:imageUrl","")},ee=e.computed(()=>!(!n.value||I.value));return x({focus:()=>{var t,r;return(r=(t=d.value)==null?void 0:t.focus)==null?void 0:r.call(t)},blur:()=>{var t,r;return(r=(t=d.value)==null?void 0:t.blur)==null?void 0:r.call(t)},open:k,close:S,search:m}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["o-header-search",{"is-mobile-mode":i.value}])},[e.createElementVNode("div",{ref_key:"wrapperRef",ref:C,class:e.normalizeClass(["o-header-search-pos",{"is-pc":!i.value,"is-mobile":i.value,"is-left":a.expandDirection==="left","is-right":a.expandDirection==="right","is-focus":n.value}])},[e.createElementVNode("div",{class:e.normalizeClass(["o-header-search-row",{"is-focus":n.value}])},[i.value&&n.value?(e.openBlock(),e.createBlock(e.unref(B.OIcon),{key:0,class:"o-header-search-back-icon",onClick:X},{default:e.withCtx(()=>[e.createVNode(e.unref(de))]),_:1})):e.createCommentVNode("",!0),e.createVNode(re,{ref_key:"inputRef",ref:d,modelValue:c.value,"onUpdate:modelValue":r[0]||(r[0]=o=>c.value=o),"image-url":a.imageUrl,placeholder:E.value,"enable-image-search":a.enableImageSearch,"upload-image":a.uploadImage,"max-image-size":a.maxImageSize,"image-upload-tooltip":a.imageUploadTooltip,clearable:a.clearable&&n.value,expanded:n.value&&I.value,"allowed-image-types":a.allowedImageTypes,size:"medium",class:e.normalizeClass(["o-header-search-input",{"is-collapsed":!n.value}]),"onUpdate:imageUrl":r[1]||(r[1]=o=>l("update:imageUrl",o)),onFocus:K,onBlur:M,onEnter:m,onClear:F,onImageClear:_,onImageUploadStart:Y,onImageUploadSuccess:Z,onImageUploadError:r[2]||(r[2]=(o,u)=>l("image-upload-error",o,u)),onImageValidateError:r[3]||(r[3]=(o,u)=>l("image-validate-error",o,u))},e.createSlots({prefix:e.withCtx(()=>[e.renderSlot(t.$slots,"input-prefix",{},void 0,!0)]),suffix:e.withCtx(o=>[e.renderSlot(t.$slots,"input-suffix",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),_:2},[t.$slots["image-preview"]?{name:"preview",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"image-preview",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"0"}:void 0]),1032,["modelValue","image-url","placeholder","enable-image-search","upload-image","max-image-size","image-upload-tooltip","clearable","expanded","allowed-image-types","class"]),i.value&&n.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:"o-header-search-text",onClick:m},e.toDisplayString(a.searchTextMobile??e.unref(g)("search")),1)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"o-header-search-drawer"},{default:e.withCtx(()=>[ee.value?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"drawer",{recommendItems:a.recommendItems,historyItems:e.unref(h).items.value,hotItems:a.hotItems,suggestItems:a.suggestItems,onestepItems:a.onestepItems,keyword:a.modelValue},()=>[e.createVNode(le,{keyword:a.modelValue,"onestep-items":a.onestepItems,"onestep-title":a.onestepTitle,"suggest-items":a.suggestItems,"suggest-title":a.suggestTitle,"recommend-items":a.recommendItems,"history-items":e.unref(h).items.value,"history-title":a.historyTitle,"hot-items":a.hotItems,"hot-title":a.hotTitle,"no-data-text":a.noDataText,"highlight-keyword":a.highlightKeyword,"hide-on-keyword":!0,"show-suggest-empty":a.showSuggestEmpty,onOnestepClick:j,onSuggestClick:A,onRecommendClick:L,onHistoryClick:G,onHistoryRemove:Q,onHistoryClear:W,onHotClick:J,onHotRefresh:r[4]||(r[4]=o=>l("hot-refresh"))},e.createSlots({_:2},[t.$slots["recommend-header"]?{name:"recommend-header",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"recommend-header",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"0"}:void 0,t.$slots["recommend-content"]?{name:"recommend-content",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"recommend-content",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"1"}:void 0,t.$slots["onestep-header"]?{name:"onestep-header",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"onestep-header",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"2"}:void 0,t.$slots["onestep-content"]?{name:"onestep-content",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"onestep-content",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"3"}:void 0,t.$slots["suggest-header"]?{name:"suggest-header",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"suggest-header",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"4"}:void 0,t.$slots["suggest-content"]?{name:"suggest-content",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"suggest-content",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"5"}:void 0,t.$slots["history-header"]?{name:"history-header",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"history-header",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"6"}:void 0,t.$slots["history-content"]?{name:"history-content",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"history-content",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"7"}:void 0,t.$slots["hot-header"]?{name:"hot-header",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"hot-header",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"8"}:void 0,t.$slots["hot-content"]?{name:"hot-content",fn:e.withCtx(o=>[e.renderSlot(t.$slots,"hot-content",e.normalizeProps(e.guardReactiveProps(o)),void 0,!0)]),key:"9"}:void 0]),1032,["keyword","onestep-items","onestep-title","suggest-items","suggest-title","recommend-items","history-items","history-title","hot-items","hot-title","no-data-text","highlight-keyword","show-suggest-empty"])],!0)])):e.createCommentVNode("",!0)]),_:3})],2),i.value?(e.openBlock(),e.createBlock(e.unref(B.OIcon),{key:0,class:"o-header-search-mobile-icon",onClick:k},{default:e.withCtx(()=>[e.createVNode(e.unref(ie))]),_:1})):e.createCommentVNode("",!0)],2))}});module.exports=ce;

package/dist/cjs/components/header-search/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./OHeaderSearch.vue.js"),a=Object.assign(e,{install(r){r.component("OHeaderSearch",e)}});exports.OHeaderSearch=a;

package/dist/cjs/components/header-source-code/OHeaderSourceCode.css

@@ -0,0 +1,133 @@
+.hover-icon-rotate .o-icon[data-v-0c07bf67] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0c07bf67] {
+    transform: rotate(-180deg);
+}
+}
+.source-code[data-v-0c07bf67] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.source-code .info-wrap[data-v-0c07bf67] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+@media (hover: hover) {
+.source-code .info-wrap[data-v-0c07bf67]:hover {
+    color: var(--o-color-primary1);
+}
+}
+.source-code .info-wrap .title[data-v-0c07bf67] {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  height: 100%;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.source-code .info-wrap .title[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.source-code .list[data-v-0c07bf67] {
+  background: var(--o-color-fill2);
+  cursor: pointer;
+  box-shadow: var(--o-shadow-1);
+  border-radius: var(--o-radius_control-xs);
+  padding: var(--o-gap-1);
+  width: 144px;
+}
+.hover-icon-rotate .o-icon[data-v-0c07bf67] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0c07bf67] {
+    transform: rotate(-180deg);
+}
+}
+.icon[data-v-0c07bf67] {
+  font-size: var(--o-icon_size_control-xs);
+  margin-left: var(--o-gap-1);
+}
+.o-dropdown[data-v-0c07bf67] {
+  height: 100%;
+}
+.dropdown-active .info-wrap[data-v-0c07bf67] {
+  color: var(--o-color-primary1);
+}
+.dropdown-active .o-icon[data-v-0c07bf67] {
+  transform: rotate(-180deg);
+}
+.o-dropdown-item[data-v-0c07bf67] {
+  background: var(--o-color-fill2);
+  cursor: pointer;
+  border-radius: var(--o-radius_control-xs);
+  padding: var(--o-gap-1) 12px;
+  min-width: 144px;
+  height: 32px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-dropdown-item[data-v-0c07bf67] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+.o-dropdown-item[data-v-0c07bf67]:hover {
+    background: var(--o-color-control2-light);
+}
+}
+.o-dropdown-item[data-v-0c07bf67]:active {
+  color: var(--o-color-primary1);
+  background: var(--o-color-control3-light);
+  font-weight: 600;
+}
+.dropdown[data-v-0c07bf67] {
+  --dropdown-list-radius: var(--o-radius-xs);
+}

package/dist/cjs/components/header-source-code/OHeaderSourceCode.vue.js

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

package/dist/cjs/components/header-source-code/OHeaderSourceCode.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@opensig/opendesign"),s=require("../../icons/icon-chevron-down.js"),d={class:"source-code"},u={class:"title"},f={class:"info-wrap hover-icon-rotate"},k={class:"title"},h=e.defineComponent({__name:"OHeaderSourceCode",props:{title:{},options:{},href:{},target:{},icon:{},justify:{default:"center"}},setup(t){const r=o=>{window.open(o.href,o.target?o.target:"_blank")},l=e.ref(!1),a=o=>{l.value=o};return(o,i)=>(e.openBlock(),e.createElementBlock("div",d,[t.href?(e.openBlock(),e.createElementBlock("div",{key:0,class:"info-wrap",onClick:i[0]||(i[0]=n=>r({href:t.href,target:t.target}))},[e.createElementVNode("span",u,e.toDisplayString(t.title),1),t.icon?(e.openBlock(),e.createBlock(e.unref(c.OIcon),{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{class:"icon"}))]),_:1})):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.unref(c.ODropdown),{key:1,trigger:"hover",optionPosition:"bottom","option-wrap-class":"dropdown",class:e.normalizeClass({"dropdown-active":l.value}),onVisibleChange:a},{dropdown:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,n=>(e.openBlock(),e.createBlock(e.unref(c.ODropdownItem),{onClick:p=>r(n),key:n.href,class:"list",style:e.normalizeStyle({"--dropdown-item-justify":t.justify})},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label)+" ",1),n.icon?(e.openBlock(),e.createBlock(e.unref(c.OIcon),{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.icon),{class:"icon"}))]),_:2},1024)):e.createCommentVNode("",!0)]),_:2},1032,["onClick","style"]))),128))]),default:e.withCtx(()=>[e.createElementVNode("div",f,[e.createElementVNode("span",k,e.toDisplayString(t.title),1),e.createVNode(e.unref(c.OIcon),{class:"icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(s))]),_:1})])]),_:1},8,["class"]))]))}});module.exports=h;

package/dist/cjs/components/header-source-code/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./OHeaderSourceCode.vue.js"),r=Object.assign(e,{install(o){o.component("OHeaderSourceCode",e)}});exports.OHeaderSourceCode=r;

package/dist/cjs/components/header-theme/OHeaderTheme.css

@@ -0,0 +1,48 @@
+.hover-icon-rotate .o-icon[data-v-6209ad5c] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6209ad5c] {
+    transform: rotate(-180deg);
+}
+}
+.o-theme-switcher-common[data-v-6209ad5c] {
+  display: flex;
+  align-items: center;
+  width: var(--o-icon_size-m);
+  height: var(--o-icon_size-m);
+  font-size: var(--o-icon_size-m);
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-theme-switcher-common[data-v-6209ad5c] {
+    width: var(--o-icon_size-s);
+    height: var(--o-icon_size-s);
+    font-size: var(--o-icon_size-s);
+}
+}
+.o-theme-switcher-common[data-v-6209ad5c]:not(.disabled) {
+  cursor: pointer;
+}
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c] {
+  color: var(--o-color-info2);
+}
+@media (hover: hover) {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:hover {
+    color: var(--o-color-primary2);
+    background-color: var(--o-color-control2-light);
+    border-radius: var(--o-radius-xs);
+}
+}
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:active {
+  color: var(--o-color-primary3);
+}
+.o-theme-switcher-common.disabled[data-v-6209ad5c] {
+  cursor: not-allowed;
+}
+.o-theme-switcher-common.disabled .o-theme-icon[data-v-6209ad5c] {
+  color: var(--o-color-info4);
+}
+.o-theme-switcher-mobile .o-theme-switch[data-v-6209ad5c] {
+  --switch-handler-color: var(--o-color-white);
+  --switch-color: var(--o-color-info4);
+}

package/dist/cjs/components/header-theme/OHeaderTheme.vue.js

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

package/dist/cjs/components/header-theme/OHeaderTheme.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@opensig/opendesign"),m=require("@opendesign-plus/composables"),k=require("../../icons/icon-sun.js"),f=require("../../icons/icon-moon.js"),V={class:"o-theme-switcher"},v={key:1,class:"o-theme-switcher-mobile"},g=e.defineComponent({__name:"OHeaderTheme",props:{theme:{default:"light"},type:{default:"auto"},lightValue:{default:"light"},darkValue:{default:"dark"},disabled:{type:Boolean,default:!1}},emits:["update:theme","change"],setup(o,{emit:i}){const t=o,n=i,{gtPhone:d}=m.useScreen(),a=e.computed({get(){return t.theme},set(l){n("update:theme",l),n("change",l)}}),s=e.computed(()=>t.type==="common"||t.type==="auto"&&d.value),r=()=>{t.disabled||(a.value=a.value===t.lightValue?t.darkValue:t.lightValue)};return(l,u)=>(e.openBlock(),e.createElementBlock("div",V,[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["o-theme-switcher-common",{disabled:o.disabled}]),onClick:r},[e.createVNode(e.unref(c.OIcon),{class:"o-theme-icon"},{default:e.withCtx(()=>[a.value===o.lightValue?(e.openBlock(),e.createBlock(e.unref(f),{key:0})):(e.openBlock(),e.createBlock(e.unref(k),{key:1}))]),_:1})],2)):(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.unref(c.OSwitch),{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=h=>a.value=h),class:"o-theme-switch","checked-value":o.lightValue,"unchecked-value":o.darkValue,disabled:o.disabled},{inactive:e.withCtx(()=>[e.createVNode(e.unref(c.OIconMoon))]),active:e.withCtx(()=>[e.createVNode(e.unref(c.OIconSun))]),off:e.withCtx(()=>[e.createVNode(e.unref(c.OIconSun))]),on:e.withCtx(()=>[e.createVNode(e.unref(c.OIconMoon))]),_:1},8,["modelValue","checked-value","unchecked-value","disabled"])]))]))}});module.exports=g;

package/dist/cjs/components/header-theme/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./OHeaderTheme.vue.js"),r=Object.assign(e,{install(t){t.component("OHeaderTheme",e)}});exports.OHeaderTheme=r;