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.
@@ -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-04ecda2b] {
6699
+ }.f-upload[data-v-ab699abf] {
6700
6700
  display: flex;
6701
6701
  flex-direction: column;
6702
- gap: 0.5rem;
6702
+ gap: 12px;
6703
6703
  }
6704
- .f-upload__trigger[data-v-04ecda2b] {
6704
+ .f-upload__trigger[data-v-ab699abf] {
6705
6705
  display: inline-block;
6706
6706
  cursor: pointer;
6707
6707
  }
6708
- .f-upload__zone[data-v-04ecda2b] {
6709
- height: 11rem;
6708
+ .f-upload__zone[data-v-ab699abf] {
6709
+ height: 180px;
6710
6710
  width: 100%;
6711
- border: 2px dashed #e2e8f0;
6712
- border-radius: 8px;
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: 1.25rem;
6717
+ padding: 20px;
6718
6718
  text-align: center;
6719
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6719
+ transition: all 0.2s;
6720
6720
  }
6721
- .f-upload__zone[data-v-04ecda2b]:hover {
6722
- border-color: #818cf8;
6723
- background: rgba(248, 250, 252, 0.3);
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-04ecda2b] {
6726
- border-color: #6366f1;
6727
- background: rgba(238, 242, 255, 0.2);
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-04ecda2b] {
6729
+ .f-upload__input[data-v-ab699abf] {
6730
6730
  display: none;
6731
6731
  }
6732
- .f-upload__title[data-v-04ecda2b] {
6733
- font-size: 0.75rem;
6734
- font-weight: 700;
6735
- color: #334155;
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-04ecda2b] {
6738
- font-size: 0.625rem;
6739
- font-weight: 700;
6740
- color: #94a3b8;
6741
- margin-top: 0.25rem;
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-04ecda2b] {
6744
+ .f-upload__list[data-v-ab699abf] {
6745
6745
  display: flex;
6746
6746
  flex-direction: column;
6747
- gap: 0.4rem;
6747
+ gap: 8px;
6748
6748
  }
6749
- .f-upload__file-item[data-v-04ecda2b] {
6749
+ .f-upload__file-item[data-v-ab699abf] {
6750
6750
  display: flex;
6751
6751
  align-items: center;
6752
- gap: 0.5rem;
6753
- padding: 0.5rem 0.75rem;
6754
- background: rgba(238, 242, 255, 0.5);
6755
- border: 1px solid #e0e7ff;
6756
- border-radius: 6px;
6757
- font-size: 0.75rem;
6758
- color: #4338ca;
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--error[data-v-04ecda2b] {
6761
- background: rgba(254, 226, 226, 0.5);
6762
- border-color: #fecaca;
6763
- color: #b91c1c;
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--success[data-v-04ecda2b] {
6766
- border-color: #bbf7d0;
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-04ecda2b] {
6776
+ .f-upload__file-info[data-v-ab699abf] {
6769
6777
  display: flex;
6770
6778
  flex-direction: column;
6771
- gap: 0.25rem;
6779
+ gap: 4px;
6772
6780
  flex: 1;
6773
6781
  min-width: 0;
6774
6782
  }
6775
- .f-upload__file-name[data-v-04ecda2b] {
6776
- font-weight: 600;
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-04ecda2b] {
6782
- font-size: 0.6875rem;
6783
- color: #dc2626;
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;
@@ -3108,7 +3108,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
3108
3108
  input.value = "";
3109
3109
  addFiles(files);
3110
3110
  };
3111
- __expose({ retryUpload, removeFile, submitAll: () => fileList.value.filter((f) => f.status === "ready").forEach(submitUpload) });
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-04ecda2b"]]);
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: {
@@ -3109,7 +3109,16 @@ var __async = (__this, __arguments, generator) => {
3109
3109
  input.value = "";
3110
3110
  addFiles(files);
3111
3111
  };
3112
- __expose({ retryUpload, removeFile, submitAll: () => fileList.value.filter((f) => f.status === "ready").forEach(submitUpload) });
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-04ecda2b"]]);
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;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "fantasia-ui",
3
3
  "private": false,
4
- "version": "0.2.59",
4
+ "version": "0.2.60",
5
5
  "type": "module",
6
6
  "main": "dist/fantasia-ui.umd.js",
7
7
  "module": "dist/fantasia-ui.es.js",