@robot-admin/naive-ui-components 0.12.1 → 0.13.1

package/dist/C_Timeline.css

@@ -1,54 +1,54 @@
-/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+/* unplugin-vue-components disabled */.c-icon[data-v-711aedcd] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   user-select: none;
   transition: all 0.2s ease-in-out;
 }
-.c-icon--clickable[data-v-d0d8dba0] {
+.c-icon--clickable[data-v-711aedcd] {
   cursor: pointer;
 }
-.c-icon--clickable[data-v-d0d8dba0]:hover {
+.c-icon--clickable[data-v-711aedcd]:hover {
   opacity: 0.8;
   transform: scale(1.05);
 }
-.c-icon--clickable[data-v-d0d8dba0]:active {
+.c-icon--clickable[data-v-711aedcd]:active {
   transform: scale(0.95);
 }
-.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+.c-icon--clickable[data-v-711aedcd]:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: 4px;
 }
-.c-icon--loading[data-v-d0d8dba0] {
+.c-icon--loading[data-v-711aedcd] {
   opacity: 0.6;
   cursor: wait;
 }
-.c-icon--error[data-v-d0d8dba0] {
+.c-icon--error[data-v-711aedcd] {
   opacity: 0.5;
 }
-.c-icon__loading[data-v-d0d8dba0] {
+.c-icon__loading[data-v-711aedcd] {
   position: relative;
 }
-.c-icon__spinner[data-v-d0d8dba0] {
+.c-icon__spinner[data-v-711aedcd] {
   width: 100%;
   height: 100%;
   border: 2px solid currentColor;
   border-radius: 50%;
   border-top-color: transparent;
-  animation: spin-d0d8dba0 1s linear infinite;
+  animation: spin-711aedcd 1s linear infinite;
 }
-.c-icon__error[data-v-d0d8dba0] {
+.c-icon__error[data-v-711aedcd] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.c-icon__rotatable[data-v-d0d8dba0] {
+.c-icon__rotatable[data-v-711aedcd] {
   transition: transform 0.3s ease-in-out;
 }
-.c-icon__flippable[data-v-d0d8dba0] {
+.c-icon__flippable[data-v-711aedcd] {
   transition: transform 0.3s ease-in-out;
 }
-@keyframes spin-d0d8dba0 {
+@keyframes spin-711aedcd {
 0% {
     transform: rotate(0deg);
 }
@@ -57,7 +57,7 @@
 }
 }
 
-/* unplugin-vue-components disabled */.c-timeline[data-v-671bd4b6] {
+/* unplugin-vue-components disabled */.c-timeline[data-v-ca194519] {
   --tl-bg: transparent;
   --tl-text-primary: var(--app-text-primary);
   --tl-text-secondary: var(--text-color-2);
@@ -93,35 +93,35 @@
   position: relative;
   background: var(--tl-bg);
 }
-.c-timeline.is-small[data-v-671bd4b6] {
+.c-timeline.is-small[data-v-ca194519] {
   --tl-dot-size: var(--tl-dot-size-sm);
   --tl-icon-size: var(--tl-icon-size-sm);
   --tl-track-width: var(--tl-track-width-sm);
   --tl-track-spacing: var(--tl-track-spacing-sm);
 }
-.c-timeline.is-large[data-v-671bd4b6] {
+.c-timeline.is-large[data-v-ca194519] {
   --tl-dot-size: var(--tl-dot-size-lg);
   --tl-icon-size: var(--tl-icon-size-lg);
   --tl-track-width: var(--tl-track-width-lg);
   --tl-track-spacing: var(--tl-track-spacing-lg);
 }
-.c-timeline.is-vertical[data-v-671bd4b6] {
+.c-timeline.is-vertical[data-v-ca194519] {
   display: flex;
   flex-direction: column;
 }
-.c-timeline.is-vertical .c-timeline__item[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__item[data-v-ca194519] {
   display: flex;
   flex-direction: row;
   align-items: stretch;
 }
-.c-timeline.is-vertical .c-timeline__track[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__track[data-v-ca194519] {
   flex: 0 0 var(--tl-track-width);
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-right: var(--tl-content-gap);
 }
-.c-timeline.is-vertical .c-timeline__dot[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__dot[data-v-ca194519] {
   flex-shrink: 0;
   border-radius: 50%;
   display: flex;
@@ -129,7 +129,7 @@
   justify-content: center;
   z-index: 1;
 }
-.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-ca194519] {
   width: var(--tl-dot-size);
   height: var(--tl-dot-size);
   margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);
@@ -137,7 +137,7 @@
   border: 2px solid var(--card-color);
   box-shadow: 0 0 0 2px var(--tl-dot-default);
 }
-.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-ca194519] {
   width: var(--tl-icon-size);
   height: var(--tl-icon-size);
   background: var(--tl-icon-bg);
@@ -145,7 +145,7 @@
   box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);
   font-size: calc(var(--tl-icon-size) * 0.5);
 }
-.c-timeline.is-vertical .c-timeline__line[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__line[data-v-ca194519] {
   flex: 1;
   min-height: var(--tl-track-spacing);
   width: 0;
@@ -155,13 +155,13 @@
   border-left-color: var(--tl-line-color);
   margin: 4px 0;
 }
-.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-671bd4b6] {
+.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-ca194519] {
   border-left-style: dashed;
 }
-.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-671bd4b6] {
+.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-ca194519] {
   border-left-style: dotted;
 }
-.c-timeline.is-vertical .c-timeline__body[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__body[data-v-ca194519] {
   flex: 1;
   min-width: 0;
   display: flex;
@@ -169,30 +169,30 @@
   gap: 6px;
   padding-bottom: var(--tl-track-spacing);
 }
-.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-671bd4b6] {
+.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-ca194519] {
   padding-bottom: 0;
 }
-.c-timeline.is-horizontal[data-v-671bd4b6] {
+.c-timeline.is-horizontal[data-v-ca194519] {
   display: flex;
   flex-direction: row;
   overflow-x: auto;
   scrollbar-width: thin;
   scrollbar-color: var(--border-color) transparent;
 }
-.c-timeline.is-horizontal[data-v-671bd4b6]::-webkit-scrollbar {
+.c-timeline.is-horizontal[data-v-ca194519]::-webkit-scrollbar {
   height: 4px;
 }
-.c-timeline.is-horizontal[data-v-671bd4b6]::-webkit-scrollbar-thumb {
+.c-timeline.is-horizontal[data-v-ca194519]::-webkit-scrollbar-thumb {
   background: var(--border-color);
   border-radius: 2px;
 }
-.c-timeline.is-horizontal .c-timeline__item[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__item[data-v-ca194519] {
   flex: 0 0 var(--tl-h-item-width);
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.c-timeline.is-horizontal .c-timeline__track[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__track[data-v-ca194519] {
   position: relative;
   width: 100%;
   height: var(--tl-h-track-height);
@@ -201,7 +201,7 @@
   justify-content: center;
   overflow: visible;
 }
-.c-timeline.is-horizontal .c-timeline__dot[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__dot[data-v-ca194519] {
   position: relative;
   z-index: 1;
   flex-shrink: 0;
@@ -211,14 +211,14 @@
   justify-content: center;
   background: var(--tl-icon-bg);
 }
-.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-ca194519] {
   width: var(--tl-dot-size);
   height: var(--tl-dot-size);
   background: var(--tl-dot-default);
   border: 2px solid var(--card-color);
   box-shadow: 0 0 0 2px var(--tl-dot-default);
 }
-.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-ca194519] {
   width: var(--tl-icon-size);
   height: var(--tl-icon-size);
   background: var(--tl-icon-bg);
@@ -226,10 +226,10 @@
   box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);
   font-size: calc(var(--tl-icon-size) * 0.5);
 }
-.c-timeline.is-horizontal .c-timeline__line[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__line[data-v-ca194519] {
   display: none;
 }
-.c-timeline.is-horizontal .c-timeline__body[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__body[data-v-ca194519] {
   width: 100%;
   padding: 8px 12px 0;
   display: flex;
@@ -238,27 +238,37 @@
   gap: 4px;
   text-align: center;
 }
-.c-timeline.is-horizontal .c-timeline__header[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__header[data-v-ca194519] {
   justify-content: center;
   flex-wrap: wrap;
 }
-.c-timeline.is-horizontal .c-timeline__content[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__content[data-v-ca194519] {
   text-align: left;
   font-size: 12px;
 }
-.c-timeline__header[data-v-671bd4b6] {
+.c-timeline__header[data-v-ca194519] {
   display: flex;
   align-items: center;
   gap: 8px;
   cursor: pointer;
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  text-align: inherit;
+  background: transparent;
+  border: 0;
+}
+.c-timeline__header[data-v-ca194519]:focus-visible {
+  outline: 2px solid var(--primary-color, #2080f0);
+  outline-offset: 2px;
 }
-.c-timeline__title[data-v-671bd4b6] {
+.c-timeline__title[data-v-ca194519] {
   font-size: 14px;
   font-weight: 600;
   color: var(--tl-text-primary);
   line-height: 1.5;
 }
-.c-timeline__time[data-v-671bd4b6] {
+.c-timeline__time[data-v-ca194519] {
   display: inline-flex;
   align-items: center;
   padding: 1px 7px;
@@ -269,12 +279,12 @@
   border-radius: 4px;
   line-height: 1.6;
 }
-.c-timeline__tags[data-v-671bd4b6] {
+.c-timeline__tags[data-v-ca194519] {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
 }
-.c-timeline__tag[data-v-671bd4b6] {
+.c-timeline__tag[data-v-ca194519] {
   display: inline-flex;
   align-items: center;
   padding: 1px 8px;
@@ -285,7 +295,7 @@
   color: var(--primary-color);
   border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
 }
-.c-timeline__content[data-v-671bd4b6] {
+.c-timeline__content[data-v-ca194519] {
   padding: var(--tl-content-padding);
   background: var(--tl-content-bg);
   border-radius: var(--tl-content-radius);
@@ -294,19 +304,19 @@
   color: var(--tl-text-secondary);
   line-height: 1.7;
 }
-.c-timeline__detail[data-v-671bd4b6] {
+.c-timeline__detail[data-v-ca194519] {
   overflow: hidden;
   transition: max-height 0.3s ease, opacity 0.3s ease;
 }
-.c-timeline__detail.is-collapsed[data-v-671bd4b6] {
+.c-timeline__detail.is-collapsed[data-v-ca194519] {
   max-height: 0;
   opacity: 0;
 }
-.c-timeline__detail.is-expanded[data-v-671bd4b6] {
+.c-timeline__detail.is-expanded[data-v-ca194519] {
   max-height: 800px;
   opacity: 1;
 }
-.c-timeline__collapse-trigger[data-v-671bd4b6] {
+.c-timeline__collapse-trigger[data-v-ca194519] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -315,17 +325,25 @@
   cursor: pointer;
   user-select: none;
   transition: opacity 0.2s;
+  padding: 0;
+  font: inherit;
+  background: transparent;
+  border: 0;
+}
+.c-timeline__collapse-trigger[data-v-ca194519]:focus-visible {
+  outline: 2px solid var(--primary-color, #2080f0);
+  outline-offset: 2px;
 }
-.c-timeline__collapse-trigger[data-v-671bd4b6]:hover {
+.c-timeline__collapse-trigger[data-v-ca194519]:hover {
   opacity: 0.75;
 }
-.c-timeline__collapse-trigger .collapse-arrow[data-v-671bd4b6] {
+.c-timeline__collapse-trigger .collapse-arrow[data-v-ca194519] {
   transition: transform 0.25s;
 }
-.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-671bd4b6] {
+.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-ca194519] {
   transform: rotate(180deg);
 }
-.c-timeline__pending[data-v-671bd4b6] {
+.c-timeline__pending[data-v-ca194519] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -333,19 +351,19 @@
   color: var(--tl-text-time);
   padding: 8px 0 0 var(--tl-track-width);
 }
-.c-timeline__pending .pending-dot[data-v-671bd4b6] {
+.c-timeline__pending .pending-dot[data-v-ca194519] {
   width: 10px;
   height: 10px;
   flex-shrink: 0;
   border-radius: 50%;
   background: var(--tl-dot-info);
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);
-  animation: tl-pulse-671bd4b6 1.4s infinite;
+  animation: tl-pulse-ca194519 1.4s infinite;
 }
-.c-timeline.is-horizontal .c-timeline__pending[data-v-671bd4b6] {
+.c-timeline.is-horizontal .c-timeline__pending[data-v-ca194519] {
   padding-left: 0;
 }
-@keyframes tl-pulse-671bd4b6 {
+@keyframes tl-pulse-ca194519 {
 0%, 100% {
     opacity: 0.4;
     transform: scale(1);

package/dist/C_Timeline2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`),n=require(`./html.cjs`);let r=require(`vue`);const i={mode:`vertical`,labelPlacement:`right`,pending:!1,pendingText:`加载中...`,reverse:!1,size:`medium`,lineType:`solid`,showTime:!0},a={default:``,success:`#18a058`,warning:`#f0a020`,error:`#d03050`,info:`#2080f0`},o={class:`c-timeline__track`},s={key:0,class:`c-timeline__line`},c={class:`c-timeline__body`},l=[`onClick`],u={class:`c-timeline__title`},d={key:0,class:`c-timeline__time`},f={key:0,class:`c-timeline__tags`},p=[`innerHTML`],m=[`onClick`],h={key:0,class:`c-timeline__pending`},g=(0,r.defineComponent)({name:`C_Timeline`,__name:`index`,props:{items:{default:()=>[]},mode:{default:i.mode},labelPlacement:{default:i.labelPlacement},pending:{type:Boolean,default:i.pending},pendingText:{default:i.pendingText},reverse:{type:Boolean,default:i.reverse},size:{default:i.size},lineType:{default:i.lineType},showTime:{type:Boolean,default:i.showTime}},emits:[`item-click`,`expand`],setup(t,{expose:i,emit:g}){let _=t,v=g,y=(0,r.ref)({});(0,r.watch)(()=>_.items,e=>{e.forEach(e=>{e.collapsible&&!(e.id in y.value)&&(y.value[e.id]=e.defaultExpanded??!1)})},{immediate:!0});let b=e=>{let t=!y.value[e.id];y.value[e.id]=t,v(`expand`,e,t)},x=(0,r.computed)(()=>_.reverse?[..._.items].reverse():_.items),S=(0,r.computed)(()=>[`c-timeline`,`is-${_.mode}`,`is-${_.size}`,`is-line-${_.lineType}`,`is-label-${_.labelPlacement}`]),C=e=>{let t=e.color||a[e.status||`default`]||void 0;return e.icon?{color:t,borderColor:t||void 0}:{background:t||void 0,boxShadow:t?`0 0 0 2px ${t}`:void 0}};return i({expandAll:()=>{_.items.forEach(e=>{e.collapsible&&(y.value[e.id]=!0)})},collapseAll:()=>{_.items.forEach(e=>{e.collapsible&&(y.value[e.id]=!1)})}}),(t,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)(S.value),role:`list`},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(x.value,(i,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:i.id,class:`c-timeline__item`,role:`listitem`},[(0,r.createCommentVNode)(` 轨道区：圆点 + 连接线 `),(0,r.createElementVNode)(`div`,o,[(0,r.createElementVNode)(`span`,{class:(0,r.normalizeClass)([`c-timeline__dot`,i.icon?`is-icon`:`is-dot`]),style:(0,r.normalizeStyle)(C(i))},[(0,r.renderSlot)(t.$slots,`dot`,{item:i,index:a},()=>[i.icon?((0,r.openBlock)(),(0,r.createBlock)(e.t,{key:0,name:i.icon},null,8,[`name`])):(0,r.createCommentVNode)(`v-if`,!0)],!0)],6),(0,r.createCommentVNode)(` 连接线：最后一项不渲染 `),a<x.value.length-1?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s)):(0,r.createCommentVNode)(`v-if`,!0)]),(0,r.createCommentVNode)(` 内容区 `),(0,r.createElementVNode)(`div`,c,[(0,r.createElementVNode)(`div`,{class:`c-timeline__header`,onClick:e=>v(`item-click`,i,a)},[(0,r.renderSlot)(t.$slots,`title`,{item:i,index:a},()=>[(0,r.createElementVNode)(`span`,u,(0,r.toDisplayString)(i.title),1)],!0),_.showTime&&i.time?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,(0,r.toDisplayString)(i.time),1)):(0,r.createCommentVNode)(`v-if`,!0)],8,l),i.tags?.length?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(i.tags,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:e.text,class:`c-timeline__tag`},(0,r.toDisplayString)(e.text),1))),128))])):(0,r.createCommentVNode)(`v-if`,!0),i.content&&(!i.collapsible||y.value[i.id])?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([`c-timeline__detail`,i.collapsible?y.value[i.id]?`is-expanded`:`is-collapsed`:`is-expanded`])},[(0,r.createElementVNode)(`div`,{class:`c-timeline__content`,innerHTML:(0,r.unref)(n.t)(i.content)},null,8,p)],2)):(0,r.createCommentVNode)(`v-if`,!0),i.collapsible?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`c-timeline__collapse-trigger`,{"is-expanded":y.value[i.id]}]),onClick:e=>b(i)},[(0,r.createTextVNode)((0,r.toDisplayString)(y.value[i.id]?`收起`:`展开详情`)+` `,1),(0,r.createVNode)(e.t,{name:`mdi:chevron-down`,class:`collapse-arrow`})],10,m)):(0,r.createCommentVNode)(`v-if`,!0)])]))),128)),(0,r.createCommentVNode)(` Pending 加载指示 `),_.pending?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,h,[i[0]||=(0,r.createElementVNode)(`span`,{class:`pending-dot`},null,-1),(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(_.pendingText),1)])):(0,r.createCommentVNode)(`v-if`,!0)],2))}});var _=t.t(g,[[`__scopeId`,`data-v-671bd4b6`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`),n=require(`./html.cjs`);let r=require(`vue`);const i={mode:`vertical`,labelPlacement:`right`,pending:!1,pendingText:`加载中...`,reverse:!1,size:`medium`,lineType:`solid`,showTime:!0},a={default:``,success:`#18a058`,warning:`#f0a020`,error:`#d03050`,info:`#2080f0`},o={class:`c-timeline__track`},s={key:0,class:`c-timeline__line`},c={class:`c-timeline__body`},l=[`onClick`],u={class:`c-timeline__title`},d={key:0,class:`c-timeline__time`},f={key:0,class:`c-timeline__tags`},p=[`innerHTML`],m=[`aria-expanded`,`onClick`],h={key:0,class:`c-timeline__pending`},g=(0,r.defineComponent)({name:`C_Timeline`,__name:`index`,props:{items:{default:()=>[]},mode:{default:i.mode},labelPlacement:{default:i.labelPlacement},pending:{type:Boolean,default:i.pending},pendingText:{default:i.pendingText},reverse:{type:Boolean,default:i.reverse},size:{default:i.size},lineType:{default:i.lineType},showTime:{type:Boolean,default:i.showTime}},emits:[`item-click`,`expand`],setup(t,{expose:i,emit:g}){let _=t,v=g,y=(0,r.reactive)(new Map);(0,r.watch)(()=>_.items,e=>{let t=new Set(e.map(e=>e.id));for(let e of y.keys())t.has(e)||y.delete(e);e.forEach(e=>{e.collapsible&&!y.has(e.id)&&y.set(e.id,e.defaultExpanded??!1)})},{immediate:!0,deep:!0});let b=e=>{let t=!y.get(e.id);y.set(e.id,t),v(`expand`,e,t)},x=(0,r.computed)(()=>_.reverse?[..._.items].reverse():_.items),S=(0,r.computed)(()=>[`c-timeline`,`is-${_.mode}`,`is-${_.size}`,`is-line-${_.lineType}`,`is-label-${_.labelPlacement}`]),C=e=>{let t=e.color||a[e.status||`default`]||void 0;return e.icon?{color:t,borderColor:t||void 0}:{background:t||void 0,boxShadow:t?`0 0 0 2px ${t}`:void 0}};return i({expandAll:()=>{_.items.forEach(e=>{e.collapsible&&y.set(e.id,!0)})},collapseAll:()=>{_.items.forEach(e=>{e.collapsible&&y.set(e.id,!1)})}}),(t,i)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)(S.value),role:`list`},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(x.value,(i,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:i.id,class:`c-timeline__item`,role:`listitem`},[(0,r.createCommentVNode)(` 轨道区：圆点 + 连接线 `),(0,r.createElementVNode)(`div`,o,[(0,r.createElementVNode)(`span`,{class:(0,r.normalizeClass)([`c-timeline__dot`,i.icon?`is-icon`:`is-dot`]),style:(0,r.normalizeStyle)(C(i))},[(0,r.renderSlot)(t.$slots,`dot`,{item:i,index:a},()=>[i.icon?((0,r.openBlock)(),(0,r.createBlock)(e.t,{key:0,name:i.icon},null,8,[`name`])):(0,r.createCommentVNode)(`v-if`,!0)],!0)],6),(0,r.createCommentVNode)(` 连接线：最后一项不渲染 `),a<x.value.length-1?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,s)):(0,r.createCommentVNode)(`v-if`,!0)]),(0,r.createCommentVNode)(` 内容区 `),(0,r.createElementVNode)(`div`,c,[(0,r.createElementVNode)(`button`,{type:`button`,class:`c-timeline__header`,onClick:e=>v(`item-click`,i,a)},[(0,r.renderSlot)(t.$slots,`title`,{item:i,index:a},()=>[(0,r.createElementVNode)(`span`,u,(0,r.toDisplayString)(i.title),1)],!0),_.showTime&&i.time?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,(0,r.toDisplayString)(i.time),1)):(0,r.createCommentVNode)(`v-if`,!0)],8,l),i.tags?.length?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(i.tags,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:e.text,class:`c-timeline__tag`},(0,r.toDisplayString)(e.text),1))),128))])):(0,r.createCommentVNode)(`v-if`,!0),i.content&&(!i.collapsible||y.get(i.id))?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([`c-timeline__detail`,i.collapsible?y.get(i.id)?`is-expanded`:`is-collapsed`:`is-expanded`])},[(0,r.createElementVNode)(`div`,{class:`c-timeline__content`,innerHTML:(0,r.unref)(n.t)(i.content)},null,8,p)],2)):(0,r.createCommentVNode)(`v-if`,!0),i.collapsible?((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:2,type:`button`,class:(0,r.normalizeClass)([`c-timeline__collapse-trigger`,{"is-expanded":y.get(i.id)}]),"aria-expanded":!!y.get(i.id),onClick:e=>b(i)},[(0,r.createTextVNode)((0,r.toDisplayString)(y.get(i.id)?`收起`:`展开详情`)+` `,1),(0,r.createVNode)(e.t,{name:`mdi:chevron-down`,class:`collapse-arrow`})],10,m)):(0,r.createCommentVNode)(`v-if`,!0)])]))),128)),(0,r.createCommentVNode)(` Pending 加载指示 `),_.pending?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,h,[i[0]||=(0,r.createElementVNode)(`span`,{class:`pending-dot`},null,-1),(0,r.createElementVNode)(`span`,null,(0,r.toDisplayString)(_.pendingText),1)])):(0,r.createCommentVNode)(`v-if`,!0)],2))}});var _=t.t(g,[[`__scopeId`,`data-v-ca194519`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/dist/C_Timeline2.js

@@ -1 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{t as n}from"./html.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,normalizeClass as f,normalizeStyle as p,openBlock as m,ref as h,renderList as g,renderSlot as _,toDisplayString as v,unref as y,watch as b}from"vue";const x={mode:`vertical`,labelPlacement:`right`,pending:!1,pendingText:`加载中...`,reverse:!1,size:`medium`,lineType:`solid`,showTime:!0},S={default:``,success:`#18a058`,warning:`#f0a020`,error:`#d03050`,info:`#2080f0`},C={class:`c-timeline__track`},w={key:0,class:`c-timeline__line`},T={class:`c-timeline__body`},E=[`onClick`],D={class:`c-timeline__title`},O={key:0,class:`c-timeline__time`},k={key:0,class:`c-timeline__tags`},A=[`innerHTML`],j=[`onClick`],M={key:0,class:`c-timeline__pending`};var N=t(d({name:`C_Timeline`,__name:`index`,props:{items:{default:()=>[]},mode:{default:x.mode},labelPlacement:{default:x.labelPlacement},pending:{type:Boolean,default:x.pending},pendingText:{default:x.pendingText},reverse:{type:Boolean,default:x.reverse},size:{default:x.size},lineType:{default:x.lineType},showTime:{type:Boolean,default:x.showTime}},emits:[`item-click`,`expand`],setup(t,{expose:d,emit:x}){let N=t,P=x,F=h({});b(()=>N.items,e=>{e.forEach(e=>{e.collapsible&&!(e.id in F.value)&&(F.value[e.id]=e.defaultExpanded??!1)})},{immediate:!0});let I=e=>{let t=!F.value[e.id];F.value[e.id]=t,P(`expand`,e,t)},L=i(()=>N.reverse?[...N.items].reverse():N.items),R=i(()=>[`c-timeline`,`is-${N.mode}`,`is-${N.size}`,`is-line-${N.lineType}`,`is-label-${N.labelPlacement}`]),z=e=>{let t=e.color||S[e.status||`default`]||void 0;return e.icon?{color:t,borderColor:t||void 0}:{background:t||void 0,boxShadow:t?`0 0 0 2px ${t}`:void 0}};return d({expandAll:()=>{N.items.forEach(e=>{e.collapsible&&(F.value[e.id]=!0)})},collapseAll:()=>{N.items.forEach(e=>{e.collapsible&&(F.value[e.id]=!1)})}}),(t,i)=>(m(),s(`div`,{class:f(R.value),role:`list`},[(m(!0),s(r,null,g(L.value,(i,d)=>(m(),s(`div`,{key:i.id,class:`c-timeline__item`,role:`listitem`},[o(` 轨道区：圆点 + 连接线 `),c(`div`,C,[c(`span`,{class:f([`c-timeline__dot`,i.icon?`is-icon`:`is-dot`]),style:p(z(i))},[_(t.$slots,`dot`,{item:i,index:d},()=>[i.icon?(m(),a(e,{key:0,name:i.icon},null,8,[`name`])):o(`v-if`,!0)],!0)],6),o(` 连接线：最后一项不渲染 `),d<L.value.length-1?(m(),s(`span`,w)):o(`v-if`,!0)]),o(` 内容区 `),c(`div`,T,[c(`div`,{class:`c-timeline__header`,onClick:e=>P(`item-click`,i,d)},[_(t.$slots,`title`,{item:i,index:d},()=>[c(`span`,D,v(i.title),1)],!0),N.showTime&&i.time?(m(),s(`span`,O,v(i.time),1)):o(`v-if`,!0)],8,E),i.tags?.length?(m(),s(`div`,k,[(m(!0),s(r,null,g(i.tags,e=>(m(),s(`span`,{key:e.text,class:`c-timeline__tag`},v(e.text),1))),128))])):o(`v-if`,!0),i.content&&(!i.collapsible||F.value[i.id])?(m(),s(`div`,{key:1,class:f([`c-timeline__detail`,i.collapsible?F.value[i.id]?`is-expanded`:`is-collapsed`:`is-expanded`])},[c(`div`,{class:`c-timeline__content`,innerHTML:y(n)(i.content)},null,8,A)],2)):o(`v-if`,!0),i.collapsible?(m(),s(`span`,{key:2,class:f([`c-timeline__collapse-trigger`,{"is-expanded":F.value[i.id]}]),onClick:e=>I(i)},[l(v(F.value[i.id]?`收起`:`展开详情`)+` `,1),u(e,{name:`mdi:chevron-down`,class:`collapse-arrow`})],10,j)):o(`v-if`,!0)])]))),128)),o(` Pending 加载指示 `),N.pending?(m(),s(`div`,M,[i[0]||=c(`span`,{class:`pending-dot`},null,-1),c(`span`,null,v(N.pendingText),1)])):o(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-671bd4b6`]]);export{x as n,S as r,N as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{t as n}from"./html.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,normalizeClass as f,normalizeStyle as p,openBlock as m,reactive as h,renderList as g,renderSlot as _,toDisplayString as v,unref as y,watch as b}from"vue";const x={mode:`vertical`,labelPlacement:`right`,pending:!1,pendingText:`加载中...`,reverse:!1,size:`medium`,lineType:`solid`,showTime:!0},S={default:``,success:`#18a058`,warning:`#f0a020`,error:`#d03050`,info:`#2080f0`},C={class:`c-timeline__track`},w={key:0,class:`c-timeline__line`},T={class:`c-timeline__body`},E=[`onClick`],D={class:`c-timeline__title`},O={key:0,class:`c-timeline__time`},k={key:0,class:`c-timeline__tags`},A=[`innerHTML`],j=[`aria-expanded`,`onClick`],M={key:0,class:`c-timeline__pending`};var N=t(d({name:`C_Timeline`,__name:`index`,props:{items:{default:()=>[]},mode:{default:x.mode},labelPlacement:{default:x.labelPlacement},pending:{type:Boolean,default:x.pending},pendingText:{default:x.pendingText},reverse:{type:Boolean,default:x.reverse},size:{default:x.size},lineType:{default:x.lineType},showTime:{type:Boolean,default:x.showTime}},emits:[`item-click`,`expand`],setup(t,{expose:d,emit:x}){let N=t,P=x,F=h(new Map);b(()=>N.items,e=>{let t=new Set(e.map(e=>e.id));for(let e of F.keys())t.has(e)||F.delete(e);e.forEach(e=>{e.collapsible&&!F.has(e.id)&&F.set(e.id,e.defaultExpanded??!1)})},{immediate:!0,deep:!0});let I=e=>{let t=!F.get(e.id);F.set(e.id,t),P(`expand`,e,t)},L=i(()=>N.reverse?[...N.items].reverse():N.items),R=i(()=>[`c-timeline`,`is-${N.mode}`,`is-${N.size}`,`is-line-${N.lineType}`,`is-label-${N.labelPlacement}`]),z=e=>{let t=e.color||S[e.status||`default`]||void 0;return e.icon?{color:t,borderColor:t||void 0}:{background:t||void 0,boxShadow:t?`0 0 0 2px ${t}`:void 0}};return d({expandAll:()=>{N.items.forEach(e=>{e.collapsible&&F.set(e.id,!0)})},collapseAll:()=>{N.items.forEach(e=>{e.collapsible&&F.set(e.id,!1)})}}),(t,i)=>(m(),s(`div`,{class:f(R.value),role:`list`},[(m(!0),s(r,null,g(L.value,(i,d)=>(m(),s(`div`,{key:i.id,class:`c-timeline__item`,role:`listitem`},[o(` 轨道区：圆点 + 连接线 `),c(`div`,C,[c(`span`,{class:f([`c-timeline__dot`,i.icon?`is-icon`:`is-dot`]),style:p(z(i))},[_(t.$slots,`dot`,{item:i,index:d},()=>[i.icon?(m(),a(e,{key:0,name:i.icon},null,8,[`name`])):o(`v-if`,!0)],!0)],6),o(` 连接线：最后一项不渲染 `),d<L.value.length-1?(m(),s(`span`,w)):o(`v-if`,!0)]),o(` 内容区 `),c(`div`,T,[c(`button`,{type:`button`,class:`c-timeline__header`,onClick:e=>P(`item-click`,i,d)},[_(t.$slots,`title`,{item:i,index:d},()=>[c(`span`,D,v(i.title),1)],!0),N.showTime&&i.time?(m(),s(`span`,O,v(i.time),1)):o(`v-if`,!0)],8,E),i.tags?.length?(m(),s(`div`,k,[(m(!0),s(r,null,g(i.tags,e=>(m(),s(`span`,{key:e.text,class:`c-timeline__tag`},v(e.text),1))),128))])):o(`v-if`,!0),i.content&&(!i.collapsible||F.get(i.id))?(m(),s(`div`,{key:1,class:f([`c-timeline__detail`,i.collapsible?F.get(i.id)?`is-expanded`:`is-collapsed`:`is-expanded`])},[c(`div`,{class:`c-timeline__content`,innerHTML:y(n)(i.content)},null,8,A)],2)):o(`v-if`,!0),i.collapsible?(m(),s(`button`,{key:2,type:`button`,class:f([`c-timeline__collapse-trigger`,{"is-expanded":F.get(i.id)}]),"aria-expanded":!!F.get(i.id),onClick:e=>I(i)},[l(v(F.get(i.id)?`收起`:`展开详情`)+` `,1),u(e,{name:`mdi:chevron-down`,class:`collapse-arrow`})],10,j)):o(`v-if`,!0)])]))),128)),o(` Pending 加载指示 `),N.pending?(m(),s(`div`,M,[i[0]||=c(`span`,{class:`pending-dot`},null,-1),c(`span`,null,v(N.pendingText),1)])):o(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-ca194519`]]);export{x as n,S as r,N as t};