cnhis-design-vue 3.1.5-beta.5 → 3.1.5-beta.6

package/es/packages/time-line/src/TimeLine.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1 @@
+import{defineComponent as e,openBlock as t,createBlock as a,unref as n,withCtx as l,createElementBlock as s,Fragment as i,renderList as p,createVNode as u,createTextVNode as r,toDisplayString as m,createElementVNode as o}from"vue";import{NTimeline as y,NTimelineItem as c,NSpace as d,NButton as f}from"naive-ui";const v={class:"content"},_={class:"content-name"};var b=e({name:"TimeLine",props:{items:{type:Array,required:!1,default:()=>[]}},setup:e=>(b,g)=>(t(),a(n(y),{class:"c-time-line"},{default:l((()=>[(t(!0),s(i,null,p(e.items,((e,y)=>(t(),a(n(c),{key:y,type:e.type},{default:l((()=>[(t(!0),s(i,null,p(e.subItem,((s,i)=>(t(),a(n(d),{key:i,vertical:"",align:"start"},{default:l((()=>[u(n(f),{strong:"",secondary:"",type:e.type},{default:l((()=>[r(m(s.title),1)])),_:2},1032,["type"]),o("div",v,[u(n(d),{justify:"space-between"},{default:l((()=>[o("span",_,m(s.name),1),o("span",null,m(s.time),1)])),_:2},1024),o("p",null,m(s.content),1)])])),_:2},1024)))),128))])),_:2},1032,["type"])))),128))])),_:1}))});export{b as default};

package/es/packages/time-line/src/TimeLine2.mjs

@@ -0,0 +1 @@
+import e from"./TimeLine.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./TimeLine.vue_vue_type_script_setup_true_lang.mjs";e.__file="packages/time-line/src/TimeLine.vue";

package/es/packages/time-line/style/index.css

@@ -0,0 +1,32 @@
+.c-time-line.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+  width: 10px;
+  height: 10px;
+  border-left-width: 5px;
+  border-right-width: 5px;
+  border-top-width: 5px;
+  border-bottom-width: 5px;
+  margin-left: 2px;
+}
+.c-time-line .content {
+  width: 245px;
+  padding: 10px;
+  box-sizing: border-box;
+  border: 1px solid #D5D5D5;
+  border-radius: 4px;
+  background-color: #FAFAFA;
+  color: #212121;
+  font-size: 14px;
+  margin-bottom: 10px;
+}
+.c-time-line .content-name {
+  font-size: 16px;
+  font-weight: 600;
+}
+.c-time-line .content-name + span {
+  color: #666;
+}
+.c-time-line .content p {
+  margin: 5px 0 0;
+  line-height: 20px;
+  text-align: left;
+}

package/es/packages/time-line/style/index.less

@@ -0,0 +1,35 @@
+@border-width: 5px;
+.c-time-line {
+  &.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+    width: 10px;
+    height: 10px;
+    border-left-width: @border-width;
+    border-right-width: @border-width;
+    border-top-width: @border-width;
+    border-bottom-width: @border-width;
+    margin-left: 2px;
+  }
+  .content {
+    width: 245px;
+    padding: 10px;
+    box-sizing: border-box;
+    border: 1px solid #D5D5D5;
+    border-radius: 4px;
+    background-color: #FAFAFA;
+    color: #212121;
+    font-size: 14px;
+    margin-bottom: 10px;
+    &-name {
+      font-size: 16px;
+      font-weight: 600;
+      &+span {
+        color: #666;
+      }
+    }
+    p {
+      margin: 5px 0 0;
+      line-height: 20px;
+      text-align: left;
+    }
+  }
+}