@robot-admin/naive-ui-components 0.17.0 → 0.17.2

package/dist/C_TagsView.css

@@ -69,7 +69,7 @@
  * 标签组件样式 - 精简版
  * =========================================== */
 /* --------- 标签视图容器 --------- */
-.tags-view-container[data-v-83599594] {
+.tags-view-container[data-v-bd2a9250] {
   border-bottom: 1px solid var(--color-border);
   padding: 8px 16px 0;
   position: relative;
@@ -77,14 +77,14 @@
 }
 
 /* --------- 滚动轨道容器 --------- */
-.tags-track[data-v-83599594] {
+.tags-track[data-v-bd2a9250] {
   width: 100%;
   overflow: hidden;
   position: relative;
 }
 
 /* --------- 滚动容器 --------- */
-.tags-container[data-v-83599594] {
+.tags-container[data-v-bd2a9250] {
   display: flex;
   overflow-x: auto;
   overflow-y: hidden;
@@ -94,12 +94,12 @@
   align-items: center;
   min-height: 40px;
 }
-.tags-container[data-v-83599594]::-webkit-scrollbar {
+.tags-container[data-v-bd2a9250]::-webkit-scrollbar {
   display: none;
 }
 
 /* --------- 现代化标签样式 --------- */
-.n-tag[data-v-83599594] {
+.n-tag[data-v-bd2a9250] {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -116,7 +116,7 @@
   white-space: nowrap;
   /* 内部高光效果 */
 }
-.n-tag[data-v-83599594]::before {
+.n-tag[data-v-bd2a9250]::before {
   content: "";
   position: absolute;
   top: 1px;
@@ -128,67 +128,67 @@
   opacity: 0.5;
   transition: opacity 0.22s ease;
 }
-.n-tag[data-v-83599594] {
+.n-tag[data-v-bd2a9250] {
   /* --------- 悬停效果 --------- */
 }
-.n-tag[data-v-83599594]:hover:not([type=primary]) {
+.n-tag[data-v-bd2a9250]:hover:not([type=primary]) {
   color: var(--color-primary) !important;
   border-color: var(--color-primary);
   transform: scale(1.02);
 }
-.n-tag[data-v-83599594]:hover:not([type=primary])::before {
+.n-tag[data-v-bd2a9250]:hover:not([type=primary])::before {
   opacity: 0.8;
 }
-.n-tag[data-v-83599594]:hover:not([type=primary]) .c-icon,
-.n-tag[data-v-83599594]:hover:not([type=primary]) [class*='c-icon'] {
+.n-tag[data-v-bd2a9250]:hover:not([type=primary]) .c-icon,
+.n-tag[data-v-bd2a9250]:hover:not([type=primary]) [class*='c-icon'] {
   color: var(--color-primary) !important;
 }
-.n-tag:hover:not([type=primary]) i[data-v-83599594],
-.n-tag:hover:not([type=primary]) .icon[data-v-83599594] {
+.n-tag:hover:not([type=primary]) i[data-v-bd2a9250],
+.n-tag:hover:not([type=primary]) .icon[data-v-bd2a9250] {
   color: var(--color-primary) !important;
 }
-.n-tag[data-v-83599594]:hover:not([type=primary]) .n-tag__close {
+.n-tag[data-v-bd2a9250]:hover:not([type=primary]) .n-tag__close {
   color: var(--color-primary) !important;
   opacity: 0.8;
   transform: scale(1.05);
 }
-.n-tag[data-v-83599594] {
+.n-tag[data-v-bd2a9250] {
   /* --------- 激活状态 --------- */
 }
-.n-tag[type=primary][data-v-83599594] {
+.n-tag[type=primary][data-v-bd2a9250] {
   background: var(--tag-active-bg, rgba(32, 128, 240, 0.08)) !important;
   color: var(--color-primary) !important;
   border-color: var(--color-primary) !important;
   font-weight: 600;
   transform: scale(1.02);
 }
-.n-tag[type=primary][data-v-83599594]::before {
+.n-tag[type=primary][data-v-bd2a9250]::before {
   opacity: 0.6;
 }
-.n-tag[type=primary][data-v-83599594] .n-tag__content,
-.n-tag[type=primary][data-v-83599594] *:not(.n-tag__close) {
+.n-tag[type=primary][data-v-bd2a9250] .n-tag__content,
+.n-tag[type=primary][data-v-bd2a9250] *:not(.n-tag__close) {
   color: var(--color-primary) !important;
 }
-.n-tag[type=primary][data-v-83599594] .c-icon,
-.n-tag[type=primary][data-v-83599594] [class*='c-icon'] {
+.n-tag[type=primary][data-v-bd2a9250] .c-icon,
+.n-tag[type=primary][data-v-bd2a9250] [class*='c-icon'] {
   color: var(--color-primary) !important;
 }
-.n-tag[type=primary] i[data-v-83599594],
-.n-tag[type=primary] .icon[data-v-83599594] {
+.n-tag[type=primary] i[data-v-bd2a9250],
+.n-tag[type=primary] .icon[data-v-bd2a9250] {
   color: var(--color-primary) !important;
 }
-.n-tag[type=primary][data-v-83599594]:hover {
+.n-tag[type=primary][data-v-bd2a9250]:hover {
   background: var(--tag-active-hover-bg, rgba(32, 128, 240, 0.12)) !important;
   transform: scale(1.03);
 }
-.n-tag[type=primary][data-v-83599594] .n-tag__close {
+.n-tag[type=primary][data-v-bd2a9250] .n-tag__close {
   color: var(--color-primary) !important;
   opacity: 0.8;
 }
-.n-tag[data-v-83599594] {
+.n-tag[data-v-bd2a9250] {
   /* --------- 关闭按钮 --------- */
 }
-.n-tag[data-v-83599594] .n-tag__close {
+.n-tag[data-v-bd2a9250] .n-tag__close {
   width: 16px !important;
   height: 16px !important;
   border-radius: 8px !important;
@@ -203,10 +203,10 @@
   background: rgba(0, 0, 0, 0.02) !important;
   border: 1px solid transparent;
 }
-.n-tag[data-v-83599594] .n-tag__close:not(:hover) {
+.n-tag[data-v-bd2a9250] .n-tag__close:not(:hover) {
   transform: scale(0.9);
 }
-.n-tag[data-v-83599594] .n-tag__close:hover {
+.n-tag[data-v-bd2a9250] .n-tag__close:hover {
   background: linear-gradient(135deg, rgba(248, 113, 113, 0.1), rgba(239, 68, 68, 0.08)) !important;
   border-color: rgba(239, 68, 68, 0.15) !important;
   color: #ef4444 !important;
@@ -214,13 +214,13 @@
   transform: scale(0.6) !important;
   box-shadow: 0 2px 6px rgba(239, 68, 68, 0.2) !important;
 }
-.n-tag[data-v-83599594] .n-tag__close:active {
+.n-tag[data-v-bd2a9250] .n-tag__close:active {
   transform: scale(0.95) !important;
   transition-duration: 0.1s !important;
 }
 
 /* --------- C_Icon --------- */
-[data-v-83599594] .c-icon {
+[data-v-bd2a9250] .c-icon {
   margin-right: 4px;
   font-size: 12px;
   transition: color 0.22s ease;
@@ -230,63 +230,63 @@
 
 /* --------- 响应式 --------- */
 @media (max-width: 768px) {
-.tags-view-container[data-v-83599594] {
+.tags-view-container[data-v-bd2a9250] {
     padding: 6px 12px 0;
 }
-.n-tag[data-v-83599594] {
+.n-tag[data-v-bd2a9250] {
     height: 26px;
     padding: 0 10px;
     font-size: 11px;
     margin-right: 3px;
     border-radius: 13px;
 }
-.n-tag[data-v-83599594] .n-tag__close {
+.n-tag[data-v-bd2a9250] .n-tag__close {
     width: 14px;
     height: 14px;
     font-size: 11px;
     margin-left: 4px;
 }
-.tags-container[data-v-83599594] {
+.tags-container[data-v-bd2a9250] {
     padding: 0 12px;
     min-height: 36px;
 }
-[data-v-83599594] .c-icon {
+[data-v-bd2a9250] .c-icon {
     font-size: 11px;
     margin-right: 3px;
 }
 }
 /* --------- 暗色主题 --------- */
-[data-theme=dark] .n-tag[data-v-83599594] .n-tag__close {
+[data-theme=dark] .n-tag[data-v-bd2a9250] .n-tag__close {
   background: rgba(255, 255, 255, 0.03) !important;
 }
-[data-theme=dark] .n-tag[data-v-83599594] .n-tag__close:hover {
+[data-theme=dark] .n-tag[data-v-bd2a9250] .n-tag__close:hover {
   background: linear-gradient(135deg, rgba(248, 113, 113, 0.12), rgba(239, 68, 68, 0.1)) !important;
   box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25) !important;
 }
 
 /* layer: icons */
-.i-mdi\:align-horizontal-left[data-v-83599594]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4 22H2V2h2zM22 7H6v3h16zm-6 7H6v3h10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:align-horizontal-right[data-v-83599594]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20 2h2v20h-2zM2 10h16V7H2zm6 7h10v-3H8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:arrow-left-right-bold[data-v-83599594]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8 14v4l-6-6l6-6v4h8V6l6 6l-6 6v-4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:close[data-v-83599594]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:tally-mark-5[data-v-83599594]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 10.73V19h-2v-7.64L15 12v7h-2v-6.38l-2 .64V19H9v-5.11l-2 .61V19H5v-3.85l-2.43.77L2 14l3-.95V5h2v7.42l2-.63V5h2v6.16l2-.63V5h2v4.9l2-.64V5h2v3.63L21 8l.57 1.92z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:align-horizontal-left[data-v-bd2a9250]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4 22H2V2h2zM22 7H6v3h16zm-6 7H6v3h10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:align-horizontal-right[data-v-bd2a9250]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20 2h2v20h-2zM2 10h16V7H2zm6 7h10v-3H8z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:arrow-left-right-bold[data-v-bd2a9250]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8 14v4l-6-6l6-6v4h8V6l6 6l-6 6v-4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:close[data-v-bd2a9250]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:tally-mark-5[data-v-bd2a9250]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 10.73V19h-2v-7.64L15 12v7h-2v-6.38l-2 .64V19H9v-5.11l-2 .61V19H5v-3.85l-2.43.77L2 14l3-.95V5h2v7.42l2-.63V5h2v6.16l2-.63V5h2v4.9l2-.64V5h2v3.63L21 8l.57 1.92z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
 /* layer: shortcuts */
-.container[data-v-83599594]{width:100%;}
+.container[data-v-bd2a9250]{width:100%;}
 @media (min-width: 640px){
-.container[data-v-83599594]{max-width:640px;}
+.container[data-v-bd2a9250]{max-width:640px;}
 }
 @media (min-width: 768px){
-.container[data-v-83599594]{max-width:768px;}
+.container[data-v-bd2a9250]{max-width:768px;}
 }
 @media (min-width: 1024px){
-.container[data-v-83599594]{max-width:1024px;}
+.container[data-v-bd2a9250]{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.container[data-v-83599594]{max-width:1280px;}
+.container[data-v-bd2a9250]{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.container[data-v-83599594]{max-width:1536px;}
+.container[data-v-bd2a9250]{max-width:1536px;}
 }
 /* layer: default */
-.inline[data-v-83599594]{display:inline;}
-.block[data-v-83599594]{display:block;}
+.inline[data-v-bd2a9250]{display:inline;}
+.block[data-v-bd2a9250]{display:block;}

package/dist/C_TagsView2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`),i=require(`vue-router`);const a=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},o=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function s(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>a(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:o(e.meta)}]:[]):[]}catch{return[]}}function c(e={}){let{persistKey:t=`__tags_view_list__`,homePath:r=`/home`}=e,i=()=>{if(!t)return[];try{return s(localStorage.getItem(t))}catch{return[]}},a=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},o=(0,n.ref)(i()),c=(0,n.ref)(``),l=()=>a(o.value),u=e=>{e?o.value=e:o.value=[...new Map(o.value.map(e=>[e.path,e])).values()],l()},d=e=>{c.value=e};return{tagsViewList:o,activeTag:c,homePath:r,initTags:u,setActiveTag:d,addTag:e=>{let t=o.value.findIndex(t=>t.path===e.path);if(t===-1)o.value.push(e);else{let n=o.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}d(e.path),l()},removeTag:e=>{if(e>=0&&e<o.value.length){let t=o.value.splice(e,1)[0]?.path??null;return l(),t}return null},removeOtherTags:e=>{e===0?o.value=[o.value[0]].filter(Boolean):o.value=[o.value[0],o.value[e]].filter(Boolean),l()},removeLeftTags:e=>{o.value=[o.value[0],...o.value.slice(e)],l()},removeRightTags:e=>{o.value=o.value.slice(0,e+1),l()},removeAllTags:()=>{o.value=o.value.filter(e=>e.meta?.affix),l()}}}const l={class:`tags-view-container`},u=(0,n.defineComponent)({name:`C_TagsView`,__name:`index`,props:{labelFormatter:{},homePath:{default:`/home`},homeTitle:{default:`首页`},homeIcon:{default:`mdi:home`},persistKey:{default:`__tags_view_list__`},contextMenuLabels:{default:()=>({close:`关闭`,closeOthers:`关闭其他`,closeLeft:`关闭左侧`,closeRight:`关闭右侧`,closeAll:`关闭所有`})},tagsViewOptions:{}},emits:[`close`,`closeAll`],setup(t,{expose:a,emit:o}){let s=t,u=o,d=(0,i.useRoute)(),f=(0,i.useRouter)(),p=c(s.tagsViewOptions??{persistKey:s.persistKey,homePath:s.homePath});if(p.tagsViewList.value.length>0&&s.labelFormatter){let e=f.getRoutes(),t=p.tagsViewList.value.map(t=>{let n=e.find(e=>e.path===t.path),r=t.originalTitle||n?.meta?.title||t.title;return{...t,originalTitle:r,title:s.labelFormatter(r)}});p.initTags(t)}let m=e=>s.labelFormatter?s.labelFormatter(e):e,h=(0,n.ref)(!1),g=(0,n.ref)(0),_=(0,n.ref)(0),v=(0,n.ref)(null),y=(0,n.ref)(-1),b=(0,n.ref)(),x=(0,n.ref)(),S=e=>e.path===d.path,C=e=>e.meta?.affix,w=e=>{let t=x.value;t&&(e.preventDefault(),t.scrollTo({left:t.scrollLeft+e.deltaY,behavior:`smooth`}))},T=e=>{(0,n.nextTick)(()=>{let t=[...x.value?.querySelectorAll(`[data-path]`)??[]].find(t=>t.dataset.path===e);t&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})})},E=e=>{e.path!==d.path&&f.push(e.path).catch(()=>void 0),T(e.path)},D=(e,t)=>{if(C(e))return;let n=S(e),r=p.tagsViewList.value.length;if(p.removeTag(t),n){let e=p.tagsViewList.value,n=t===r-1,i;i=n?e[t-1]?.path||s.homePath:e[e.length-1]?.path||s.homePath,f.push(i).catch(()=>void 0),u(`close`,i)}},O=(e,t,n)=>{e.preventDefault(),v.value=t,y.value=n,h.value=!0,g.value=e.clientX,_.value=e.clientY},k=()=>h.value=!1,A=(0,n.computed)(()=>{let e=s.contextMenuLabels;return[{type:`option`,label:e.close??`关闭`,key:`close`,disabled:C(v.value),icon:()=>(0,n.h)(`span`,{class:`i-mdi:close`})},{type:`option`,label:e.closeOthers??`关闭其他`,key:`closeOthers`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:arrow-left-right-bold`})},{type:`option`,label:e.closeLeft??`关闭左侧`,key:`closeLeft`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:align-horizontal-left`})},{type:`option`,label:e.closeRight??`关闭右侧`,key:`closeRight`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:align-horizontal-right`})},{type:`option`,label:e.closeAll??`关闭所有`,key:`closeAll`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:tally-mark-5`})}]}),j=e=>{if(!(!v.value||y.value===-1)){switch(e){case`close`:D(v.value,y.value);break;case`closeOthers`:p.removeOtherTags(y.value);break;case`closeLeft`:p.removeLeftTags(y.value);break;case`closeRight`:p.removeRightTags(y.value);break;case`closeAll`:p.removeAllTags(),f.push(s.homePath).catch(()=>void 0),u(`closeAll`);break}k()}};return(0,n.watch)(()=>d.path,e=>{let t=e===s.homePath?s.homeTitle:d.meta.title||`Unnamed Page`;p.addTag({path:e,originalTitle:t,title:m(t),icon:e===s.homePath?s.homeIcon:d.meta.icon,meta:{affix:d.meta.affix}}),p.setActiveTag(e),T(e)},{immediate:!0}),a({tags:p,scrollToTag:T}),(t,i)=>{let a=r.NTag,o=r.NDropdown;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,l,[(0,n.createElementVNode)(`div`,{class:`tags-track`,ref_key:`tagsTrack`,ref:b,onWheel:w},[(0,n.createElementVNode)(`div`,{class:`tags-container`,ref_key:`tagsContainer`,ref:x},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(p).tagsViewList.value,(t,r)=>((0,n.openBlock)(),(0,n.createBlock)(a,{key:t.path,type:S(t)?`primary`:`default`,closable:!C(t),"data-path":t.path,onClose:(0,n.withModifiers)(e=>D(t,r),[`stop`]),onClick:e=>E(t),onContextmenu:(0,n.withModifiers)(e=>O(e,t,r),[`prevent`])},{icon:(0,n.withCtx)(()=>[t.icon?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,name:t.icon,size:12},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0)]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(t.title),1)]),_:2},1032,[`type`,`closable`,`data-path`,`onClose`,`onClick`,`onContextmenu`]))),128))],512)],544),h.value?((0,n.openBlock)(),(0,n.createBlock)(o,{key:0,show:h.value,options:A.value,x:g.value,y:_.value,onClickoutside:k,onSelect:j},null,8,[`show`,`options`,`x`,`y`])):(0,n.createCommentVNode)(`v-if`,!0)])}}});var d=t.t(u,[[`__scopeId`,`data-v-83599594`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`),i=require(`vue-router`);const a=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},o=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function s(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>a(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:o(e.meta)}]:[]):[]}catch{return[]}}function c(e={}){let{persistKey:t=`__tags_view_list__`,homePath:r=`/home`}=e,i=()=>{if(!t)return[];try{return s(localStorage.getItem(t))}catch{return[]}},a=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},o=(0,n.ref)(i()),c=(0,n.ref)(``),l=()=>a(o.value),u=e=>{e?o.value=e:o.value=[...new Map(o.value.map(e=>[e.path,e])).values()],l()},d=e=>{c.value=e};return{tagsViewList:o,activeTag:c,homePath:r,initTags:u,setActiveTag:d,addTag:e=>{let t=o.value.findIndex(t=>t.path===e.path);if(t===-1)o.value.push(e);else{let n=o.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}d(e.path),l()},removeTag:e=>{if(e>=0&&e<o.value.length){let t=o.value.splice(e,1)[0]?.path??null;return l(),t}return null},removeOtherTags:e=>{o.value=o.value.filter((t,n)=>n===0||t.meta?.affix||n===e),l()},removeLeftTags:e=>{o.value=o.value.filter((t,n)=>n===0||t.meta?.affix||n>=e),l()},removeRightTags:e=>{o.value=o.value.filter((t,n)=>t.meta?.affix||n<=e),l()},removeAllTags:()=>{o.value=o.value.filter(e=>e.meta?.affix),l()}}}const l={class:`tags-view-container`},u=(0,n.defineComponent)({name:`C_TagsView`,__name:`index`,props:{labelFormatter:{},homePath:{default:`/home`},homeTitle:{default:`首页`},homeIcon:{default:`mdi:home`},persistKey:{default:`__tags_view_list__`},contextMenuLabels:{default:()=>({close:`关闭`,closeOthers:`关闭其他`,closeLeft:`关闭左侧`,closeRight:`关闭右侧`,closeAll:`关闭所有`})},tagsViewOptions:{}},emits:[`close`,`closeAll`],setup(t,{expose:a,emit:o}){let s=t,u=o,d=(0,i.useRoute)(),f=(0,i.useRouter)(),p=c(s.tagsViewOptions??{persistKey:s.persistKey,homePath:s.homePath});if(p.tagsViewList.value.length>0&&s.labelFormatter){let e=f.getRoutes(),t=p.tagsViewList.value.map(t=>{let n=e.find(e=>e.path===t.path),r=t.originalTitle||n?.meta?.title||t.title;return{...t,originalTitle:r,title:s.labelFormatter(r)}});p.initTags(t)}let m=e=>s.labelFormatter?s.labelFormatter(e):e,h=()=>{let e=d.path===s.homePath,t=e?s.homeTitle:d.meta.title||`Unnamed Page`;return{path:d.path,originalTitle:t,title:m(t),icon:e?s.homeIcon:d.meta.icon,meta:{affix:d.meta.affix}}},g=(0,n.ref)(!1),_=(0,n.ref)(0),v=(0,n.ref)(0),y=(0,n.ref)(null),b=(0,n.ref)(),x=(0,n.ref)(),S=e=>e.path===d.path,C=e=>e.meta?.affix,w=e=>{let t=x.value;t&&(e.preventDefault(),t.scrollTo({left:t.scrollLeft+e.deltaY,behavior:`smooth`}))},T=e=>{(0,n.nextTick)(()=>{let t=[...x.value?.querySelectorAll(`[data-path]`)??[]].find(t=>t.dataset.path===e);t&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})})},E=e=>{e.path!==d.path&&f.push(e.path).catch(()=>void 0),T(e.path)},D=0,O=!1,k=async e=>{try{let t=await f.push(e);return!(0,i.isNavigationFailure)(t)||(0,i.isNavigationFailure)(t,i.NavigationFailureType.duplicated)}catch{return!1}},A=async(e,t,n=!1)=>{let r=++D;if((n||!e.some(e=>e.path===d.path))&&!await k(t)||O||r!==D)return!1;let i=p.tagsViewList.value.find(e=>e.path===d.path)??h();return p.initTags(e.some(e=>e.path===i.path)?e:[...e,i]),p.setActiveTag(d.path),T(d.path),!0},j=async e=>{if(C(e))return;let t=p.tagsViewList.value,n=t.findIndex(t=>t.path===e.path);if(n===-1)return;let r=S(e),i=t.filter(t=>t.path!==e.path),a=n===t.length-1?i[n-1]?.path||s.homePath:i[i.length-1]?.path||s.homePath;await A(i,a)&&r&&u(`close`,a)};(0,n.onBeforeUnmount)(()=>{O=!0,D+=1});let M=(e,t)=>{e.preventDefault(),y.value=t,g.value=!0,_.value=e.clientX,v.value=e.clientY},N=()=>g.value=!1,P=(0,n.computed)(()=>{let e=s.contextMenuLabels;return[{type:`option`,label:e.close??`关闭`,key:`close`,disabled:C(y.value),icon:()=>(0,n.h)(`span`,{class:`i-mdi:close`})},{type:`option`,label:e.closeOthers??`关闭其他`,key:`closeOthers`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:arrow-left-right-bold`})},{type:`option`,label:e.closeLeft??`关闭左侧`,key:`closeLeft`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:align-horizontal-left`})},{type:`option`,label:e.closeRight??`关闭右侧`,key:`closeRight`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:align-horizontal-right`})},{type:`option`,label:e.closeAll??`关闭所有`,key:`closeAll`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:tally-mark-5`})}]}),F=async e=>{let t=y.value,n=p.tagsViewList.value,r=n.findIndex(e=>e.path===t?.path);if(N(),!t||r===-1)return;if(e===`close`){await j(t);return}let i=n.filter((t,n)=>t.meta?.affix?!0:e===`closeOthers`?n===0||n===r:e===`closeLeft`?n===0||n>=r:e===`closeRight`?n<=r:e!==`closeAll`);[`closeOthers`,`closeLeft`,`closeRight`,`closeAll`].includes(e)&&await A(i,e===`closeAll`?s.homePath:t.path,e===`closeAll`)&&e===`closeAll`&&u(`closeAll`)};return(0,n.watch)(()=>d.path,e=>{p.addTag(h()),p.setActiveTag(e),T(e)},{immediate:!0}),a({tags:p,scrollToTag:T}),(t,i)=>{let a=r.NTag,o=r.NDropdown;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,l,[(0,n.createElementVNode)(`div`,{class:`tags-track`,ref_key:`tagsTrack`,ref:b,onWheel:w},[(0,n.createElementVNode)(`div`,{class:`tags-container`,ref_key:`tagsContainer`,ref:x},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(p).tagsViewList.value,t=>((0,n.openBlock)(),(0,n.createBlock)(a,{key:t.path,type:S(t)?`primary`:`default`,closable:!C(t),"data-path":t.path,onClose:(0,n.withModifiers)(e=>j(t),[`stop`]),onClick:e=>E(t),onContextmenu:(0,n.withModifiers)(e=>M(e,t),[`prevent`])},{icon:(0,n.withCtx)(()=>[t.icon?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,name:t.icon,size:12},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0)]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(t.title),1)]),_:2},1032,[`type`,`closable`,`data-path`,`onClose`,`onClick`,`onContextmenu`]))),128))],512)],544),g.value?((0,n.openBlock)(),(0,n.createBlock)(o,{key:0,show:g.value,options:P.value,x:_.value,y:v.value,onClickoutside:N,onSelect:F},null,8,[`show`,`options`,`x`,`y`])):(0,n.createCommentVNode)(`v-if`,!0)])}}});var d=t.t(u,[[`__scopeId`,`data-v-bd2a9250`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/C_TagsView2.js

@@ -1 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,h as u,nextTick as d,openBlock as f,ref as p,renderList as m,resolveComponent as h,toDisplayString as g,unref as _,watch as v,withCtx as y,withModifiers as b}from"vue";import{NDropdown as x,NTag as S}from"naive-ui";import{useRoute as C,useRouter as w}from"vue-router";const T=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},E=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function D(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>T(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:E(e.meta)}]:[]):[]}catch{return[]}}function O(e={}){let{persistKey:t=`__tags_view_list__`,homePath:n=`/home`}=e,r=()=>{if(!t)return[];try{return D(localStorage.getItem(t))}catch{return[]}},i=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},a=p(r()),o=p(``),s=()=>i(a.value),c=e=>{e?a.value=e:a.value=[...new Map(a.value.map(e=>[e.path,e])).values()],s()},l=e=>{o.value=e};return{tagsViewList:a,activeTag:o,homePath:n,initTags:c,setActiveTag:l,addTag:e=>{let t=a.value.findIndex(t=>t.path===e.path);if(t===-1)a.value.push(e);else{let n=a.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}l(e.path),s()},removeTag:e=>{if(e>=0&&e<a.value.length){let t=a.value.splice(e,1)[0]?.path??null;return s(),t}return null},removeOtherTags:e=>{e===0?a.value=[a.value[0]].filter(Boolean):a.value=[a.value[0],a.value[e]].filter(Boolean),s()},removeLeftTags:e=>{a.value=[a.value[0],...a.value.slice(e)],s()},removeRightTags:e=>{a.value=a.value.slice(0,e+1),s()},removeAllTags:()=>{a.value=a.value.filter(e=>e.meta?.affix),s()}}}const k={class:`tags-view-container`};var A=t(l({name:`C_TagsView`,__name:`index`,props:{labelFormatter:{},homePath:{default:`/home`},homeTitle:{default:`首页`},homeIcon:{default:`mdi:home`},persistKey:{default:`__tags_view_list__`},contextMenuLabels:{default:()=>({close:`关闭`,closeOthers:`关闭其他`,closeLeft:`关闭左侧`,closeRight:`关闭右侧`,closeAll:`关闭所有`})},tagsViewOptions:{}},emits:[`close`,`closeAll`],setup(t,{expose:l,emit:h}){let T=t,E=h,D=C(),A=w(),j=O(T.tagsViewOptions??{persistKey:T.persistKey,homePath:T.homePath});if(j.tagsViewList.value.length>0&&T.labelFormatter){let e=A.getRoutes(),t=j.tagsViewList.value.map(t=>{let n=e.find(e=>e.path===t.path),r=t.originalTitle||n?.meta?.title||t.title;return{...t,originalTitle:r,title:T.labelFormatter(r)}});j.initTags(t)}let M=e=>T.labelFormatter?T.labelFormatter(e):e,N=p(!1),P=p(0),F=p(0),I=p(null),L=p(-1),R=p(),z=p(),B=e=>e.path===D.path,V=e=>e.meta?.affix,H=e=>{let t=z.value;t&&(e.preventDefault(),t.scrollTo({left:t.scrollLeft+e.deltaY,behavior:`smooth`}))},U=e=>{d(()=>{let t=[...z.value?.querySelectorAll(`[data-path]`)??[]].find(t=>t.dataset.path===e);t&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})})},W=e=>{e.path!==D.path&&A.push(e.path).catch(()=>void 0),U(e.path)},G=(e,t)=>{if(V(e))return;let n=B(e),r=j.tagsViewList.value.length;if(j.removeTag(t),n){let e=j.tagsViewList.value,n=t===r-1,i;i=n?e[t-1]?.path||T.homePath:e[e.length-1]?.path||T.homePath,A.push(i).catch(()=>void 0),E(`close`,i)}},K=(e,t,n)=>{e.preventDefault(),I.value=t,L.value=n,N.value=!0,P.value=e.clientX,F.value=e.clientY},q=()=>N.value=!1,J=r(()=>{let e=T.contextMenuLabels;return[{type:`option`,label:e.close??`关闭`,key:`close`,disabled:V(I.value),icon:()=>u(`span`,{class:`i-mdi:close`})},{type:`option`,label:e.closeOthers??`关闭其他`,key:`closeOthers`,icon:()=>u(`span`,{class:`i-mdi:arrow-left-right-bold`})},{type:`option`,label:e.closeLeft??`关闭左侧`,key:`closeLeft`,icon:()=>u(`span`,{class:`i-mdi:align-horizontal-left`})},{type:`option`,label:e.closeRight??`关闭右侧`,key:`closeRight`,icon:()=>u(`span`,{class:`i-mdi:align-horizontal-right`})},{type:`option`,label:e.closeAll??`关闭所有`,key:`closeAll`,icon:()=>u(`span`,{class:`i-mdi:tally-mark-5`})}]}),Y=e=>{if(!(!I.value||L.value===-1)){switch(e){case`close`:G(I.value,L.value);break;case`closeOthers`:j.removeOtherTags(L.value);break;case`closeLeft`:j.removeLeftTags(L.value);break;case`closeRight`:j.removeRightTags(L.value);break;case`closeAll`:j.removeAllTags(),A.push(T.homePath).catch(()=>void 0),E(`closeAll`);break}q()}};return v(()=>D.path,e=>{let t=e===T.homePath?T.homeTitle:D.meta.title||`Unnamed Page`;j.addTag({path:e,originalTitle:t,title:M(t),icon:e===T.homePath?T.homeIcon:D.meta.icon,meta:{affix:D.meta.affix}}),j.setActiveTag(e),U(e)},{immediate:!0}),l({tags:j,scrollToTag:U}),(t,r)=>{let l=S,u=x;return f(),o(`div`,k,[s(`div`,{class:`tags-track`,ref_key:`tagsTrack`,ref:R,onWheel:H},[s(`div`,{class:`tags-container`,ref_key:`tagsContainer`,ref:z},[(f(!0),o(n,null,m(_(j).tagsViewList.value,(t,n)=>(f(),i(l,{key:t.path,type:B(t)?`primary`:`default`,closable:!V(t),"data-path":t.path,onClose:b(e=>G(t,n),[`stop`]),onClick:e=>W(t),onContextmenu:b(e=>K(e,t,n),[`prevent`])},{icon:y(()=>[t.icon?(f(),i(_(e),{key:0,name:t.icon,size:12},null,8,[`name`])):a(`v-if`,!0)]),default:y(()=>[c(` `+g(t.title),1)]),_:2},1032,[`type`,`closable`,`data-path`,`onClose`,`onClick`,`onContextmenu`]))),128))],512)],544),N.value?(f(),i(u,{key:0,show:N.value,options:J.value,x:P.value,y:F.value,onClickoutside:q,onSelect:Y},null,8,[`show`,`options`,`x`,`y`])):a(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-83599594`]]);export{O as n,A as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,h as u,nextTick as d,onBeforeUnmount as f,openBlock as p,ref as m,renderList as h,resolveComponent as g,toDisplayString as ee,unref as _,watch as v,withCtx as y,withModifiers as b}from"vue";import{NDropdown as x,NTag as S}from"naive-ui";import{NavigationFailureType as C,isNavigationFailure as w,useRoute as T,useRouter as E}from"vue-router";const D=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},O=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function k(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>D(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:O(e.meta)}]:[]):[]}catch{return[]}}function A(e={}){let{persistKey:t=`__tags_view_list__`,homePath:n=`/home`}=e,r=()=>{if(!t)return[];try{return k(localStorage.getItem(t))}catch{return[]}},i=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},a=m(r()),o=m(``),s=()=>i(a.value),c=e=>{e?a.value=e:a.value=[...new Map(a.value.map(e=>[e.path,e])).values()],s()},l=e=>{o.value=e};return{tagsViewList:a,activeTag:o,homePath:n,initTags:c,setActiveTag:l,addTag:e=>{let t=a.value.findIndex(t=>t.path===e.path);if(t===-1)a.value.push(e);else{let n=a.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}l(e.path),s()},removeTag:e=>{if(e>=0&&e<a.value.length){let t=a.value.splice(e,1)[0]?.path??null;return s(),t}return null},removeOtherTags:e=>{a.value=a.value.filter((t,n)=>n===0||t.meta?.affix||n===e),s()},removeLeftTags:e=>{a.value=a.value.filter((t,n)=>n===0||t.meta?.affix||n>=e),s()},removeRightTags:e=>{a.value=a.value.filter((t,n)=>t.meta?.affix||n<=e),s()},removeAllTags:()=>{a.value=a.value.filter(e=>e.meta?.affix),s()}}}const j={class:`tags-view-container`};var M=t(l({name:`C_TagsView`,__name:`index`,props:{labelFormatter:{},homePath:{default:`/home`},homeTitle:{default:`首页`},homeIcon:{default:`mdi:home`},persistKey:{default:`__tags_view_list__`},contextMenuLabels:{default:()=>({close:`关闭`,closeOthers:`关闭其他`,closeLeft:`关闭左侧`,closeRight:`关闭右侧`,closeAll:`关闭所有`})},tagsViewOptions:{}},emits:[`close`,`closeAll`],setup(t,{expose:l,emit:g}){let D=t,O=g,k=T(),M=E(),N=A(D.tagsViewOptions??{persistKey:D.persistKey,homePath:D.homePath});if(N.tagsViewList.value.length>0&&D.labelFormatter){let e=M.getRoutes(),t=N.tagsViewList.value.map(t=>{let n=e.find(e=>e.path===t.path),r=t.originalTitle||n?.meta?.title||t.title;return{...t,originalTitle:r,title:D.labelFormatter(r)}});N.initTags(t)}let P=e=>D.labelFormatter?D.labelFormatter(e):e,F=()=>{let e=k.path===D.homePath,t=e?D.homeTitle:k.meta.title||`Unnamed Page`;return{path:k.path,originalTitle:t,title:P(t),icon:e?D.homeIcon:k.meta.icon,meta:{affix:k.meta.affix}}},I=m(!1),L=m(0),R=m(0),z=m(null),B=m(),V=m(),H=e=>e.path===k.path,U=e=>e.meta?.affix,W=e=>{let t=V.value;t&&(e.preventDefault(),t.scrollTo({left:t.scrollLeft+e.deltaY,behavior:`smooth`}))},G=e=>{d(()=>{let t=[...V.value?.querySelectorAll(`[data-path]`)??[]].find(t=>t.dataset.path===e);t&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})})},K=e=>{e.path!==k.path&&M.push(e.path).catch(()=>void 0),G(e.path)},q=0,J=!1,Y=async e=>{try{let t=await M.push(e);return!w(t)||w(t,C.duplicated)}catch{return!1}},X=async(e,t,n=!1)=>{let r=++q;if((n||!e.some(e=>e.path===k.path))&&!await Y(t)||J||r!==q)return!1;let i=N.tagsViewList.value.find(e=>e.path===k.path)??F();return N.initTags(e.some(e=>e.path===i.path)?e:[...e,i]),N.setActiveTag(k.path),G(k.path),!0},Z=async e=>{if(U(e))return;let t=N.tagsViewList.value,n=t.findIndex(t=>t.path===e.path);if(n===-1)return;let r=H(e),i=t.filter(t=>t.path!==e.path),a=n===t.length-1?i[n-1]?.path||D.homePath:i[i.length-1]?.path||D.homePath;await X(i,a)&&r&&O(`close`,a)};f(()=>{J=!0,q+=1});let Q=(e,t)=>{e.preventDefault(),z.value=t,I.value=!0,L.value=e.clientX,R.value=e.clientY},$=()=>I.value=!1,te=r(()=>{let e=D.contextMenuLabels;return[{type:`option`,label:e.close??`关闭`,key:`close`,disabled:U(z.value),icon:()=>u(`span`,{class:`i-mdi:close`})},{type:`option`,label:e.closeOthers??`关闭其他`,key:`closeOthers`,icon:()=>u(`span`,{class:`i-mdi:arrow-left-right-bold`})},{type:`option`,label:e.closeLeft??`关闭左侧`,key:`closeLeft`,icon:()=>u(`span`,{class:`i-mdi:align-horizontal-left`})},{type:`option`,label:e.closeRight??`关闭右侧`,key:`closeRight`,icon:()=>u(`span`,{class:`i-mdi:align-horizontal-right`})},{type:`option`,label:e.closeAll??`关闭所有`,key:`closeAll`,icon:()=>u(`span`,{class:`i-mdi:tally-mark-5`})}]}),ne=async e=>{let t=z.value,n=N.tagsViewList.value,r=n.findIndex(e=>e.path===t?.path);if($(),!t||r===-1)return;if(e===`close`){await Z(t);return}let i=n.filter((t,n)=>t.meta?.affix?!0:e===`closeOthers`?n===0||n===r:e===`closeLeft`?n===0||n>=r:e===`closeRight`?n<=r:e!==`closeAll`);[`closeOthers`,`closeLeft`,`closeRight`,`closeAll`].includes(e)&&await X(i,e===`closeAll`?D.homePath:t.path,e===`closeAll`)&&e===`closeAll`&&O(`closeAll`)};return v(()=>k.path,e=>{N.addTag(F()),N.setActiveTag(e),G(e)},{immediate:!0}),l({tags:N,scrollToTag:G}),(t,r)=>{let l=S,u=x;return p(),o(`div`,j,[s(`div`,{class:`tags-track`,ref_key:`tagsTrack`,ref:B,onWheel:W},[s(`div`,{class:`tags-container`,ref_key:`tagsContainer`,ref:V},[(p(!0),o(n,null,h(_(N).tagsViewList.value,t=>(p(),i(l,{key:t.path,type:H(t)?`primary`:`default`,closable:!U(t),"data-path":t.path,onClose:b(e=>Z(t),[`stop`]),onClick:e=>K(t),onContextmenu:b(e=>Q(e,t),[`prevent`])},{icon:y(()=>[t.icon?(p(),i(_(e),{key:0,name:t.icon,size:12},null,8,[`name`])):a(`v-if`,!0)]),default:y(()=>[c(` `+ee(t.title),1)]),_:2},1032,[`type`,`closable`,`data-path`,`onClose`,`onClick`,`onContextmenu`]))),128))],512)],544),I.value?(p(),i(u,{key:0,show:I.value,options:te.value,x:L.value,y:R.value,onClickoutside:$,onSelect:ne},null,8,[`show`,`options`,`x`,`y`])):a(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-bd2a9250`]]);export{A as n,M as t};

package/dist/C_Transfer.css

@@ -65,6 +65,64 @@
 .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
 
+.c-transfer__list[data-v-2d5e8cab] {
+  flex: 1;
+  overflow-y: auto;
+  padding: 4px 0;
+  min-height: 0;
+  max-height: var(--tf-height);
+}
+.c-transfer__list--virtual[data-v-2d5e8cab] {
+  padding: 0;
+}
+
+/* layer: default */
+.flex[data-v-2d5e8cab]{display:flex;}
+
+.c-transfer__item[data-v-af0b7c2e] {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: var(--tf-item-height);
+  gap: 8px;
+  padding: 0 var(--tf-item-padding);
+  cursor: pointer;
+  transition: background 0.15s;
+  font-size: var(--tf-item-font-size);
+  color: var(--c-text-1, var(--text-color-1, #262626));
+}
+.c-transfer__item[data-v-af0b7c2e]:hover {
+  background: var(--tf-item-hover);
+}
+.c-transfer__item.is-disabled[data-v-af0b7c2e] {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.c-transfer__item.is-disabled[data-v-af0b7c2e]:hover {
+  background: transparent;
+}
+.c-transfer__item.is-checked[data-v-af0b7c2e] {
+  color: var(--tf-accent);
+  font-weight: 500;
+}
+.c-transfer__item-icon[data-v-af0b7c2e] {
+  font-size: 16px;
+  flex-shrink: 0;
+  color: var(--c-text-3, var(--text-color-3, #a3a3a3));
+}
+.c-transfer__item-label[data-v-af0b7c2e] {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* layer: default */
+.hidden[data-v-af0b7c2e]{display:none;}
+.flex[data-v-af0b7c2e]{display:flex;}
+.flex-shrink[data-v-af0b7c2e]{flex-shrink:1;}
+.transition[data-v-af0b7c2e]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+
 /**
  * C_Transfer — 穿梭框组件样式
  * 变量说明：
@@ -74,7 +132,7 @@
  *   --tf-accent       : 操作按钮主色
  *   --tf-height       : 面板高度
  */
-.c-transfer[data-v-faa66718] {
+.c-transfer[data-v-65658ed2] {
   --tf-border: var(--c-border, var(--border-color, #e5e7eb));
   --tf-header-bg: color-mix(
     in srgb,
@@ -88,13 +146,16 @@
   );
   --tf-accent: var(--c-primary, var(--primary-color, #2080f0));
   --tf-height: 380px;
+  --tf-item-height: 34px;
+  --tf-item-padding: 14px;
+  --tf-item-font-size: 13px;
   display: flex;
   align-items: stretch;
   gap: 16px;
   user-select: none;
   /* ======================== Panel ======================== */
 }
-.c-transfer__panel[data-v-faa66718] {
+.c-transfer__panel[data-v-65658ed2] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -105,13 +166,13 @@
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   transition: box-shadow 0.2s;
 }
-.c-transfer__panel[data-v-faa66718]:hover {
+.c-transfer__panel[data-v-65658ed2]:hover {
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
 }
-.c-transfer[data-v-faa66718] {
+.c-transfer[data-v-65658ed2] {
   /* ---- Header ---- */
 }
-.c-transfer__header[data-v-faa66718] {
+.c-transfer__header[data-v-65658ed2] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -122,76 +183,26 @@
   font-size: 13px;
   color: var(--c-text-1, var(--text-color-1, #262626));
 }
-.c-transfer__count[data-v-faa66718] {
+.c-transfer__count[data-v-65658ed2] {
   font-weight: 400;
   font-size: 12px;
   color: var(--c-text-3, var(--text-color-3, #a3a3a3));
 }
-.c-transfer[data-v-faa66718] {
+.c-transfer[data-v-65658ed2] {
   /* ---- Filter ---- */
 }
-.c-transfer__filter[data-v-faa66718] {
+.c-transfer__filter[data-v-65658ed2] {
   padding: 8px 10px;
   border-bottom: 1px solid var(--tf-border);
 }
-.c-transfer__filter .n-input[data-v-faa66718] {
+.c-transfer__filter .n-input[data-v-65658ed2] {
   --n-border: 1px solid var(--tf-border);
   --n-border-focus: 1px solid var(--tf-accent);
 }
-.c-transfer[data-v-faa66718] {
-  /* ---- List ---- */
-}
-.c-transfer__list[data-v-faa66718] {
-  flex: 1;
-  overflow-y: auto;
-  padding: 4px 0;
-  min-height: 0;
-  max-height: var(--tf-height);
-}
-.c-transfer__item[data-v-faa66718] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 7px 14px;
-  cursor: pointer;
-  transition: background 0.15s;
-  font-size: 13px;
-  color: var(--c-text-1, var(--text-color-1, #262626));
-}
-.c-transfer__item[data-v-faa66718]:hover {
-  background: var(--tf-item-hover);
-}
-.c-transfer__item.is-disabled[data-v-faa66718] {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-.c-transfer__item.is-disabled[data-v-faa66718]:hover {
-  background: transparent;
-}
-.c-transfer__item.is-checked[data-v-faa66718] {
-  color: var(--tf-accent);
-  font-weight: 500;
-}
-.c-transfer__item-icon[data-v-faa66718] {
-  font-size: 16px;
-  flex-shrink: 0;
-  color: var(--c-text-3, var(--text-color-3, #a3a3a3));
-}
-.c-transfer__item-label[data-v-faa66718] {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.c-transfer__item-desc[data-v-faa66718] {
-  font-size: 11px;
-  color: var(--c-text-3, var(--text-color-3, #a3a3a3));
-  margin-top: 2px;
-}
-.c-transfer[data-v-faa66718] {
+.c-transfer[data-v-65658ed2] {
   /* ---- Empty ---- */
 }
-.c-transfer__empty[data-v-faa66718] {
+.c-transfer__empty[data-v-65658ed2] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -200,16 +211,16 @@
   font-size: 13px;
   padding: 32px 0;
 }
-.c-transfer[data-v-faa66718] {
+.c-transfer[data-v-65658ed2] {
   /* ======================== Actions ======================== */
 }
-.c-transfer__actions[data-v-faa66718] {
+.c-transfer__actions[data-v-65658ed2] {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 10px;
 }
-.c-transfer__btn[data-v-faa66718] {
+.c-transfer__btn[data-v-65658ed2] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -223,54 +234,52 @@
   cursor: pointer;
   transition: background 0.2s, color 0.2s, box-shadow 0.2s;
 }
-.c-transfer__btn[data-v-faa66718]:hover:not(.is-disabled) {
+.c-transfer__btn[data-v-65658ed2]:hover:not(.is-disabled) {
   background: var(--tf-accent);
   color: #fff;
   box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);
 }
-.c-transfer__btn.is-disabled[data-v-faa66718] {
+.c-transfer__btn.is-disabled[data-v-65658ed2] {
   opacity: 0.35;
   cursor: not-allowed;
 }
-.c-transfer[data-v-faa66718] {
+.c-transfer[data-v-65658ed2] {
   /* ======================== Sizes ======================== */
 }
-.c-transfer.is-small[data-v-faa66718] {
+.c-transfer.is-small[data-v-65658ed2] {
   --tf-height: 280px;
+  --tf-item-height: 28px;
+  --tf-item-padding: 12px;
+  --tf-item-font-size: 12px;
 }
-.c-transfer.is-small .c-transfer__header[data-v-faa66718] {
+.c-transfer.is-small .c-transfer__header[data-v-65658ed2] {
   padding: 8px 12px;
   font-size: 12px;
 }
-.c-transfer.is-small .c-transfer__item[data-v-faa66718] {
-  padding: 5px 12px;
-  font-size: 12px;
-}
-.c-transfer.is-small .c-transfer__btn[data-v-faa66718] {
+.c-transfer.is-small .c-transfer__btn[data-v-65658ed2] {
   width: 30px;
   height: 30px;
   font-size: 15px;
 }
-.c-transfer.is-large[data-v-faa66718] {
+.c-transfer.is-large[data-v-65658ed2] {
   --tf-height: 480px;
+  --tf-item-height: 40px;
+  --tf-item-padding: 16px;
+  --tf-item-font-size: 14px;
 }
-.c-transfer.is-large .c-transfer__header[data-v-faa66718] {
+.c-transfer.is-large .c-transfer__header[data-v-65658ed2] {
   padding: 12px 16px;
   font-size: 14px;
 }
-.c-transfer.is-large .c-transfer__item[data-v-faa66718] {
-  padding: 9px 16px;
-  font-size: 14px;
-}
-.c-transfer.is-large .c-transfer__btn[data-v-faa66718] {
+.c-transfer.is-large .c-transfer__btn[data-v-65658ed2] {
   width: 42px;
   height: 42px;
   font-size: 20px;
 }
-.c-transfer[data-v-faa66718] {
+.c-transfer[data-v-65658ed2] {
   /* ======================== Group divider ======================== */
 }
-.c-transfer__group[data-v-faa66718] {
+.c-transfer__group[data-v-65658ed2] {
   padding: 6px 14px 4px;
   font-size: 11px;
   font-weight: 600;
@@ -280,4 +289,4 @@
 }
 
 /* layer: default */
-.visible[data-v-faa66718]{visibility:visible;}
+.visible[data-v-65658ed2]{visibility:visible;}