fantasia-ui 0.6.3 → 0.6.5

package/dist/fantasia-ui.css

@@ -2971,27 +2971,34 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 12px;
   padding: 12px 16px;
   background: var(--f-collapse-item-header-bg);
   color: var(--f-collapse-item-header-color);
   cursor: pointer;
   user-select: none;
-  transition: background var(--f-collapse-item-transition-duration);
+  transition: all var(--f-collapse-item-transition-duration);
 }
 .f-collapse-item__header:hover {
   background: var(--f-collapse-item-header-hover-bg);
 }
+.f-collapse-item__header:hover .f-collapse-item__icon {
+  color: #ec4899;
+}
 .f-collapse-item__header-title {
+  flex: 1;
   font-size: 14px;
   font-weight: 500;
 }
 .f-collapse-item__icon {
   flex-shrink: 0;
-  color: var(--f-collapse-item-content-color);
-  transition: transform var(--f-collapse-item-transition-duration);
+  margin-left: auto;
+  color: #94a3b8;
+  transition: all var(--f-collapse-item-transition-duration);
 }
 .f-collapse-item--active .f-collapse-item__icon {
   transform: rotate(180deg);
+  color: #ec4899;
 }
 .f-collapse-item--disabled .f-collapse-item__header {
   cursor: not-allowed;
@@ -7023,15 +7030,15 @@
 }
 .f-timeline-item__tail {
   position: absolute;
-  top: 24px;
+  top: 26px;
   left: 11px;
-  height: calc(100% - 24px);
+  height: calc(100% - 26px);
   border-left: 2px solid #e2e8f0;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .f-timeline-item__node {
   position: absolute;
-  top: 0;
+  top: 2px;
   left: 0;
   display: flex;
   align-items: center;
@@ -7074,6 +7081,7 @@
   align-items: center;
   gap: 12px;
   margin-bottom: 8px;
+  line-height: 24px;
   min-height: 24px;
 }
 .f-timeline-item__header.is-clickable {
@@ -7096,6 +7104,7 @@
   color: #94a3b8;
   transition: color 0.3s;
   white-space: nowrap;
+  line-height: 24px;
 }
 .f-timeline-item__title {
   flex: 1;
@@ -7103,11 +7112,16 @@
   font-weight: 500;
   color: #1e293b;
   transition: color 0.3s;
+  line-height: 24px;
 }
 .f-timeline-item__collapse-icon {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
+  margin-left: auto;
+  width: 24px;
+  height: 24px;
   color: #94a3b8;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -7124,6 +7138,9 @@
   line-height: 1.6;
   padding-top: 4px;
 }
+.f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon {
+  color: #ec4899;
+}
 .f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon :deep(svg) {
   transform: rotate(180deg);
 }
@@ -13069,27 +13086,34 @@ to {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: 12px;
   padding: 12px 16px;
   background: var(--f-collapse-item-header-bg);
   color: var(--f-collapse-item-header-color);
   cursor: pointer;
   user-select: none;
-  transition: background var(--f-collapse-item-transition-duration);
+  transition: all var(--f-collapse-item-transition-duration);
 }
 .f-collapse-item__header[data-v-d69a6c2b]:hover {
   background: var(--f-collapse-item-header-hover-bg);
 }
+.f-collapse-item__header:hover .f-collapse-item__icon[data-v-d69a6c2b] {
+  color: #ec4899;
+}
 .f-collapse-item__header-title[data-v-d69a6c2b] {
+  flex: 1;
   font-size: 14px;
   font-weight: 500;
 }
 .f-collapse-item__icon[data-v-d69a6c2b] {
   flex-shrink: 0;
-  color: var(--f-collapse-item-content-color);
-  transition: transform var(--f-collapse-item-transition-duration);
+  margin-left: auto;
+  color: #94a3b8;
+  transition: all var(--f-collapse-item-transition-duration);
 }
 .f-collapse-item--active .f-collapse-item__icon[data-v-d69a6c2b] {
   transform: rotate(180deg);
+  color: #ec4899;
 }
 .f-collapse-item--disabled .f-collapse-item__header[data-v-d69a6c2b] {
   cursor: not-allowed;
@@ -14239,15 +14263,15 @@ to {
 }
 .f-timeline-item__tail[data-v-235d4634] {
   position: absolute;
-  top: 24px;
+  top: 26px;
   left: 11px;
-  height: calc(100% - 24px);
+  height: calc(100% - 26px);
   border-left: 2px solid #e2e8f0;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .f-timeline-item__node[data-v-235d4634] {
   position: absolute;
-  top: 0;
+  top: 2px;
   left: 0;
   display: flex;
   align-items: center;
@@ -14290,6 +14314,7 @@ to {
   align-items: center;
   gap: 12px;
   margin-bottom: 8px;
+  line-height: 24px;
   min-height: 24px;
 }
 .f-timeline-item__header.is-clickable[data-v-235d4634] {
@@ -14312,6 +14337,7 @@ to {
   color: #94a3b8;
   transition: color 0.3s;
   white-space: nowrap;
+  line-height: 24px;
 }
 .f-timeline-item__title[data-v-235d4634] {
   flex: 1;
@@ -14319,11 +14345,16 @@ to {
   font-weight: 500;
   color: #1e293b;
   transition: color 0.3s;
+  line-height: 24px;
 }
 .f-timeline-item__collapse-icon[data-v-235d4634] {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
+  margin-left: auto;
+  width: 24px;
+  height: 24px;
   color: #94a3b8;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -14340,6 +14371,9 @@ to {
   line-height: 1.6;
   padding-top: 4px;
 }
+.f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon[data-v-235d4634] {
+  color: #ec4899;
+}
 .f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon[data-v-235d4634] svg {
   transform: rotate(180deg);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fantasia-ui",
   "private": false,
-  "version": "0.6.3",
+  "version": "0.6.5",
   "type": "module",
   "main": "dist/fantasia-ui.umd.js",
   "module": "dist/fantasia-ui.es.js",
@@ -36,7 +36,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/ShusterLi/fantasia-ui.git"
+    "url": "git+https://github.com/ShusterLi/fantasia-ui.git"
   },
   "bugs": {
     "url": "https://github.com/ShusterLi/fantasia-ui/issues"