fantasia-ui 0.6.7 → 0.6.9

package/dist/fantasia-ui.css

@@ -3680,8 +3680,7 @@
   min-height: 0;
 }
 .f-dialog__body :deep(.f-scrollbar__wrap) {
-  overflow-y: auto !important;
-  overflow-x: hidden;
+  overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
 .f-dialog__body :deep(.f-scrollbar__view) {
@@ -3844,6 +3843,9 @@
   left: 0;
   right: 0;
 }
+.f-drawer--top, .f-drawer--bottom {
+  max-height: 80vh;
+}
 .f-drawer__header {
   display: flex;
   align-items: center;
@@ -3876,6 +3878,9 @@
   background: #f5f7fa;
   color: #606266;
 }
+.f-drawer.is-auto-size .f-drawer__body {
+  flex: 0 1 auto;
+}
 .f-drawer__body {
   flex: 1;
   min-height: 0;
@@ -4346,8 +4351,16 @@
   border-radius: 4px;
   transition: all 0.2s ease;
 }
+.f-input__prefix {
+  display: flex;
+  align-items: center;
+  padding-left: 12px;
+  color: #94a3b8;
+  font-size: 16px;
+}
 .f-input__inner {
   flex: 1;
+  min-width: 0;
   padding: 10px 12px;
   background: transparent;
   border: none;
@@ -4358,6 +4371,9 @@
 .f-input__inner::placeholder {
   color: #94a3b8;
 }
+.f-input__prefix + .f-input__inner {
+  padding-left: 8px;
+}
 .f-input__suffix {
   display: flex;
   align-items: center;
@@ -4372,6 +4388,27 @@
 .f-input__suffix .icon-btn:hover {
   color: #64748b;
 }
+.f-input__password {
+  display: none;
+}
+.f-input:hover .f-input__password, .f-input.is-focus .f-input__password {
+  display: inline-flex;
+}
+.f-input.is-round {
+  border-radius: 999px;
+}
+.f-input.is-round .f-input__inner {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix + .f-input__inner {
+  padding-left: 8px;
+}
+.f-input.is-round .f-input__suffix {
+  padding-right: 12px;
+}
 .f-input:hover {
   border-color: #ec4899;
 }
@@ -7946,7 +7983,7 @@ to {
 .fade-enter-from[data-v-3057ceb9],
 .fade-leave-to[data-v-3057ceb9] {
   opacity: 0;
-}.f-input[data-v-e5e139ea] {
+}.f-input[data-v-1316bd23] {
   position: relative;
   width: 100%;
   display: flex;
@@ -7956,8 +7993,16 @@ to {
   border-radius: 4px;
   transition: all 0.2s ease;
 }
-.f-input__inner[data-v-e5e139ea] {
+.f-input__prefix[data-v-1316bd23] {
+  display: flex;
+  align-items: center;
+  padding-left: 12px;
+  color: #94a3b8;
+  font-size: 16px;
+}
+.f-input__inner[data-v-1316bd23] {
   flex: 1;
+  min-width: 0;
   padding: 10px 12px;
   background: transparent;
   border: none;
@@ -7965,36 +8010,60 @@ to {
   color: #1e293b;
   outline: none;
 }
-.f-input__inner[data-v-e5e139ea]::placeholder {
+.f-input__inner[data-v-1316bd23]::placeholder {
   color: #94a3b8;
 }
-.f-input__suffix[data-v-e5e139ea] {
+.f-input__prefix + .f-input__inner[data-v-1316bd23] {
+  padding-left: 8px;
+}
+.f-input__suffix[data-v-1316bd23] {
   display: flex;
   align-items: center;
   padding-right: 8px;
   gap: 4px;
   color: #94a3b8;
 }
-.f-input__suffix .icon-btn[data-v-e5e139ea] {
+.f-input__suffix .icon-btn[data-v-1316bd23] {
   cursor: pointer;
   transition: color 0.2s;
 }
-.f-input__suffix .icon-btn[data-v-e5e139ea]:hover {
+.f-input__suffix .icon-btn[data-v-1316bd23]:hover {
   color: #64748b;
 }
-.f-input[data-v-e5e139ea]:hover {
+.f-input__password[data-v-1316bd23] {
+  display: none;
+}
+.f-input:hover .f-input__password[data-v-1316bd23], .f-input.is-focus .f-input__password[data-v-1316bd23] {
+  display: inline-flex;
+}
+.f-input.is-round[data-v-1316bd23] {
+  border-radius: 999px;
+}
+.f-input.is-round .f-input__inner[data-v-1316bd23] {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix[data-v-1316bd23] {
+  padding-left: 16px;
+}
+.f-input.is-round .f-input__prefix + .f-input__inner[data-v-1316bd23] {
+  padding-left: 8px;
+}
+.f-input.is-round .f-input__suffix[data-v-1316bd23] {
+  padding-right: 12px;
+}
+.f-input[data-v-1316bd23]:hover {
   border-color: #ec4899;
 }
-.f-input.is-focus[data-v-e5e139ea] {
+.f-input.is-focus[data-v-1316bd23] {
   background: #fff;
   border-color: #ec4899;
   box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
 }
-.f-input.is-error[data-v-e5e139ea] {
+.f-input.is-error[data-v-1316bd23] {
   border-color: #f43f5e;
   background: #fff1f2;
 }
-.f-input.is-error[data-v-e5e139ea]:focus-within {
+.f-input.is-error[data-v-1316bd23]:focus-within {
   box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
 }.f-textarea[data-v-177d85dc] {
   position: relative;
@@ -13345,37 +13414,37 @@ to {
 .f-color-picker-fade-leave-to[data-v-2cc1dd01] {
   opacity: 0;
   transform: translateY(-4px);
-}[data-v-4df701ef]:root {
+}[data-v-a6ea44eb]:root {
   --f-empty-image-color: #52525b;
   --f-empty-description-color: #71717a;
 }
-:root.light[data-v-4df701ef] {
+:root.light[data-v-a6ea44eb] {
   --f-empty-image-color: #d4d4d8;
   --f-empty-description-color: #a1a1aa;
 }
-.f-empty[data-v-4df701ef] {
+.f-empty[data-v-a6ea44eb] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 32px 0;
 }
-.f-empty__image[data-v-4df701ef] {
+.f-empty__image[data-v-a6ea44eb] {
   color: var(--f-empty-image-color);
 }
-.f-empty__image-default[data-v-4df701ef], .f-empty__image-img[data-v-4df701ef] {
+.f-empty__image-default[data-v-a6ea44eb], .f-empty__image-img[data-v-a6ea44eb] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.f-empty__description[data-v-4df701ef] {
+.f-empty__description[data-v-a6ea44eb] {
   margin-top: 12px;
   font-size: 13px;
   line-height: 1.5;
   color: var(--f-empty-description-color);
   text-align: center;
 }
-.f-empty__extra[data-v-4df701ef] {
+.f-empty__extra[data-v-a6ea44eb] {
   margin-top: 16px;
 }[data-v-ac11d4e9]:root {
   --f-slider-track-color: #333338;
@@ -14527,7 +14596,7 @@ to {
 .f-timeline-item__content[data-v-235d4634] {
     font-size: 13px;
 }
-}.f-dialog-overlay[data-v-cae03335] {
+}.f-dialog-overlay[data-v-b15f082a] {
   position: fixed;
   top: 0;
   left: 0;
@@ -14543,7 +14612,7 @@ to {
   transition: background-color 0.25s ease;
   touch-action: none;
 }
-.f-dialog[data-v-cae03335] {
+.f-dialog[data-v-b15f082a] {
   position: relative;
   background: #fff;
   border-radius: 8px;
@@ -14557,7 +14626,7 @@ to {
   will-change: transform, opacity;
   transform-origin: center;
 }
-.f-dialog__close[data-v-cae03335] {
+.f-dialog__close[data-v-b15f082a] {
   position: absolute;
   top: 16px;
   right: 16px;
@@ -14575,20 +14644,20 @@ to {
   z-index: 1;
   padding: 0;
 }
-.f-dialog__close[data-v-cae03335]:hover {
+.f-dialog__close[data-v-b15f082a]:hover {
   background: #f5f7fa;
   color: #606266;
 }
-.f-dialog__header[data-v-cae03335] {
+.f-dialog__header[data-v-b15f082a] {
   padding: 20px 20px 16px;
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.f-dialog__header.has-divider[data-v-cae03335] {
+.f-dialog__header.has-divider[data-v-b15f082a] {
   border-bottom: 1px solid #e4e7ed;
 }
-.f-dialog__icon[data-v-cae03335] {
+.f-dialog__icon[data-v-b15f082a] {
   flex-shrink: 0;
   width: 28px;
   height: 28px;
@@ -14597,11 +14666,11 @@ to {
   justify-content: center;
   border-radius: 50%;
 }
-.f-dialog__icon[data-v-cae03335] svg {
+.f-dialog__icon[data-v-b15f082a] svg {
   width: 20px;
   height: 20px;
 }
-.f-dialog__title[data-v-cae03335] {
+.f-dialog__title[data-v-b15f082a] {
   flex: 1;
   margin: 0;
   font-size: 18px;
@@ -14609,7 +14678,7 @@ to {
   color: #303133;
   line-height: 1.4;
 }
-.f-dialog__body[data-v-cae03335] {
+.f-dialog__body[data-v-b15f082a] {
   flex: 1;
   min-height: 0;
   color: #606266;
@@ -14619,98 +14688,97 @@ to {
   display: flex;
   flex-direction: column;
 }
-.f-dialog__body[data-v-cae03335] .f-scrollbar {
+.f-dialog__body[data-v-b15f082a] .f-scrollbar {
   flex: 1;
   min-height: 0;
 }
-.f-dialog__body[data-v-cae03335] .f-scrollbar__wrap {
-  overflow-y: auto !important;
-  overflow-x: hidden;
+.f-dialog__body[data-v-b15f082a] .f-scrollbar__wrap {
+  overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
-.f-dialog__body[data-v-cae03335] .f-scrollbar__view {
+.f-dialog__body[data-v-b15f082a] .f-scrollbar__view {
   padding: 20px;
 }
-.f-dialog__body p[data-v-cae03335] {
+.f-dialog__body p[data-v-b15f082a] {
   margin: 0;
 }
-.f-dialog__footer[data-v-cae03335] {
+.f-dialog__footer[data-v-b15f082a] {
   padding: 16px 20px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 12px;
 }
-.f-dialog__footer.has-divider[data-v-cae03335] {
+.f-dialog__footer.has-divider[data-v-b15f082a] {
   border-top: 1px solid #e4e7ed;
 }
-.f-dialog--info .f-dialog__icon[data-v-cae03335] {
+.f-dialog--info .f-dialog__icon[data-v-b15f082a] {
   background: #ecf5ff;
   color: #409eff;
 }
-.f-dialog--success .f-dialog__icon[data-v-cae03335] {
+.f-dialog--success .f-dialog__icon[data-v-b15f082a] {
   background: #f0f9ff;
   color: #67c23a;
 }
-.f-dialog--warning .f-dialog__icon[data-v-cae03335] {
+.f-dialog--warning .f-dialog__icon[data-v-b15f082a] {
   background: #fef0e6;
   color: #e6a23c;
 }
-.f-dialog--error .f-dialog__icon[data-v-cae03335] {
+.f-dialog--error .f-dialog__icon[data-v-b15f082a] {
   background: #fef0f0;
   color: #f56c6c;
 }
-.f-dialog--confirm .f-dialog__icon[data-v-cae03335] {
+.f-dialog--confirm .f-dialog__icon[data-v-b15f082a] {
   background: #fef0e6;
   color: #e6a23c;
 }
-.dialog-fade-enter-active[data-v-cae03335],
-.dialog-fade-leave-active[data-v-cae03335] {
+.dialog-fade-enter-active[data-v-b15f082a],
+.dialog-fade-leave-active[data-v-b15f082a] {
   transition: opacity 0.25s ease;
 }
-.dialog-fade-enter-from[data-v-cae03335],
-.dialog-fade-leave-to[data-v-cae03335] {
+.dialog-fade-enter-from[data-v-b15f082a],
+.dialog-fade-leave-to[data-v-b15f082a] {
   opacity: 0;
 }
-.dialog-enter-active[data-v-cae03335],
-.dialog-leave-active[data-v-cae03335] {
+.dialog-enter-active[data-v-b15f082a],
+.dialog-leave-active[data-v-b15f082a] {
   transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
 }
-.dialog-enter-from[data-v-cae03335],
-.dialog-leave-to[data-v-cae03335] {
+.dialog-enter-from[data-v-b15f082a],
+.dialog-leave-to[data-v-b15f082a] {
   opacity: 0;
   transform: scale(0.88) translateY(6px);
 }
-.dialog-enter-to[data-v-cae03335],
-.dialog-leave-from[data-v-cae03335] {
+.dialog-enter-to[data-v-b15f082a],
+.dialog-leave-from[data-v-b15f082a] {
   opacity: 1;
   transform: scale(1) translateY(0);
 }
 @media (max-width: 768px) {
-.f-dialog-overlay[data-v-cae03335] {
+.f-dialog-overlay[data-v-b15f082a] {
     padding: 10px;
 }
-.f-dialog[data-v-cae03335] {
+.f-dialog[data-v-b15f082a] {
     width: 95vw;
     max-height: 85vh;
 }
-.f-dialog__header[data-v-cae03335] {
+.f-dialog__header[data-v-b15f082a] {
     padding: 16px 16px 12px;
 }
-.f-dialog__body[data-v-cae03335] .f-scrollbar__view {
+.f-dialog__body[data-v-b15f082a] .f-scrollbar__view {
     padding: 16px;
 }
-.f-dialog__footer[data-v-cae03335] {
+.f-dialog__footer[data-v-b15f082a] {
     padding: 12px 16px;
 }
-}.f-drawer-backdrop[data-v-c7209ade] {
+}.f-drawer-backdrop[data-v-89aa73e0] {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1100;
   backdrop-filter: blur(2px);
 }
-.f-drawer[data-v-c7209ade] {
+.f-drawer[data-v-89aa73e0] {
   position: fixed;
   background: #fff;
   z-index: 1101;
@@ -14718,27 +14786,30 @@ to {
   flex-direction: column;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
 }
-.f-drawer--left[data-v-c7209ade] {
+.f-drawer--left[data-v-89aa73e0] {
   top: 0;
   bottom: 0;
   left: 0;
 }
-.f-drawer--right[data-v-c7209ade] {
+.f-drawer--right[data-v-89aa73e0] {
   top: 0;
   bottom: 0;
   right: 0;
 }
-.f-drawer--top[data-v-c7209ade] {
+.f-drawer--top[data-v-89aa73e0] {
   top: 0;
   left: 0;
   right: 0;
 }
-.f-drawer--bottom[data-v-c7209ade] {
+.f-drawer--bottom[data-v-89aa73e0] {
   bottom: 0;
   left: 0;
   right: 0;
 }
-.f-drawer__header[data-v-c7209ade] {
+.f-drawer--top[data-v-89aa73e0], .f-drawer--bottom[data-v-89aa73e0] {
+  max-height: 80vh;
+}
+.f-drawer__header[data-v-89aa73e0] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -14746,13 +14817,13 @@ to {
   border-bottom: 1px solid #e4e7ed;
   flex-shrink: 0;
 }
-.f-drawer__title[data-v-c7209ade] {
+.f-drawer__title[data-v-89aa73e0] {
   font-size: 18px;
   font-weight: 600;
   margin: 0;
   color: #303133;
 }
-.f-drawer__close[data-v-c7209ade] {
+.f-drawer__close[data-v-89aa73e0] {
   width: 40px;
   height: 40px;
   display: flex;
@@ -14766,64 +14837,67 @@ to {
   padding: 0;
   transition: all 0.2s;
 }
-.f-drawer__close[data-v-c7209ade]:hover {
+.f-drawer__close[data-v-89aa73e0]:hover {
   background: #f5f7fa;
   color: #606266;
 }
-.f-drawer__body[data-v-c7209ade] {
+.f-drawer.is-auto-size .f-drawer__body[data-v-89aa73e0] {
+  flex: 0 1 auto;
+}
+.f-drawer__body[data-v-89aa73e0] {
   flex: 1;
   min-height: 0;
   padding: 20px;
 }
-.f-drawer__body[data-v-c7209ade] .f-scrollbar {
+.f-drawer__body[data-v-89aa73e0] .f-scrollbar {
   height: 100%;
 }
-.f-drawer__body[data-v-c7209ade] .f-scrollbar__view {
+.f-drawer__body[data-v-89aa73e0] .f-scrollbar__view {
   padding: 0;
 }
-.f-drawer__footer[data-v-c7209ade] {
+.f-drawer__footer[data-v-89aa73e0] {
   padding: 20px;
   border-top: 1px solid #e4e7ed;
   flex-shrink: 0;
 }
-.drawer-fade-enter-active[data-v-c7209ade],
-.drawer-fade-leave-active[data-v-c7209ade] {
+.drawer-fade-enter-active[data-v-89aa73e0],
+.drawer-fade-leave-active[data-v-89aa73e0] {
   transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-fade-enter-from[data-v-c7209ade],
-.drawer-fade-leave-to[data-v-c7209ade] {
+.drawer-fade-enter-from[data-v-89aa73e0],
+.drawer-fade-leave-to[data-v-89aa73e0] {
   opacity: 0;
 }
-.drawer-left-enter-active[data-v-c7209ade],
-.drawer-left-leave-active[data-v-c7209ade] {
+.drawer-left-enter-active[data-v-89aa73e0],
+.drawer-left-leave-active[data-v-89aa73e0] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-left-enter-from[data-v-c7209ade],
-.drawer-left-leave-to[data-v-c7209ade] {
+.drawer-left-enter-from[data-v-89aa73e0],
+.drawer-left-leave-to[data-v-89aa73e0] {
   transform: translateX(-100%);
 }
-.drawer-right-enter-active[data-v-c7209ade],
-.drawer-right-leave-active[data-v-c7209ade] {
+.drawer-right-enter-active[data-v-89aa73e0],
+.drawer-right-leave-active[data-v-89aa73e0] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-right-enter-from[data-v-c7209ade],
-.drawer-right-leave-to[data-v-c7209ade] {
+.drawer-right-enter-from[data-v-89aa73e0],
+.drawer-right-leave-to[data-v-89aa73e0] {
   transform: translateX(100%);
 }
-.drawer-top-enter-active[data-v-c7209ade],
-.drawer-top-leave-active[data-v-c7209ade] {
+.drawer-top-enter-active[data-v-89aa73e0],
+.drawer-top-leave-active[data-v-89aa73e0] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-top-enter-from[data-v-c7209ade],
-.drawer-top-leave-to[data-v-c7209ade] {
+.drawer-top-enter-from[data-v-89aa73e0],
+.drawer-top-leave-to[data-v-89aa73e0] {
   transform: translateY(-100%);
 }
-.drawer-bottom-enter-active[data-v-c7209ade],
-.drawer-bottom-leave-active[data-v-c7209ade] {
+.drawer-bottom-enter-active[data-v-89aa73e0],
+.drawer-bottom-leave-active[data-v-89aa73e0] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-bottom-enter-from[data-v-c7209ade],
-.drawer-bottom-leave-to[data-v-c7209ade] {
+.drawer-bottom-enter-from[data-v-89aa73e0],
+.drawer-bottom-leave-to[data-v-89aa73e0] {
   transform: translateY(100%);
 }.crop-box[data-v-54852b1f] {
   width: 100%;