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

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

@@ -1,135 +0,0 @@
-.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

@@ -1 +0,0 @@
-"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

@@ -1 +0,0 @@
-"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

@@ -1,44 +0,0 @@
-.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

@@ -1 +0,0 @@
-"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;