fantasia-ui 0.2.56 → 0.2.58

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,73 +6696,52 @@ to {
6696
6696
  color: #94a3b8;
6697
6697
  font-weight: 700;
6698
6698
  background: rgba(248, 250, 252, 0.5);
6699
- }.f-upload[data-v-8e954b9a] {
6699
+ }.f-upload[data-v-6bdc061f] {
6700
6700
  display: flex;
6701
6701
  flex-direction: column;
6702
6702
  gap: 0.5rem;
6703
6703
  }
6704
- .f-upload__zone[data-v-8e954b9a] {
6704
+ .f-upload__trigger[data-v-6bdc061f] {
6705
+ display: inline-block;
6706
+ cursor: pointer;
6707
+ }
6708
+ .f-upload__zone[data-v-6bdc061f] {
6705
6709
  height: 11rem;
6710
+ width: 100%;
6706
6711
  border: 2px dashed #e2e8f0;
6707
6712
  border-radius: 8px;
6708
6713
  display: flex;
6714
+ flex-direction: column;
6709
6715
  align-items: center;
6710
6716
  justify-content: center;
6711
6717
  padding: 1.25rem;
6712
6718
  text-align: center;
6713
6719
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
6714
6720
  }
6715
- .f-upload__zone[data-v-8e954b9a]:hover {
6721
+ .f-upload__zone[data-v-6bdc061f]:hover {
6716
6722
  border-color: #818cf8;
6717
6723
  background: rgba(248, 250, 252, 0.3);
6718
6724
  }
6719
- .f-upload--drag[data-v-8e954b9a] {
6725
+ .f-upload--drag .f-upload__zone[data-v-6bdc061f] {
6720
6726
  border-color: #6366f1;
6721
6727
  background: rgba(238, 242, 255, 0.2);
6722
6728
  }
6723
- .f-upload__input[data-v-8e954b9a] {
6729
+ .f-upload__input[data-v-6bdc061f] {
6724
6730
  display: none;
6725
6731
  }
6726
- .f-upload__label[data-v-8e954b9a] {
6727
- width: 100%;
6728
- height: 100%;
6729
- display: flex;
6730
- flex-direction: column;
6731
- align-items: center;
6732
- justify-content: center;
6733
- gap: 0.5rem;
6734
- cursor: pointer;
6735
- }
6736
- .f-upload__button[data-v-8e954b9a] {
6737
- display: inline-flex;
6738
- align-items: center;
6739
- justify-content: center;
6740
- min-height: 2.5rem;
6741
- padding: 0 1rem;
6742
- border-radius: 9999px;
6743
- background: linear-gradient(135deg, #ec4899, #a855f7);
6744
- color: #fff;
6745
- cursor: pointer;
6746
- transition: transform 0.2s ease, box-shadow 0.2s ease;
6747
- box-shadow: 0 6px 16px rgba(168, 85, 247, 0.2);
6748
- }
6749
- .f-upload__button[data-v-8e954b9a]:hover {
6750
- transform: translateY(-1px);
6751
- box-shadow: 0 10px 18px rgba(168, 85, 247, 0.24);
6752
- }
6753
- .f-upload__title[data-v-8e954b9a] {
6732
+ .f-upload__title[data-v-6bdc061f] {
6754
6733
  font-size: 0.75rem;
6755
6734
  font-weight: 700;
6756
6735
  color: #334155;
6757
6736
  }
6758
- .f-upload__hint[data-v-8e954b9a] {
6737
+ .f-upload__hint[data-v-6bdc061f] {
6759
6738
  font-size: 0.625rem;
6760
6739
  font-weight: 700;
6761
6740
  color: #94a3b8;
6762
6741
  margin-top: 0.25rem;
6763
6742
  line-height: 1.4;
6764
6743
  }
6765
- .f-upload__file-item[data-v-8e954b9a] {
6744
+ .f-upload__file-item[data-v-6bdc061f] {
6766
6745
  display: flex;
6767
6746
  align-items: center;
6768
6747
  gap: 0.5rem;
@@ -6773,14 +6752,14 @@ to {
6773
6752
  font-size: 0.75rem;
6774
6753
  color: #4338ca;
6775
6754
  }
6776
- .f-upload__file-info[data-v-8e954b9a] {
6755
+ .f-upload__file-info[data-v-6bdc061f] {
6777
6756
  display: flex;
6778
6757
  flex-direction: column;
6779
6758
  gap: 0.25rem;
6780
6759
  flex: 1;
6781
6760
  min-width: 0;
6782
6761
  }
6783
- .f-upload__file-name[data-v-8e954b9a] {
6762
+ .f-upload__file-name[data-v-6bdc061f] {
6784
6763
  font-weight: 600;
6785
6764
  overflow: hidden;
6786
6765
  text-overflow: ellipsis;
@@ -721,8 +721,8 @@ const _hoisted_7$5 = {
721
721
  key: 0,
722
722
  class: "page-btn ellipsis"
723
723
  };
724
- const _hoisted_8$4 = ["onClick"];
725
- const _hoisted_9$4 = {
724
+ const _hoisted_8$3 = ["onClick"];
725
+ const _hoisted_9$3 = {
726
726
  key: 5,
727
727
  class: "f-pagination__jump"
728
728
  };
@@ -817,7 +817,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
817
817
  key: 1,
818
818
  class: normalizeClass(["page-btn", { active: currentPage.value === page }]),
819
819
  onClick: ($event) => go(page)
820
- }, toDisplayString(page), 11, _hoisted_8$4))
820
+ }, toDisplayString(page), 11, _hoisted_8$3))
821
821
  ], 64);
822
822
  }), 128))
823
823
  ])) : item === "next" ? (openBlock(), createElementBlock("button", {
@@ -831,7 +831,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
831
831
  ]),
832
832
  _: 1
833
833
  })
834
- ], 2)) : item === "jumper" ? (openBlock(), createElementBlock("div", _hoisted_9$4, [
834
+ ], 2)) : item === "jumper" ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
835
835
  _cache[3] || (_cache[3] = createElementVNode("span", { class: "jump-label" }, "前往", -1)),
836
836
  withDirectives(createElementVNode("input", {
837
837
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(jumpInput) ? jumpInput.value = $event : null),
@@ -881,11 +881,11 @@ const _hoisted_7$4 = {
881
881
  key: 0,
882
882
  class: "f-card__header-extra"
883
883
  };
884
- const _hoisted_8$3 = {
884
+ const _hoisted_8$2 = {
885
885
  key: 1,
886
886
  class: "f-card__cover"
887
887
  };
888
- const _hoisted_9$3 = { class: "f-card__content" };
888
+ const _hoisted_9$2 = { class: "f-card__content" };
889
889
  const _hoisted_10$2 = {
890
890
  key: 0,
891
891
  class: "f-card__body"
@@ -928,10 +928,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
928
928
  renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
929
929
  ])) : createCommentVNode("", true)
930
930
  ])) : createCommentVNode("", true),
931
- _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
931
+ _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
932
932
  renderSlot(_ctx.$slots, "cover", {}, void 0, true)
933
933
  ])) : createCommentVNode("", true),
934
- createElementVNode("div", _hoisted_9$3, [
934
+ createElementVNode("div", _hoisted_9$2, [
935
935
  _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
936
936
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
937
937
  ])) : createCommentVNode("", true),
@@ -2382,8 +2382,8 @@ const _hoisted_4$a = ["onClick"];
2382
2382
  const _hoisted_5$7 = { class: "f-transfer__actions" };
2383
2383
  const _hoisted_6$6 = ["disabled"];
2384
2384
  const _hoisted_7$3 = ["disabled"];
2385
- const _hoisted_8$2 = { class: "f-transfer__panel" };
2386
- const _hoisted_9$2 = { class: "f-transfer__header" };
2385
+ const _hoisted_8$1 = { class: "f-transfer__panel" };
2386
+ const _hoisted_9$1 = { class: "f-transfer__header" };
2387
2387
  const _hoisted_10$1 = { class: "f-transfer__list" };
2388
2388
  const _hoisted_11$1 = ["onClick"];
2389
2389
  const _sfc_main$k = /* @__PURE__ */ defineComponent({
@@ -2468,8 +2468,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
2468
2468
  onClick: _cache[1] || (_cache[1] = ($event) => moveSelected("left"))
2469
2469
  }, " ← ", 8, _hoisted_7$3)
2470
2470
  ]),
2471
- createElementVNode("div", _hoisted_8$2, [
2472
- createElementVNode("div", _hoisted_9$2, toDisplayString(_ctx.rightTitle), 1),
2471
+ createElementVNode("div", _hoisted_8$1, [
2472
+ createElementVNode("div", _hoisted_9$1, toDisplayString(_ctx.rightTitle), 1),
2473
2473
  createElementVNode("ul", _hoisted_10$1, [
2474
2474
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rightList), (item) => {
2475
2475
  return openBlock(), createElementBlock("li", {
@@ -2805,8 +2805,8 @@ const _hoisted_6$4 = {
2805
2805
  class: "f-table__th f-table__th--index"
2806
2806
  };
2807
2807
  const _hoisted_7$2 = { class: "f-table__th-inner" };
2808
- const _hoisted_8$1 = { class: "f-table__body" };
2809
- const _hoisted_9$1 = {
2808
+ const _hoisted_8 = { class: "f-table__body" };
2809
+ const _hoisted_9 = {
2810
2810
  key: 0,
2811
2811
  class: "f-table__spacer"
2812
2812
  };
@@ -2928,8 +2928,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
2928
2928
  }), 128))
2929
2929
  ])
2930
2930
  ]),
2931
- createElementVNode("tbody", _hoisted_8$1, [
2932
- unref(offsetTop) > 0 ? (openBlock(), createElementBlock("tr", _hoisted_9$1, [
2931
+ createElementVNode("tbody", _hoisted_8, [
2932
+ unref(offsetTop) > 0 ? (openBlock(), createElementBlock("tr", _hoisted_9, [
2933
2933
  createElementVNode("td", {
2934
2934
  colspan: unref(colSpan),
2935
2935
  style: normalizeStyle({ height: unref(offsetTop) + "px" })
@@ -2995,28 +2995,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
2995
2995
  });
2996
2996
  const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-01724962"]]);
2997
2997
  const _hoisted_1$c = { class: "f-upload" };
2998
- const _hoisted_2$a = { class: "f-upload__label" };
2999
- const _hoisted_3$a = ["accept"];
2998
+ const _hoisted_2$a = ["accept"];
2999
+ const _hoisted_3$a = { class: "f-upload__zone" };
3000
3000
  const _hoisted_4$7 = { class: "f-upload__hint" };
3001
3001
  const _hoisted_5$4 = {
3002
- key: 1,
3003
- class: "f-upload__button"
3004
- };
3005
- const _hoisted_6$3 = ["accept"];
3006
- const _hoisted_7$1 = {
3007
- key: 2,
3002
+ key: 0,
3008
3003
  class: "f-upload__file-item"
3009
3004
  };
3010
- const _hoisted_8 = { class: "f-upload__file-info" };
3011
- const _hoisted_9 = { class: "f-upload__file-name" };
3005
+ const _hoisted_6$3 = { class: "f-upload__file-info" };
3006
+ const _hoisted_7$1 = { class: "f-upload__file-name" };
3012
3007
  const _sfc_main$g = /* @__PURE__ */ defineComponent({
3013
3008
  __name: "FUpload",
3014
3009
  props: /* @__PURE__ */ mergeModels({
3015
3010
  accept: {},
3016
3011
  limit: {},
3017
3012
  progress: {},
3018
- buttonMode: { type: Boolean, default: false },
3019
- buttonText: { default: "选择文件" },
3020
3013
  hint: { default: "支持 .xlsx .xls .json .txt" }
3021
3014
  }, {
3022
3015
  "file": { default: "" },
@@ -3025,7 +3018,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
3025
3018
  emits: /* @__PURE__ */ mergeModels(["change", "exceed"], ["update:file"]),
3026
3019
  setup(__props, { emit: __emit }) {
3027
3020
  const file = useModel(__props, "file");
3028
- const props = __props;
3029
3021
  const emit = __emit;
3030
3022
  const dragActive = ref(false);
3031
3023
  const isCloseHover = ref(false);
@@ -3046,39 +3038,32 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
3046
3038
  dragActive.value = false;
3047
3039
  const f = (_b = (_a = e.dataTransfer) == null ? void 0 : _a.files) == null ? void 0 : _b[0];
3048
3040
  if (!f) return;
3049
- if (props.limit && f.size > props.limit) {
3050
- emit("exceed", f);
3051
- return;
3052
- }
3053
3041
  emit("change", f);
3054
3042
  };
3055
3043
  const onFileChange = (e) => {
3056
3044
  var _a;
3057
- const f = (_a = e.target.files) == null ? void 0 : _a[0];
3045
+ const input = e.target;
3046
+ const f = (_a = input.files) == null ? void 0 : _a[0];
3058
3047
  if (!f) return;
3059
- if (props.limit && f.size > props.limit) {
3060
- emit("exceed", f);
3061
- return;
3062
- }
3063
3048
  emit("change", f);
3049
+ input.value = "";
3064
3050
  };
3065
3051
  return (_ctx, _cache) => {
3066
3052
  return openBlock(), createElementBlock("div", _hoisted_1$c, [
3067
- !_ctx.buttonMode ? (openBlock(), createElementBlock("div", {
3068
- key: 0,
3069
- class: normalizeClass(["f-upload__zone", { "f-upload--drag": unref(dragActive) }]),
3053
+ createElementVNode("label", {
3054
+ class: normalizeClass(["f-upload__trigger", { "f-upload--drag": unref(dragActive) }]),
3070
3055
  onDragover: onDragOver,
3071
3056
  onDragleave: onDragLeave,
3072
3057
  onDrop
3073
3058
  }, [
3074
- createElementVNode("label", _hoisted_2$a, [
3075
- createElementVNode("input", {
3076
- type: "file",
3077
- accept: _ctx.accept,
3078
- class: "f-upload__input",
3079
- onChange: onFileChange
3080
- }, null, 40, _hoisted_3$a),
3081
- renderSlot(_ctx.$slots, "default", {}, () => [
3059
+ createElementVNode("input", {
3060
+ type: "file",
3061
+ accept: _ctx.accept,
3062
+ class: "f-upload__input",
3063
+ onChange: onFileChange
3064
+ }, null, 40, _hoisted_2$a),
3065
+ renderSlot(_ctx.$slots, "default", {}, () => [
3066
+ createElementVNode("div", _hoisted_3$a, [
3082
3067
  createVNode(FIcon, { size: 40 }, {
3083
3068
  default: withCtx(() => [
3084
3069
  createVNode(unref(CloudUpload))
@@ -3087,28 +3072,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
3087
3072
  }),
3088
3073
  _cache[2] || (_cache[2] = createElementVNode("span", { class: "f-upload__title" }, "点击或拖拽文件至此处", -1)),
3089
3074
  createElementVNode("span", _hoisted_4$7, toDisplayString(_ctx.hint), 1)
3090
- ], true)
3091
- ])
3092
- ], 34)) : (openBlock(), createElementBlock("label", _hoisted_5$4, [
3093
- createElementVNode("input", {
3094
- type: "file",
3095
- accept: _ctx.accept,
3096
- class: "f-upload__input",
3097
- onChange: onFileChange
3098
- }, null, 40, _hoisted_6$3),
3099
- renderSlot(_ctx.$slots, "default", {}, () => [
3100
- createElementVNode("span", null, toDisplayString(_ctx.buttonText), 1)
3075
+ ])
3101
3076
  ], true)
3102
- ])),
3103
- file.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
3077
+ ], 34),
3078
+ file.value ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
3104
3079
  createVNode(FIcon, null, {
3105
3080
  default: withCtx(() => [
3106
3081
  createVNode(unref(DocumentOutline))
3107
3082
  ]),
3108
3083
  _: 1
3109
3084
  }),
3110
- createElementVNode("div", _hoisted_8, [
3111
- createElementVNode("span", _hoisted_9, toDisplayString(file.value), 1),
3085
+ createElementVNode("div", _hoisted_6$3, [
3086
+ createElementVNode("span", _hoisted_7$1, toDisplayString(file.value), 1),
3112
3087
  _ctx.progress != null ? (openBlock(), createBlock(FProgress, {
3113
3088
  key: 0,
3114
3089
  percent: _ctx.progress,
@@ -3131,7 +3106,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
3131
3106
  };
3132
3107
  }
3133
3108
  });
3134
- const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-8e954b9a"]]);
3109
+ const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-6bdc061f"]]);
3135
3110
  const _sfc_main$f = /* @__PURE__ */ defineComponent({
3136
3111
  __name: "FButtonGroup",
3137
3112
  props: {
@@ -722,8 +722,8 @@ var __async = (__this, __arguments, generator) => {
722
722
  key: 0,
723
723
  class: "page-btn ellipsis"
724
724
  };
725
- const _hoisted_8$4 = ["onClick"];
726
- const _hoisted_9$4 = {
725
+ const _hoisted_8$3 = ["onClick"];
726
+ const _hoisted_9$3 = {
727
727
  key: 5,
728
728
  class: "f-pagination__jump"
729
729
  };
@@ -818,7 +818,7 @@ var __async = (__this, __arguments, generator) => {
818
818
  key: 1,
819
819
  class: vue.normalizeClass(["page-btn", { active: currentPage.value === page }]),
820
820
  onClick: ($event) => go(page)
821
- }, vue.toDisplayString(page), 11, _hoisted_8$4))
821
+ }, vue.toDisplayString(page), 11, _hoisted_8$3))
822
822
  ], 64);
823
823
  }), 128))
824
824
  ])) : item === "next" ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -832,7 +832,7 @@ var __async = (__this, __arguments, generator) => {
832
832
  ]),
833
833
  _: 1
834
834
  })
835
- ], 2)) : item === "jumper" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$4, [
835
+ ], 2)) : item === "jumper" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, [
836
836
  _cache[3] || (_cache[3] = vue.createElementVNode("span", { class: "jump-label" }, "前往", -1)),
837
837
  vue.withDirectives(vue.createElementVNode("input", {
838
838
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(jumpInput) ? jumpInput.value = $event : null),
@@ -882,11 +882,11 @@ var __async = (__this, __arguments, generator) => {
882
882
  key: 0,
883
883
  class: "f-card__header-extra"
884
884
  };
885
- const _hoisted_8$3 = {
885
+ const _hoisted_8$2 = {
886
886
  key: 1,
887
887
  class: "f-card__cover"
888
888
  };
889
- const _hoisted_9$3 = { class: "f-card__content" };
889
+ const _hoisted_9$2 = { class: "f-card__content" };
890
890
  const _hoisted_10$2 = {
891
891
  key: 0,
892
892
  class: "f-card__body"
@@ -929,10 +929,10 @@ var __async = (__this, __arguments, generator) => {
929
929
  vue.renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
930
930
  ])) : vue.createCommentVNode("", true)
931
931
  ])) : vue.createCommentVNode("", true),
932
- _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$3, [
932
+ _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
933
933
  vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
934
934
  ])) : vue.createCommentVNode("", true),
935
- vue.createElementVNode("div", _hoisted_9$3, [
935
+ vue.createElementVNode("div", _hoisted_9$2, [
936
936
  _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
937
937
  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
938
938
  ])) : vue.createCommentVNode("", true),
@@ -2383,8 +2383,8 @@ var __async = (__this, __arguments, generator) => {
2383
2383
  const _hoisted_5$7 = { class: "f-transfer__actions" };
2384
2384
  const _hoisted_6$6 = ["disabled"];
2385
2385
  const _hoisted_7$3 = ["disabled"];
2386
- const _hoisted_8$2 = { class: "f-transfer__panel" };
2387
- const _hoisted_9$2 = { class: "f-transfer__header" };
2386
+ const _hoisted_8$1 = { class: "f-transfer__panel" };
2387
+ const _hoisted_9$1 = { class: "f-transfer__header" };
2388
2388
  const _hoisted_10$1 = { class: "f-transfer__list" };
2389
2389
  const _hoisted_11$1 = ["onClick"];
2390
2390
  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
@@ -2469,8 +2469,8 @@ var __async = (__this, __arguments, generator) => {
2469
2469
  onClick: _cache[1] || (_cache[1] = ($event) => moveSelected("left"))
2470
2470
  }, " ← ", 8, _hoisted_7$3)
2471
2471
  ]),
2472
- vue.createElementVNode("div", _hoisted_8$2, [
2473
- vue.createElementVNode("div", _hoisted_9$2, vue.toDisplayString(_ctx.rightTitle), 1),
2472
+ vue.createElementVNode("div", _hoisted_8$1, [
2473
+ vue.createElementVNode("div", _hoisted_9$1, vue.toDisplayString(_ctx.rightTitle), 1),
2474
2474
  vue.createElementVNode("ul", _hoisted_10$1, [
2475
2475
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rightList), (item) => {
2476
2476
  return vue.openBlock(), vue.createElementBlock("li", {
@@ -2806,8 +2806,8 @@ var __async = (__this, __arguments, generator) => {
2806
2806
  class: "f-table__th f-table__th--index"
2807
2807
  };
2808
2808
  const _hoisted_7$2 = { class: "f-table__th-inner" };
2809
- const _hoisted_8$1 = { class: "f-table__body" };
2810
- const _hoisted_9$1 = {
2809
+ const _hoisted_8 = { class: "f-table__body" };
2810
+ const _hoisted_9 = {
2811
2811
  key: 0,
2812
2812
  class: "f-table__spacer"
2813
2813
  };
@@ -2929,8 +2929,8 @@ var __async = (__this, __arguments, generator) => {
2929
2929
  }), 128))
2930
2930
  ])
2931
2931
  ]),
2932
- vue.createElementVNode("tbody", _hoisted_8$1, [
2933
- vue.unref(offsetTop) > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_9$1, [
2932
+ vue.createElementVNode("tbody", _hoisted_8, [
2933
+ vue.unref(offsetTop) > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_9, [
2934
2934
  vue.createElementVNode("td", {
2935
2935
  colspan: vue.unref(colSpan),
2936
2936
  style: vue.normalizeStyle({ height: vue.unref(offsetTop) + "px" })
@@ -2996,28 +2996,21 @@ var __async = (__this, __arguments, generator) => {
2996
2996
  });
2997
2997
  const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-01724962"]]);
2998
2998
  const _hoisted_1$c = { class: "f-upload" };
2999
- const _hoisted_2$a = { class: "f-upload__label" };
3000
- const _hoisted_3$a = ["accept"];
2999
+ const _hoisted_2$a = ["accept"];
3000
+ const _hoisted_3$a = { class: "f-upload__zone" };
3001
3001
  const _hoisted_4$7 = { class: "f-upload__hint" };
3002
3002
  const _hoisted_5$4 = {
3003
- key: 1,
3004
- class: "f-upload__button"
3005
- };
3006
- const _hoisted_6$3 = ["accept"];
3007
- const _hoisted_7$1 = {
3008
- key: 2,
3003
+ key: 0,
3009
3004
  class: "f-upload__file-item"
3010
3005
  };
3011
- const _hoisted_8 = { class: "f-upload__file-info" };
3012
- const _hoisted_9 = { class: "f-upload__file-name" };
3006
+ const _hoisted_6$3 = { class: "f-upload__file-info" };
3007
+ const _hoisted_7$1 = { class: "f-upload__file-name" };
3013
3008
  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
3014
3009
  __name: "FUpload",
3015
3010
  props: /* @__PURE__ */ vue.mergeModels({
3016
3011
  accept: {},
3017
3012
  limit: {},
3018
3013
  progress: {},
3019
- buttonMode: { type: Boolean, default: false },
3020
- buttonText: { default: "选择文件" },
3021
3014
  hint: { default: "支持 .xlsx .xls .json .txt" }
3022
3015
  }, {
3023
3016
  "file": { default: "" },
@@ -3026,7 +3019,6 @@ var __async = (__this, __arguments, generator) => {
3026
3019
  emits: /* @__PURE__ */ vue.mergeModels(["change", "exceed"], ["update:file"]),
3027
3020
  setup(__props, { emit: __emit }) {
3028
3021
  const file = vue.useModel(__props, "file");
3029
- const props = __props;
3030
3022
  const emit = __emit;
3031
3023
  const dragActive = vue.ref(false);
3032
3024
  const isCloseHover = vue.ref(false);
@@ -3047,39 +3039,32 @@ var __async = (__this, __arguments, generator) => {
3047
3039
  dragActive.value = false;
3048
3040
  const f = (_b = (_a = e.dataTransfer) == null ? void 0 : _a.files) == null ? void 0 : _b[0];
3049
3041
  if (!f) return;
3050
- if (props.limit && f.size > props.limit) {
3051
- emit("exceed", f);
3052
- return;
3053
- }
3054
3042
  emit("change", f);
3055
3043
  };
3056
3044
  const onFileChange = (e) => {
3057
3045
  var _a;
3058
- const f = (_a = e.target.files) == null ? void 0 : _a[0];
3046
+ const input = e.target;
3047
+ const f = (_a = input.files) == null ? void 0 : _a[0];
3059
3048
  if (!f) return;
3060
- if (props.limit && f.size > props.limit) {
3061
- emit("exceed", f);
3062
- return;
3063
- }
3064
3049
  emit("change", f);
3050
+ input.value = "";
3065
3051
  };
3066
3052
  return (_ctx, _cache) => {
3067
3053
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
3068
- !_ctx.buttonMode ? (vue.openBlock(), vue.createElementBlock("div", {
3069
- key: 0,
3070
- class: vue.normalizeClass(["f-upload__zone", { "f-upload--drag": vue.unref(dragActive) }]),
3054
+ vue.createElementVNode("label", {
3055
+ class: vue.normalizeClass(["f-upload__trigger", { "f-upload--drag": vue.unref(dragActive) }]),
3071
3056
  onDragover: onDragOver,
3072
3057
  onDragleave: onDragLeave,
3073
3058
  onDrop
3074
3059
  }, [
3075
- vue.createElementVNode("label", _hoisted_2$a, [
3076
- vue.createElementVNode("input", {
3077
- type: "file",
3078
- accept: _ctx.accept,
3079
- class: "f-upload__input",
3080
- onChange: onFileChange
3081
- }, null, 40, _hoisted_3$a),
3082
- vue.renderSlot(_ctx.$slots, "default", {}, () => [
3060
+ vue.createElementVNode("input", {
3061
+ type: "file",
3062
+ accept: _ctx.accept,
3063
+ class: "f-upload__input",
3064
+ onChange: onFileChange
3065
+ }, null, 40, _hoisted_2$a),
3066
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
3067
+ vue.createElementVNode("div", _hoisted_3$a, [
3083
3068
  vue.createVNode(FIcon, { size: 40 }, {
3084
3069
  default: vue.withCtx(() => [
3085
3070
  vue.createVNode(vue.unref(ionicons5.CloudUpload))
@@ -3088,28 +3073,18 @@ var __async = (__this, __arguments, generator) => {
3088
3073
  }),
3089
3074
  _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "f-upload__title" }, "点击或拖拽文件至此处", -1)),
3090
3075
  vue.createElementVNode("span", _hoisted_4$7, vue.toDisplayString(_ctx.hint), 1)
3091
- ], true)
3092
- ])
3093
- ], 34)) : (vue.openBlock(), vue.createElementBlock("label", _hoisted_5$4, [
3094
- vue.createElementVNode("input", {
3095
- type: "file",
3096
- accept: _ctx.accept,
3097
- class: "f-upload__input",
3098
- onChange: onFileChange
3099
- }, null, 40, _hoisted_6$3),
3100
- vue.renderSlot(_ctx.$slots, "default", {}, () => [
3101
- vue.createElementVNode("span", null, vue.toDisplayString(_ctx.buttonText), 1)
3076
+ ])
3102
3077
  ], true)
3103
- ])),
3104
- file.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
3078
+ ], 34),
3079
+ file.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
3105
3080
  vue.createVNode(FIcon, null, {
3106
3081
  default: vue.withCtx(() => [
3107
3082
  vue.createVNode(vue.unref(ionicons5.DocumentOutline))
3108
3083
  ]),
3109
3084
  _: 1
3110
3085
  }),
3111
- vue.createElementVNode("div", _hoisted_8, [
3112
- vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(file.value), 1),
3086
+ vue.createElementVNode("div", _hoisted_6$3, [
3087
+ vue.createElementVNode("span", _hoisted_7$1, vue.toDisplayString(file.value), 1),
3113
3088
  _ctx.progress != null ? (vue.openBlock(), vue.createBlock(FProgress, {
3114
3089
  key: 0,
3115
3090
  percent: _ctx.progress,
@@ -3132,7 +3107,7 @@ var __async = (__this, __arguments, generator) => {
3132
3107
  };
3133
3108
  }
3134
3109
  });
3135
- const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-8e954b9a"]]);
3110
+ const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-6bdc061f"]]);
3136
3111
  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
3137
3112
  __name: "FButtonGroup",
3138
3113
  props: {
@@ -2,18 +2,14 @@ type __VLS_Props = {
2
2
  accept?: string;
3
3
  limit?: number;
4
4
  progress?: number | null;
5
- buttonMode?: boolean;
6
- buttonText?: string;
7
5
  hint?: string;
8
6
  };
9
7
  type __VLS_PublicProps = __VLS_Props & {
10
8
  'file'?: string;
11
9
  };
12
- declare var __VLS_1: {}, __VLS_10: {};
10
+ declare var __VLS_1: {};
13
11
  type __VLS_Slots = {} & {
14
12
  default?: (props: typeof __VLS_1) => any;
15
- } & {
16
- default?: (props: typeof __VLS_10) => any;
17
13
  };
18
14
  declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
15
  change: (file: File) => any;
@@ -24,8 +20,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
24
20
  onExceed?: (file: File) => any;
25
21
  "onUpdate:file"?: (value: string) => any;
26
22
  }>, {
27
- buttonMode: boolean;
28
- buttonText: string;
29
23
  hint: string;
30
24
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
31
25
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "fantasia-ui",
3
3
  "private": false,
4
- "version": "0.2.56",
4
+ "version": "0.2.58",
5
5
  "type": "module",
6
6
  "main": "dist/fantasia-ui.umd.js",
7
7
  "module": "dist/fantasia-ui.es.js",