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

package/dist/cjs/components/header-user/OHeaderUser.css

@@ -0,0 +1,135 @@
+.hover-icon-rotate .o-icon[data-v-438cc618] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-438cc618] {
+    transform: rotate(-180deg);
+}
+}
+.header-user[data-v-438cc618] {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  visibility: visible;
+  opacity: 1;
+  transition: opacity 0.15s;
+}
+.user-info[data-v-438cc618] {
+  height: 100%;
+  min-width: 32px;
+  display: flex;
+  cursor: pointer;
+}
+.info-wrap[data-v-438cc618] {
+  height: calc(100% - 10px);
+  margin: 5px 0;
+  display: flex;
+  align-items: center;
+}
+.info-wrap .icon[data-v-438cc618] {
+  margin-left: 4px;
+}
+.user-avatar[data-v-438cc618] {
+  margin-right: 4px;
+}
+.user-avatar[data-v-438cc618] .o-badge-content {
+  --badge-dot-size: 6px;
+  right: 7px;
+  top: 2px;
+}
+.o-dropdown-item[data-v-438cc618] {
+  white-space: nowrap;
+  --dropdown-item-color: var(--o-color-info1);
+  --dropdown-item-padding: 5px 12px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-dropdown-item[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-dropdown-item[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-dropdown-item[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-dropdown-item[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+.o-dropdown-item[data-v-438cc618]:hover {
+    color: var(--o-color-primary1);
+    background: var(--o-color-control2-light);
+}
+}
+.notice-not[data-v-438cc618] .o-badge-content {
+  display: none;
+}
+.user-account[data-v-438cc618] {
+  color: var(--o-color-info1);
+  max-width: 96px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.user-account[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.user-account[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.user-account[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.user-account[data-v-438cc618] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.user-account[data-v-438cc618] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+@media (max-width: 840px) {
+.header-user[data-v-438cc618] {
+    min-width: auto;
+}
+.header-user .user-info[data-v-438cc618] {
+    min-width: 24px;
+}
+.header-user .user-info .info-wrap .user-avatar[data-v-438cc618] {
+    margin-right: 0;
+}
+.header-user .user-info .info-wrap .user-account[data-v-438cc618] {
+    display: none;
+}
+.header-user .user-info .info-wrap .icon[data-v-438cc618] {
+    display: none;
+}
+}

package/dist/cjs/components/header-user/OHeaderUser.vue.js

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

package/dist/cjs/components/header-user/OHeaderUser.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("@opensig/opendesign"),u=require("../common/AppAvatar.vue.js"),d=require("../../icons/icon-avatar-line.js"),f=require("../../icons/icon-chevron-down.js"),m=require("@opendesign-plus/composables"),g={class:"header-user"},k={key:0,class:"user-info"},h={class:"info-wrap hover-icon-rotate"},p={class:"user-account"},w={key:1},v=e.defineComponent({__name:"OHeaderUser",props:{token:{default:void 0},lang:{default:void 0},noticeTotal:{default:void 0},userInfo:{default:void 0},options:{default:void 0},customSize:{default:void 0}},emits:["login","logout"],setup(o,{emit:s}){const{lePadV:r}=m.useScreen(),c=s,l=()=>{c("login")},i=n=>{n!=null&&n.logout?c("logout"):window.open(n.url,n.target)};return(n,C)=>(e.openBlock(),e.createElementBlock("div",g,[o.token?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.OIcon),{key:0,onClick:l,class:"avatar-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(d))]),_:1})),e.createVNode(e.Transition,{name:"header-user-zoom-in"},{default:e.withCtx(()=>[o.token?(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(e.unref(a.ODropdown),{trigger:e.unref(r)?"click":"hover",optionPosition:e.unref(r)?"br":"bottom","option-wrap-class":`user-dropdown ${o.lang==="en"?"is-en":""}`},{dropdown:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,t=>(e.openBlock(),e.createBlock(e.unref(a.ODropdownItem),{key:t.label,style:{"--dropdown-item-justify":"center"},onClick:B=>i(t)},{default:e.withCtx(()=>[t!=null&&t.total?(e.openBlock(),e.createBlock(e.unref(a.OBadge),{key:0,value:t.total,color:"danger",class:e.normalizeClass(["header-message message",{"notice-not":!t.total}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1032,["value","class"])):(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(t.label),1))]),_:2},1032,["onClick"]))),128))]),default:e.withCtx(()=>[e.createElementVNode("div",h,[e.createVNode(e.unref(a.OBadge),{value:o.noticeTotal,dot:!0,color:"danger",class:e.normalizeClass(["header-message user-avatar",{"notice-not":!o.noticeTotal}])},{default:e.withCtx(()=>[e.createVNode(u,{avatar:o.userInfo.photo,name:o.userInfo.username,"custom-size":o.customSize},null,8,["avatar","name","custom-size"])]),_:1},8,["value","class"]),e.createElementVNode("p",p,e.toDisplayString(o.userInfo.username),1),e.createVNode(e.unref(a.OIcon),{class:"icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1})])]),_:1},8,["trigger","optionPosition","option-wrap-class"])])):e.createCommentVNode("",!0)]),_:1})]))}});module.exports=v;

package/dist/cjs/components/header-user/OHeaderUser2.css

@@ -0,0 +1,44 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.user-dropdown {
+  --dropdown-list-radius: var(--o-radius-xs);
+}
+.avatar-icon {
+  font-size: 24px;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+@media (hover: hover) {
+.avatar-icon:hover {
+    color: var(--o-color-primary1);
+}
+}
+@media (max-width: 840px) {
+.user-dropdown .o-divider {
+    display: none;
+}
+.user-dropdown .o-icon {
+    display: none;
+}
+.user-dropdown .o-badge-content {
+    right: 0 !important;
+    transform: translate(0, 0) scale(0.5);
+    transform-origin: top right;
+    min-width: 18px;
+    width: fit-content;
+    height: 18px;
+    font-size: 12px;
+    line-height: 18px;
+}
+.user-dropdown .o-badge-content .o-badge-label {
+    transform: scale(1);
+    font-size: 12px;
+    line-height: 18px;
+}
+}

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

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