fantasia-ui 0.6.13 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fantasia-ui.css +194 -0
- package/dist/fantasia-ui.es.js +832 -512
- package/dist/fantasia-ui.umd.js +832 -512
- package/dist/types/packages/components/index.d.ts +2 -0
- package/dist/types/packages/components/modules/FInfiniteScroll.vue.d.ts +44 -0
- package/dist/types/packages/components/modules/FPopconfirm.vue.d.ts +43 -0
- package/dist/types/packages/types/components/index.d.ts +2 -0
- package/dist/types/packages/types/components/modules/f-infinite-scroll.d.ts +13 -0
- package/dist/types/packages/types/components/modules/f-popconfirm.d.ts +25 -0
- package/package.json +1 -1
package/dist/fantasia-ui.css
CHANGED
|
@@ -15097,6 +15097,200 @@ to {
|
|
|
15097
15097
|
max-width: 400px;
|
|
15098
15098
|
height: 300px;
|
|
15099
15099
|
}
|
|
15100
|
+
}.f-infinite-scroll[data-v-9eebd209] {
|
|
15101
|
+
position: relative;
|
|
15102
|
+
overflow-y: auto;
|
|
15103
|
+
height: 100%;
|
|
15104
|
+
}
|
|
15105
|
+
.f-infinite-scroll.is-window[data-v-9eebd209] {
|
|
15106
|
+
overflow: visible;
|
|
15107
|
+
height: auto;
|
|
15108
|
+
}
|
|
15109
|
+
.f-infinite-scroll__footer[data-v-9eebd209] {
|
|
15110
|
+
display: flex;
|
|
15111
|
+
align-items: center;
|
|
15112
|
+
justify-content: center;
|
|
15113
|
+
gap: 8px;
|
|
15114
|
+
min-height: 40px;
|
|
15115
|
+
font-size: 13px;
|
|
15116
|
+
color: var(--f-text-color-3, #999);
|
|
15117
|
+
user-select: none;
|
|
15118
|
+
}
|
|
15119
|
+
.f-infinite-scroll__footer .is-error[data-v-9eebd209] {
|
|
15120
|
+
cursor: pointer;
|
|
15121
|
+
color: var(--f-error-color, #d03050);
|
|
15122
|
+
}
|
|
15123
|
+
.f-infinite-scroll__footer .is-error[data-v-9eebd209]:hover {
|
|
15124
|
+
opacity: 0.8;
|
|
15125
|
+
}
|
|
15126
|
+
.f-infinite-scroll__spinner[data-v-9eebd209] {
|
|
15127
|
+
width: 14px;
|
|
15128
|
+
height: 14px;
|
|
15129
|
+
border: 2px solid var(--f-border-color, #e0e0e6);
|
|
15130
|
+
border-top-color: var(--f-primary-color, #18a058);
|
|
15131
|
+
border-radius: 50%;
|
|
15132
|
+
animation: f-infinite-scroll-spin-9eebd209 0.8s linear infinite;
|
|
15133
|
+
}
|
|
15134
|
+
.f-infinite-scroll__sentinel[data-v-9eebd209] {
|
|
15135
|
+
height: 1px;
|
|
15136
|
+
pointer-events: none;
|
|
15137
|
+
}
|
|
15138
|
+
@keyframes f-infinite-scroll-spin-9eebd209 {
|
|
15139
|
+
to {
|
|
15140
|
+
transform: rotate(360deg);
|
|
15141
|
+
}
|
|
15142
|
+
}.f-popconfirm[data-v-2e9378f9] {
|
|
15143
|
+
display: inline-block;
|
|
15144
|
+
}
|
|
15145
|
+
.f-popconfirm__popup[data-v-2e9378f9] {
|
|
15146
|
+
--f-popconfirm-color: var(--f-warning-color, #f0a020);
|
|
15147
|
+
position: fixed;
|
|
15148
|
+
z-index: 3000;
|
|
15149
|
+
min-width: 200px;
|
|
15150
|
+
max-width: 320px;
|
|
15151
|
+
padding: 12px 14px;
|
|
15152
|
+
box-sizing: border-box;
|
|
15153
|
+
background: var(--f-popover-bg, #fff);
|
|
15154
|
+
border: 1px solid var(--f-border-color, #e0e0e6);
|
|
15155
|
+
border-radius: 8px;
|
|
15156
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
15157
|
+
color: var(--f-text-color-1, #333);
|
|
15158
|
+
font-size: 14px;
|
|
15159
|
+
line-height: 1.5;
|
|
15160
|
+
}
|
|
15161
|
+
.f-popconfirm__popup--primary[data-v-2e9378f9] {
|
|
15162
|
+
--f-popconfirm-color: var(--f-primary-color, #18a058);
|
|
15163
|
+
}
|
|
15164
|
+
.f-popconfirm__popup--info[data-v-2e9378f9] {
|
|
15165
|
+
--f-popconfirm-color: var(--f-info-color, #2080f0);
|
|
15166
|
+
}
|
|
15167
|
+
.f-popconfirm__popup--warning[data-v-2e9378f9] {
|
|
15168
|
+
--f-popconfirm-color: var(--f-warning-color, #f0a020);
|
|
15169
|
+
}
|
|
15170
|
+
.f-popconfirm__popup--danger[data-v-2e9378f9] {
|
|
15171
|
+
--f-popconfirm-color: var(--f-error-color, #d03050);
|
|
15172
|
+
}
|
|
15173
|
+
.f-popconfirm__body[data-v-2e9378f9] {
|
|
15174
|
+
display: flex;
|
|
15175
|
+
align-items: flex-start;
|
|
15176
|
+
gap: 8px;
|
|
15177
|
+
}
|
|
15178
|
+
.f-popconfirm__icon[data-v-2e9378f9] {
|
|
15179
|
+
display: inline-flex;
|
|
15180
|
+
flex-shrink: 0;
|
|
15181
|
+
margin-top: 2px;
|
|
15182
|
+
font-size: 18px;
|
|
15183
|
+
color: var(--f-popconfirm-color);
|
|
15184
|
+
}
|
|
15185
|
+
.f-popconfirm__main[data-v-2e9378f9] {
|
|
15186
|
+
flex: 1;
|
|
15187
|
+
min-width: 0;
|
|
15188
|
+
}
|
|
15189
|
+
.f-popconfirm__title[data-v-2e9378f9] {
|
|
15190
|
+
font-weight: 500;
|
|
15191
|
+
word-break: break-all;
|
|
15192
|
+
}
|
|
15193
|
+
.f-popconfirm__content[data-v-2e9378f9] {
|
|
15194
|
+
margin-top: 4px;
|
|
15195
|
+
font-size: 13px;
|
|
15196
|
+
color: var(--f-text-color-3, #999);
|
|
15197
|
+
word-break: break-all;
|
|
15198
|
+
}
|
|
15199
|
+
.f-popconfirm__footer[data-v-2e9378f9] {
|
|
15200
|
+
display: flex;
|
|
15201
|
+
justify-content: flex-end;
|
|
15202
|
+
gap: 8px;
|
|
15203
|
+
margin-top: 12px;
|
|
15204
|
+
}
|
|
15205
|
+
.f-popconfirm__footer .pop-btn[data-v-2e9378f9] {
|
|
15206
|
+
display: inline-flex;
|
|
15207
|
+
align-items: center;
|
|
15208
|
+
justify-content: center;
|
|
15209
|
+
gap: 6px;
|
|
15210
|
+
height: 28px;
|
|
15211
|
+
padding: 0 12px;
|
|
15212
|
+
font-size: 13px;
|
|
15213
|
+
color: var(--f-text-color-2, #555);
|
|
15214
|
+
background: transparent;
|
|
15215
|
+
border: 1px solid var(--f-border-color, #e0e0e6);
|
|
15216
|
+
border-radius: 4px;
|
|
15217
|
+
cursor: pointer;
|
|
15218
|
+
transition: all 0.2s;
|
|
15219
|
+
}
|
|
15220
|
+
.f-popconfirm__footer .pop-btn[data-v-2e9378f9]:hover:not(:disabled) {
|
|
15221
|
+
color: var(--f-popconfirm-color);
|
|
15222
|
+
border-color: var(--f-popconfirm-color);
|
|
15223
|
+
}
|
|
15224
|
+
.f-popconfirm__footer .pop-btn[data-v-2e9378f9]:disabled {
|
|
15225
|
+
cursor: not-allowed;
|
|
15226
|
+
opacity: 0.6;
|
|
15227
|
+
}
|
|
15228
|
+
.f-popconfirm__footer .pop-btn.is-confirm[data-v-2e9378f9] {
|
|
15229
|
+
color: #fff;
|
|
15230
|
+
background: var(--f-popconfirm-color);
|
|
15231
|
+
border-color: var(--f-popconfirm-color);
|
|
15232
|
+
}
|
|
15233
|
+
.f-popconfirm__footer .pop-btn.is-confirm[data-v-2e9378f9]:hover:not(:disabled) {
|
|
15234
|
+
color: #fff;
|
|
15235
|
+
opacity: 0.85;
|
|
15236
|
+
}
|
|
15237
|
+
.f-popconfirm__footer .pop-btn__spinner[data-v-2e9378f9] {
|
|
15238
|
+
width: 12px;
|
|
15239
|
+
height: 12px;
|
|
15240
|
+
border: 2px solid rgba(255, 255, 255, 0.4);
|
|
15241
|
+
border-top-color: #fff;
|
|
15242
|
+
border-radius: 50%;
|
|
15243
|
+
animation: f-popconfirm-spin-2e9378f9 0.8s linear infinite;
|
|
15244
|
+
}
|
|
15245
|
+
.f-popconfirm__arrow[data-v-2e9378f9] {
|
|
15246
|
+
position: absolute;
|
|
15247
|
+
width: 10px;
|
|
15248
|
+
height: 10px;
|
|
15249
|
+
background: var(--f-popover-bg, #fff);
|
|
15250
|
+
border: 1px solid var(--f-border-color, #e0e0e6);
|
|
15251
|
+
transform: rotate(45deg);
|
|
15252
|
+
}
|
|
15253
|
+
.f-popconfirm__popup.is-top .f-popconfirm__arrow[data-v-2e9378f9] {
|
|
15254
|
+
bottom: -6px;
|
|
15255
|
+
left: var(--arrow-offset);
|
|
15256
|
+
margin-left: -5px;
|
|
15257
|
+
border-top-color: transparent;
|
|
15258
|
+
border-left-color: transparent;
|
|
15259
|
+
}
|
|
15260
|
+
.f-popconfirm__popup.is-bottom .f-popconfirm__arrow[data-v-2e9378f9] {
|
|
15261
|
+
top: -6px;
|
|
15262
|
+
left: var(--arrow-offset);
|
|
15263
|
+
margin-left: -5px;
|
|
15264
|
+
border-bottom-color: transparent;
|
|
15265
|
+
border-right-color: transparent;
|
|
15266
|
+
}
|
|
15267
|
+
.f-popconfirm__popup.is-left .f-popconfirm__arrow[data-v-2e9378f9] {
|
|
15268
|
+
right: -6px;
|
|
15269
|
+
top: var(--arrow-offset);
|
|
15270
|
+
margin-top: -5px;
|
|
15271
|
+
border-bottom-color: transparent;
|
|
15272
|
+
border-left-color: transparent;
|
|
15273
|
+
}
|
|
15274
|
+
.f-popconfirm__popup.is-right .f-popconfirm__arrow[data-v-2e9378f9] {
|
|
15275
|
+
left: -6px;
|
|
15276
|
+
top: var(--arrow-offset);
|
|
15277
|
+
margin-top: -5px;
|
|
15278
|
+
border-top-color: transparent;
|
|
15279
|
+
border-right-color: transparent;
|
|
15280
|
+
}
|
|
15281
|
+
.f-popconfirm-fade-enter-active[data-v-2e9378f9],
|
|
15282
|
+
.f-popconfirm-fade-leave-active[data-v-2e9378f9] {
|
|
15283
|
+
transition: opacity 0.15s ease, transform 0.15s ease;
|
|
15284
|
+
}
|
|
15285
|
+
.f-popconfirm-fade-enter-from[data-v-2e9378f9],
|
|
15286
|
+
.f-popconfirm-fade-leave-to[data-v-2e9378f9] {
|
|
15287
|
+
opacity: 0;
|
|
15288
|
+
transform: scale(0.96);
|
|
15289
|
+
}
|
|
15290
|
+
@keyframes f-popconfirm-spin-2e9378f9 {
|
|
15291
|
+
to {
|
|
15292
|
+
transform: rotate(360deg);
|
|
15293
|
+
}
|
|
15100
15294
|
}.f-message[data-v-a4468253] {
|
|
15101
15295
|
--f-bg: #1f1f1f;
|
|
15102
15296
|
--f-border: rgba(255, 255, 255, 0.08);
|