fantasia-ui 0.2.55 → 0.2.58

package/dist/fantasia-ui.css

@@ -5383,12 +5383,46 @@ to {
 }.f-container[data-v-08450ddf] {
   width: 100%;
   height: 100%;
-}hr[data-v-512ee743] {
+}.f-divider[data-v-109f761f] {
+  position: relative;
+}
+.f-divider--horizontal[data-v-109f761f] {
+  display: block;
   width: 100%;
-  border-top: 2px solid var(--el-color-primary);
-  height: 1px;
+  height: 0;
   margin: 24px 0;
-  border-radius: 2px;
+}
+.f-divider--horizontal.f-divider--with-text[data-v-109f761f] {
+  display: flex;
+  align-items: center;
+  margin: 24px 0;
+  color: #909399;
+  font-size: 14px;
+}
+.f-divider--vertical[data-v-109f761f] {
+  display: inline-block;
+  width: 0;
+  vertical-align: middle;
+}
+.f-divider__line[data-v-109f761f] {
+  flex: 1;
+  min-width: 10%;
+}
+.f-divider__text[data-v-109f761f] {
+  padding: 0 16px;
+  white-space: nowrap;
+  font-weight: 500;
+}
+.f-divider--left .f-divider__line[data-v-109f761f]:first-child {
+  flex: 0;
+  min-width: 5%;
+}
+.f-divider--right .f-divider__line[data-v-109f761f]:last-child {
+  flex: 0;
+  min-width: 5%;
+}
+.f-divider--center .f-divider__line[data-v-109f761f] {
+  flex: 1;
 }.f-avatar[data-v-b3665268] {
   background-color: var(--surface);
   color: var(--text-dim);
@@ -6662,73 +6696,52 @@ to {
   color: #94a3b8;
   font-weight: 700;
   background: rgba(248, 250, 252, 0.5);
-}.f-upload[data-v-8e954b9a] {
+}.f-upload[data-v-6bdc061f] {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
-.f-upload__zone[data-v-8e954b9a] {
+.f-upload__trigger[data-v-6bdc061f] {
+  display: inline-block;
+  cursor: pointer;
+}
+.f-upload__zone[data-v-6bdc061f] {
   height: 11rem;
+  width: 100%;
   border: 2px dashed #e2e8f0;
   border-radius: 8px;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 1.25rem;
   text-align: center;
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.f-upload__zone[data-v-8e954b9a]:hover {
+.f-upload__zone[data-v-6bdc061f]:hover {
   border-color: #818cf8;
   background: rgba(248, 250, 252, 0.3);
 }
-.f-upload--drag[data-v-8e954b9a] {
+.f-upload--drag .f-upload__zone[data-v-6bdc061f] {
   border-color: #6366f1;
   background: rgba(238, 242, 255, 0.2);
 }
-.f-upload__input[data-v-8e954b9a] {
+.f-upload__input[data-v-6bdc061f] {
   display: none;
 }
-.f-upload__label[data-v-8e954b9a] {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  cursor: pointer;
-}
-.f-upload__button[data-v-8e954b9a] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 2.5rem;
-  padding: 0 1rem;
-  border-radius: 9999px;
-  background: linear-gradient(135deg, #ec4899, #a855f7);
-  color: #fff;
-  cursor: pointer;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
-  box-shadow: 0 6px 16px rgba(168, 85, 247, 0.2);
-}
-.f-upload__button[data-v-8e954b9a]:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 10px 18px rgba(168, 85, 247, 0.24);
-}
-.f-upload__title[data-v-8e954b9a] {
+.f-upload__title[data-v-6bdc061f] {
   font-size: 0.75rem;
   font-weight: 700;
   color: #334155;
 }
-.f-upload__hint[data-v-8e954b9a] {
+.f-upload__hint[data-v-6bdc061f] {
   font-size: 0.625rem;
   font-weight: 700;
   color: #94a3b8;
   margin-top: 0.25rem;
   line-height: 1.4;
 }
-.f-upload__file-item[data-v-8e954b9a] {
+.f-upload__file-item[data-v-6bdc061f] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -6739,14 +6752,14 @@ to {
   font-size: 0.75rem;
   color: #4338ca;
 }
-.f-upload__file-info[data-v-8e954b9a] {
+.f-upload__file-info[data-v-6bdc061f] {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
   flex: 1;
   min-width: 0;
 }
-.f-upload__file-name[data-v-8e954b9a] {
+.f-upload__file-name[data-v-6bdc061f] {
   font-weight: 600;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7733,6 +7746,123 @@ to {
 .dialog-leave-from {
   opacity: 1;
   transform: scale(1) translateY(0);
+}.f-drawer-backdrop[data-v-c932e83d] {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1100;
+  backdrop-filter: blur(2px);
+}
+.f-drawer[data-v-c932e83d] {
+  position: fixed;
+  background: #fff;
+  z-index: 1101;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
+}
+.f-drawer--left[data-v-c932e83d] {
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.f-drawer--right[data-v-c932e83d] {
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+.f-drawer--top[data-v-c932e83d] {
+  top: 0;
+  left: 0;
+  right: 0;
+}
+.f-drawer--bottom[data-v-c932e83d] {
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.f-drawer__header[data-v-c932e83d] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px;
+  border-bottom: 1px solid #e4e7ed;
+  flex-shrink: 0;
+}
+.f-drawer__title[data-v-c932e83d] {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0;
+  color: #303133;
+}
+.f-drawer__close[data-v-c932e83d] {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: #909399;
+  cursor: pointer;
+  padding: 0;
+  transition: all 0.2s;
+}
+.f-drawer__close[data-v-c932e83d]:hover {
+  background: #f5f7fa;
+  color: #606266;
+}
+.f-drawer__body[data-v-c932e83d] {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 20px;
+}
+.f-drawer__footer[data-v-c932e83d] {
+  padding: 20px;
+  border-top: 1px solid #e4e7ed;
+  flex-shrink: 0;
+}
+.drawer-fade-enter-active[data-v-c932e83d],
+.drawer-fade-leave-active[data-v-c932e83d] {
+  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.drawer-fade-enter-from[data-v-c932e83d],
+.drawer-fade-leave-to[data-v-c932e83d] {
+  opacity: 0;
+}
+.drawer-left-enter-active[data-v-c932e83d],
+.drawer-left-leave-active[data-v-c932e83d] {
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.drawer-left-enter-from[data-v-c932e83d],
+.drawer-left-leave-to[data-v-c932e83d] {
+  transform: translateX(-100%);
+}
+.drawer-right-enter-active[data-v-c932e83d],
+.drawer-right-leave-active[data-v-c932e83d] {
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.drawer-right-enter-from[data-v-c932e83d],
+.drawer-right-leave-to[data-v-c932e83d] {
+  transform: translateX(100%);
+}
+.drawer-top-enter-active[data-v-c932e83d],
+.drawer-top-leave-active[data-v-c932e83d] {
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.drawer-top-enter-from[data-v-c932e83d],
+.drawer-top-leave-to[data-v-c932e83d] {
+  transform: translateY(-100%);
+}
+.drawer-bottom-enter-active[data-v-c932e83d],
+.drawer-bottom-leave-active[data-v-c932e83d] {
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.drawer-bottom-enter-from[data-v-c932e83d],
+.drawer-bottom-leave-to[data-v-c932e83d] {
+  transform: translateY(100%);
 }.f-message[data-v-97556afa] {
   --f-bg: #1f1f1f;
   --f-border: rgba(255, 255, 255, 0.08);