fantasia-ui 0.2.55 → 0.2.56

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);
@@ -7733,6 +7767,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);