fantasia-ui 0.2.59 → 0.2.60
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
CHANGED
|
@@ -6696,91 +6696,99 @@ to {
|
|
|
6696
6696
|
color: #94a3b8;
|
|
6697
6697
|
font-weight: 700;
|
|
6698
6698
|
background: rgba(248, 250, 252, 0.5);
|
|
6699
|
-
}.f-upload[data-v-
|
|
6699
|
+
}.f-upload[data-v-ab699abf] {
|
|
6700
6700
|
display: flex;
|
|
6701
6701
|
flex-direction: column;
|
|
6702
|
-
gap:
|
|
6702
|
+
gap: 12px;
|
|
6703
6703
|
}
|
|
6704
|
-
.f-upload__trigger[data-v-
|
|
6704
|
+
.f-upload__trigger[data-v-ab699abf] {
|
|
6705
6705
|
display: inline-block;
|
|
6706
6706
|
cursor: pointer;
|
|
6707
6707
|
}
|
|
6708
|
-
.f-upload__zone[data-v-
|
|
6709
|
-
height:
|
|
6708
|
+
.f-upload__zone[data-v-ab699abf] {
|
|
6709
|
+
height: 180px;
|
|
6710
6710
|
width: 100%;
|
|
6711
|
-
border: 2px dashed #
|
|
6712
|
-
border-radius:
|
|
6711
|
+
border: 2px dashed #dcdfe6;
|
|
6712
|
+
border-radius: 4px;
|
|
6713
6713
|
display: flex;
|
|
6714
6714
|
flex-direction: column;
|
|
6715
6715
|
align-items: center;
|
|
6716
6716
|
justify-content: center;
|
|
6717
|
-
padding:
|
|
6717
|
+
padding: 20px;
|
|
6718
6718
|
text-align: center;
|
|
6719
|
-
transition: all 0.2s
|
|
6719
|
+
transition: all 0.2s;
|
|
6720
6720
|
}
|
|
6721
|
-
.f-upload__zone[data-v-
|
|
6722
|
-
border-color: #
|
|
6723
|
-
background: rgba(
|
|
6721
|
+
.f-upload__zone[data-v-ab699abf]:hover {
|
|
6722
|
+
border-color: #409eff;
|
|
6723
|
+
background: rgba(236, 245, 255, 0.3);
|
|
6724
6724
|
}
|
|
6725
|
-
.f-upload--drag .f-upload__zone[data-v-
|
|
6726
|
-
border-color: #
|
|
6727
|
-
background: rgba(
|
|
6725
|
+
.f-upload--drag .f-upload__zone[data-v-ab699abf] {
|
|
6726
|
+
border-color: #409eff;
|
|
6727
|
+
background: rgba(236, 245, 255, 0.5);
|
|
6728
6728
|
}
|
|
6729
|
-
.f-upload__input[data-v-
|
|
6729
|
+
.f-upload__input[data-v-ab699abf] {
|
|
6730
6730
|
display: none;
|
|
6731
6731
|
}
|
|
6732
|
-
.f-upload__title[data-v-
|
|
6733
|
-
font-size:
|
|
6734
|
-
font-weight:
|
|
6735
|
-
color: #
|
|
6732
|
+
.f-upload__title[data-v-ab699abf] {
|
|
6733
|
+
font-size: 14px;
|
|
6734
|
+
font-weight: 600;
|
|
6735
|
+
color: #606266;
|
|
6736
|
+
margin-top: 8px;
|
|
6736
6737
|
}
|
|
6737
|
-
.f-upload__hint[data-v-
|
|
6738
|
-
font-size:
|
|
6739
|
-
|
|
6740
|
-
|
|
6741
|
-
|
|
6742
|
-
line-height: 1.4;
|
|
6738
|
+
.f-upload__hint[data-v-ab699abf] {
|
|
6739
|
+
font-size: 12px;
|
|
6740
|
+
color: #909399;
|
|
6741
|
+
margin-top: 4px;
|
|
6742
|
+
line-height: 1.5;
|
|
6743
6743
|
}
|
|
6744
|
-
.f-upload__list[data-v-
|
|
6744
|
+
.f-upload__list[data-v-ab699abf] {
|
|
6745
6745
|
display: flex;
|
|
6746
6746
|
flex-direction: column;
|
|
6747
|
-
gap:
|
|
6747
|
+
gap: 8px;
|
|
6748
6748
|
}
|
|
6749
|
-
.f-upload__file-item[data-v-
|
|
6749
|
+
.f-upload__file-item[data-v-ab699abf] {
|
|
6750
6750
|
display: flex;
|
|
6751
6751
|
align-items: center;
|
|
6752
|
-
gap:
|
|
6753
|
-
padding:
|
|
6754
|
-
background:
|
|
6755
|
-
border: 1px solid #
|
|
6756
|
-
border-radius:
|
|
6757
|
-
font-size:
|
|
6758
|
-
color: #
|
|
6752
|
+
gap: 8px;
|
|
6753
|
+
padding: 8px 12px;
|
|
6754
|
+
background: #ecf5ff;
|
|
6755
|
+
border: 1px solid #d9ecff;
|
|
6756
|
+
border-radius: 4px;
|
|
6757
|
+
font-size: 14px;
|
|
6758
|
+
color: #409eff;
|
|
6759
|
+
transition: all 0.2s;
|
|
6759
6760
|
}
|
|
6760
|
-
.f-upload__file-item--
|
|
6761
|
-
background:
|
|
6762
|
-
border-color: #
|
|
6763
|
-
color: #
|
|
6761
|
+
.f-upload__file-item--uploading[data-v-ab699abf] {
|
|
6762
|
+
background: #ecf5ff;
|
|
6763
|
+
border-color: #d9ecff;
|
|
6764
|
+
color: #409eff;
|
|
6764
6765
|
}
|
|
6765
|
-
.f-upload__file-item--
|
|
6766
|
-
|
|
6766
|
+
.f-upload__file-item--error[data-v-ab699abf] {
|
|
6767
|
+
background: #fef0f0;
|
|
6768
|
+
border-color: #fde2e2;
|
|
6769
|
+
color: #f56c6c;
|
|
6770
|
+
}
|
|
6771
|
+
.f-upload__file-item--success[data-v-ab699abf] {
|
|
6772
|
+
background: #f0f9ff;
|
|
6773
|
+
border-color: #e1f3d8;
|
|
6774
|
+
color: #67c23a;
|
|
6767
6775
|
}
|
|
6768
|
-
.f-upload__file-info[data-v-
|
|
6776
|
+
.f-upload__file-info[data-v-ab699abf] {
|
|
6769
6777
|
display: flex;
|
|
6770
6778
|
flex-direction: column;
|
|
6771
|
-
gap:
|
|
6779
|
+
gap: 4px;
|
|
6772
6780
|
flex: 1;
|
|
6773
6781
|
min-width: 0;
|
|
6774
6782
|
}
|
|
6775
|
-
.f-upload__file-name[data-v-
|
|
6776
|
-
font-weight:
|
|
6783
|
+
.f-upload__file-name[data-v-ab699abf] {
|
|
6784
|
+
font-weight: 500;
|
|
6777
6785
|
overflow: hidden;
|
|
6778
6786
|
text-overflow: ellipsis;
|
|
6779
6787
|
white-space: nowrap;
|
|
6780
6788
|
}
|
|
6781
|
-
.f-upload__file-error[data-v-
|
|
6782
|
-
font-size:
|
|
6783
|
-
color: #
|
|
6789
|
+
.f-upload__file-error[data-v-ab699abf] {
|
|
6790
|
+
font-size: 12px;
|
|
6791
|
+
color: #f56c6c;
|
|
6784
6792
|
}.f-button-group[data-v-62561657] {
|
|
6785
6793
|
display: inline-flex;
|
|
6786
6794
|
vertical-align: middle;
|
package/dist/fantasia-ui.es.js
CHANGED
|
@@ -3108,7 +3108,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
3108
3108
|
input.value = "";
|
|
3109
3109
|
addFiles(files);
|
|
3110
3110
|
};
|
|
3111
|
-
__expose({
|
|
3111
|
+
__expose({
|
|
3112
|
+
/** 重试上传单个失败的文件 */
|
|
3113
|
+
retryUpload,
|
|
3114
|
+
/** 移除文件 */
|
|
3115
|
+
removeFile,
|
|
3116
|
+
/** 批量上传所有 ready 状态的文件 */
|
|
3117
|
+
submitAll: () => {
|
|
3118
|
+
fileList.value.filter((f) => f.status === "ready").forEach((item) => submitUpload(item));
|
|
3119
|
+
}
|
|
3120
|
+
});
|
|
3112
3121
|
return (_ctx, _cache) => {
|
|
3113
3122
|
return openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
3114
3123
|
createElementVNode("label", {
|
|
@@ -3185,7 +3194,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
3185
3194
|
};
|
|
3186
3195
|
}
|
|
3187
3196
|
});
|
|
3188
|
-
const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-
|
|
3197
|
+
const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ab699abf"]]);
|
|
3189
3198
|
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
3190
3199
|
__name: "FButtonGroup",
|
|
3191
3200
|
props: {
|
package/dist/fantasia-ui.umd.js
CHANGED
|
@@ -3109,7 +3109,16 @@ var __async = (__this, __arguments, generator) => {
|
|
|
3109
3109
|
input.value = "";
|
|
3110
3110
|
addFiles(files);
|
|
3111
3111
|
};
|
|
3112
|
-
__expose({
|
|
3112
|
+
__expose({
|
|
3113
|
+
/** 重试上传单个失败的文件 */
|
|
3114
|
+
retryUpload,
|
|
3115
|
+
/** 移除文件 */
|
|
3116
|
+
removeFile,
|
|
3117
|
+
/** 批量上传所有 ready 状态的文件 */
|
|
3118
|
+
submitAll: () => {
|
|
3119
|
+
fileList.value.filter((f) => f.status === "ready").forEach((item) => submitUpload(item));
|
|
3120
|
+
}
|
|
3121
|
+
});
|
|
3113
3122
|
return (_ctx, _cache) => {
|
|
3114
3123
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
|
|
3115
3124
|
vue.createElementVNode("label", {
|
|
@@ -3186,7 +3195,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
3186
3195
|
};
|
|
3187
3196
|
}
|
|
3188
3197
|
});
|
|
3189
|
-
const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-
|
|
3198
|
+
const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ab699abf"]]);
|
|
3190
3199
|
const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
|
3191
3200
|
__name: "FButtonGroup",
|
|
3192
3201
|
props: {
|
|
@@ -8,8 +8,11 @@ type __VLS_Slots = {} & {
|
|
|
8
8
|
default?: (props: typeof __VLS_1) => any;
|
|
9
9
|
};
|
|
10
10
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
11
|
+
/** 重试上传单个失败的文件 */
|
|
11
12
|
retryUpload: (uid: string) => void;
|
|
13
|
+
/** 移除文件 */
|
|
12
14
|
removeFile: (uid: string) => void;
|
|
15
|
+
/** 批量上传所有 ready 状态的文件 */
|
|
13
16
|
submitAll: () => void;
|
|
14
17
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
18
|
success: (file: UploadFileItem, response: string) => any;
|