fantasia-ui 0.2.63 → 0.3.1

package/dist/fantasia-ui.es.js

@@ -37,10 +37,10 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, inject, createBlock, resolveDynamicComponent, nextTick, onUnmounted, Teleport, withModifiers, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, provide, onMounted, readonly, onBeforeUnmount, reactive, toRefs, createStaticVNode, h, render } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, inject, createBlock, resolveDynamicComponent, nextTick, onUnmounted, Teleport, withModifiers, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, Comment as Comment$1, Text, provide, onMounted, readonly, onBeforeUnmount, reactive, toRefs, createStaticVNode, h, render } from "vue";
 import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, CheckmarkCircle, AlertCircle, DocumentOutline, Reload, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, CloseOutline, Warning } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -71,17 +71,17 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-50cd082e"]]);
 const PictureError = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1780285609860'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12961'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M894.4%20281.504a39.36%2039.36%200%200%200-27.104-11.808l-293.888-10.976-22.016%2046.88%2030.592%2087.2-55.2%2099.008%2022.4%2079.904%2056%2068.48%2081.024-70.496c7.808-6.88%2020.288-6.496%2027.104%201.216l103.904%20106.4c7.296%207.296%206.88%2019.2-0.928%2026.112a18.944%2018.944%200%200%201-13.76%204.896l-284.8-10.624-14.24%2038.72%2015.52%2034.592%20327.488%2011.808c21.504%200.8%2039.616-15.104%2040.096-35.52l18.208-439.296a34.368%2034.368%200%200%200-10.4-26.496zM684.096%20483.2c-32.32-1.184-57.28-26.88-56-57.088%201.28-30.592%2028.416-54.208%2060.288-52.992%2031.904%201.184%2057.312%2026.88%2056%2057.088-1.184%2030.208-28.384%2054.304-60.288%2052.992z%20m-211.104%20253.6l9.92-40.8-231.424%2015.104c-10.784%200.8-19.776-6.496-20.672-16.704a17.856%2017.856%200%200%201%204.672-13.504l171.52-186.272a18.048%2018.048%200%200%201%2014.208-6.112c5.184%200%2010.272%201.984%2014.176%205.696l57.28%2056.704-24.576-60.32%2044-104.288L472%20302.72l16.384-48.096-315.392%2020.8c-21.504%201.184-37.504%2018.784-36.192%2039.072l31.904%20439.424c0.384%209.792%205.184%2018.688%2013.408%2024.896%207.776%206.496%2017.696%209.792%2028%208.992l281.792-18.304-18.88-32.704z'%20p-id='12962'%3e%3c/path%3e%3c/svg%3e";
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   class: "loop cubes"
 };
-const _hoisted_2$w = {
+const _hoisted_2$x = {
   key: 2,
   class: "msg"
 };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "FLoading",
   props: {
     type: { default: "dots" },
@@ -94,7 +94,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["flex-center-col size-full loading-container", { "global-mask": _ctx.mask }])
       }, [
-        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -105,23 +105,23 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["loader", _ctx.type])
         }, null, 2)),
-        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$w, toDisplayString(props.text), 1)) : createCommentVNode("", true)
+        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$x, toDisplayString(props.text), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$D = { class: "f-image" };
-const _hoisted_2$v = {
+const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-b0bde403"]]);
+const _hoisted_1$E = { class: "f-image" };
+const _hoisted_2$w = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$q = {
+const _hoisted_3$r = {
   key: 0,
   class: "f-image__error"
 };
-const _hoisted_4$h = ["src", "loading"];
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _hoisted_4$i = ["src", "loading"];
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "FImage",
   props: {
     src: {},
@@ -138,10 +138,10 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     const onLoad = () => status.value = "loaded";
     const onError = () => status.value = "error";
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
+            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
               createVNode(FLoading, { type: "classic first" })
             ])) : createCommentVNode("", true)
           ]),
@@ -149,7 +149,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         }),
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
               renderSlot(_ctx.$slots, "error", {}, () => [
                 createVNode(FIcon, { size: "48px" }, {
                   default: withCtx(() => [
@@ -169,17 +169,17 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           class: "f-image__img",
           onLoad,
           onError
-        }, null, 44, _hoisted_4$h), [
+        }, null, 44, _hoisted_4$i), [
           [vShow, unref(status) === "loaded"]
         ])
       ]);
     };
   }
 });
-const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-e959ab10"]]);
-const _hoisted_1$C = ["type", "value", "placeholder"];
-const _hoisted_2$u = { class: "f-input__suffix" };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-3057ceb9"]]);
+const _hoisted_1$D = ["type", "value", "placeholder"];
+const _hoisted_2$v = { class: "f-input__suffix" };
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "FInput",
   props: /* @__PURE__ */ mergeModels({
     type: {},
@@ -244,8 +244,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           onBlur,
           onFocus,
           class: "f-input__inner"
-        }, null, 40, _hoisted_1$C),
-        createElementVNode("div", _hoisted_2$u, [
+        }, null, 40, _hoisted_1$D),
+        createElementVNode("div", _hoisted_2$v, [
           unref(showClearIcon) ? (openBlock(), createBlock(FIcon, {
             key: 0,
             onClick: clearValue,
@@ -272,13 +272,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-68f468e1"]]);
-const _hoisted_1$B = ["onMousemove"];
-const _hoisted_2$t = {
+const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-e5e139ea"]]);
+const _hoisted_1$C = ["onMousemove"];
+const _hoisted_2$u = {
   key: 0,
   class: "f-rate__score"
 };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "FRate",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -361,22 +361,22 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$B);
+          ], 40, _hoisted_1$C);
         }), 128)),
-        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$t, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
+        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$u, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
-const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-3b5c4f14"]]);
-const _hoisted_1$A = { class: "f-dropdown-content" };
-const _hoisted_2$s = ["onClick"];
-const _hoisted_3$p = {
+const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-b6e077c9"]]);
+const _hoisted_1$B = { class: "f-dropdown-content" };
+const _hoisted_2$t = ["onClick"];
+const _hoisted_3$q = {
   key: 0,
   class: "opt-icon"
 };
-const _hoisted_4$g = { class: "opt-label" };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _hoisted_4$h = { class: "opt-label" };
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
@@ -581,18 +581,18 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                   class: "f-dropdown-bridge",
                   style: normalizeStyle(unref(bridgeStyle))
                 }, null, 4)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_1$A, [
+                createElementVNode("div", _hoisted_1$B, [
                   _ctx.options && _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (opt) => {
                     return openBlock(), createElementBlock("div", {
                       key: opt.key,
                       class: normalizeClass(["f-dropdown-option", { "is-disabled": opt.disabled }]),
                       onClick: ($event) => handleOptionClick(opt)
                     }, [
-                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_3$p, [
+                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_3$q, [
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_4$g, toDisplayString(opt.label), 1)
-                    ], 10, _hoisted_2$s);
+                      createElementVNode("span", _hoisted_4$h, toDisplayString(opt.label), 1)
+                    ], 10, _hoisted_2$t);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
               ], 36)) : createCommentVNode("", true)
@@ -604,9 +604,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-36eb6d2b"]]);
-const _hoisted_1$z = { class: "f-select__suffix" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const FDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-9ba0c959"]]);
+const _hoisted_1$A = { class: "f-select__suffix" };
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "FSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -675,7 +675,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(["f-select__label", { "is-placeholder": !unref(hasValue) }])
             }, toDisplayString(unref(selectedLabel)), 3),
-            createElementVNode("div", _hoisted_1$z, [
+            createElementVNode("div", _hoisted_1$A, [
               unref(showClear) ? (openBlock(), createBlock(FIcon, {
                 key: 0,
                 class: "f-select__clear",
@@ -700,22 +700,22 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-00ebc113"]]);
-const _hoisted_1$y = {
+const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-2b219c49"]]);
+const _hoisted_1$z = {
   key: 0,
   class: "f-pagination"
 };
-const _hoisted_2$r = {
+const _hoisted_2$s = {
   key: 0,
   class: "f-pagination__total"
 };
-const _hoisted_3$o = {
+const _hoisted_3$p = {
   key: 1,
   class: "f-pagination__size"
 };
-const _hoisted_4$f = ["value"];
-const _hoisted_5$a = ["value"];
-const _hoisted_6$8 = {
+const _hoisted_4$g = ["value"];
+const _hoisted_5$b = ["value"];
+const _hoisted_6$9 = {
   key: 3,
   class: "f-pagination__list"
 };
@@ -729,7 +729,7 @@ const _hoisted_9$3 = {
   class: "f-pagination__jump"
 };
 const _hoisted_10$3 = ["max"];
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "FPagination",
   props: /* @__PURE__ */ mergeModels({
     total: {},
@@ -778,10 +778,10 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       jumpInput.value = "";
     };
     return (_ctx, _cache) => {
-      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutItems), (item) => {
           return openBlock(), createElementBlock(Fragment, { key: item }, [
-            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$r, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$o, [
+            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$s, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$p, [
               createElementVNode("select", {
                 class: "size-select",
                 value: _ctx.pageSize,
@@ -791,9 +791,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$a);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$b);
                 }), 128))
-              ], 40, _hoisted_4$f)
+              ], 40, _hoisted_4$g)
             ])) : item === "prev" ? (openBlock(), createElementBlock("button", {
               key: 2,
               class: normalizeClass(["page-btn", { disabled: currentPage.value === 1 }]),
@@ -805,7 +805,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$8, [
+            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$9, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pages), (page, index) => {
                 return openBlock(), createElementBlock(Fragment, { key: index }, [
                   page === "..." ? (openBlock(), createElementBlock("li", _hoisted_7$5, [
@@ -854,28 +854,28 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FPagination = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-930f8b20"]]);
-const _hoisted_1$x = {
+const FPagination = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-a9438fb8"]]);
+const _hoisted_1$y = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_2$q = {
+const _hoisted_2$r = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 1,
   class: "f-card__cover"
 };
-const _hoisted_4$e = {
+const _hoisted_4$f = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$9 = {
+const _hoisted_5$a = {
   key: 3,
   class: "f-card__footer"
 };
-const _hoisted_6$7 = {
+const _hoisted_6$8 = {
   key: 0,
   class: "f-card__header"
 };
@@ -896,7 +896,7 @@ const _hoisted_11$2 = {
   key: 1,
   class: "f-card__footer"
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "FCard",
   props: {
     hoverable: { type: Boolean, default: true },
@@ -908,23 +908,23 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["f-card", [`f-card--${_ctx.direction}`, { "is-hoverable": _ctx.hoverable }]])
       }, [
         _ctx.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
+            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$n, [
+          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$o, [
             renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
             _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
@@ -946,12 +946,12 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCard = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-a66fa373"]]);
-const _hoisted_1$w = {
+const FCard = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-59b9e149"]]);
+const _hoisted_1$x = {
   key: 0,
   class: "f-tag__dot"
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "FTag",
   props: {
     color: {},
@@ -975,7 +975,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         onMouseenter: _cache[1] || (_cache[1] = ($event) => isHover.value = true),
         onMouseleave: _cache[2] || (_cache[2] = ($event) => isHover.value = false)
       }, [
-        _ctx.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_1$w)) : createCommentVNode("", true),
+        _ctx.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_1$x)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.closable ? (openBlock(), createBlock(FIcon, {
           key: 1,
@@ -991,8 +991,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTag = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-02bd5aa6"]]);
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const FTag = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-19e20dd3"]]);
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "FTooltip",
   props: {
     content: {},
@@ -1096,13 +1096,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-e6b28326"]]);
-const _hoisted_1$v = { class: "f-progress" };
-const _hoisted_2$p = {
+const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-37ae9256"]]);
+const _hoisted_1$w = { class: "f-progress" };
+const _hoisted_2$q = {
   key: 0,
   class: "f-progress__text"
 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FProgress",
   props: {
     percent: {},
@@ -1114,7 +1114,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const props = __props;
     const clampedPercent = computed(() => Math.min(100, Math.max(0, props.percent)));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createElementVNode("div", {
           class: "f-progress__track",
           style: normalizeStyle({ height: `${_ctx.height}px` })
@@ -1127,17 +1127,17 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             })
           }, null, 4)
         ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$p, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
+        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$q, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const FProgress = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-c2164d6e"]]);
-const _hoisted_1$u = { class: "f-tabs__nav-container" };
-const _hoisted_2$o = { class: "f-tabs__nav" };
-const _hoisted_3$m = ["onClick"];
-const _hoisted_4$d = { class: "f-tabs__label" };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const FProgress = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-95060470"]]);
+const _hoisted_1$v = { class: "f-tabs__nav-container" };
+const _hoisted_2$p = { class: "f-tabs__nav" };
+const _hoisted_3$n = ["onClick"];
+const _hoisted_4$e = { class: "f-tabs__label" };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "FTabs",
   props: {
     tabs: {},
@@ -1170,8 +1170,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
       }, [
-        createElementVNode("div", _hoisted_1$u, [
-          createElementVNode("div", _hoisted_2$o, [
+        createElementVNode("div", _hoisted_1$v, [
+          createElementVNode("div", _hoisted_2$p, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.name,
@@ -1181,8 +1181,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 }]),
                 onClick: ($event) => setActiveTab(tab.name, tab.disabled)
               }, [
-                createElementVNode("span", _hoisted_4$d, toDisplayString(tab.label), 1)
-              ], 10, _hoisted_3$m);
+                createElementVNode("span", _hoisted_4$e, toDisplayString(tab.label), 1)
+              ], 10, _hoisted_3$n);
             }), 128))
           ])
         ]),
@@ -1200,17 +1200,17 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTabs = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-268fc654"]]);
-const _hoisted_1$t = {
+const FTabs = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-9a632cb1"]]);
+const _hoisted_1$u = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
 };
-const _hoisted_2$n = ["href"];
-const _hoisted_3$l = {
+const _hoisted_2$o = ["href"];
+const _hoisted_3$m = {
   key: 3,
   class: "f-breadcrumb__text"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "FBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -1238,12 +1238,12 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                   key: 1,
                   item
                 }, () => [
-                  createElementVNode("span", _hoisted_1$t, toDisplayString(item.label), 1)
+                  createElementVNode("span", _hoisted_1$u, toDisplayString(item.label), 1)
                 ], true) : item.href ? (openBlock(), createElementBlock("a", {
                   key: 2,
                   href: item.href,
                   class: "f-breadcrumb__link"
-                }, toDisplayString(item.label), 9, _hoisted_2$n)) : (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(item.label), 1))
+                }, toDisplayString(item.label), 9, _hoisted_2$o)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(item.label), 1))
               ], 64);
             }), 128))
           ]),
@@ -1253,8 +1253,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-55b15358"]]);
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const FBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-8ed14ce1"]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -1295,8 +1295,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCol = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-5a8b0cb4"]]);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const FCol = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-fc17aac0"]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -1349,14 +1349,14 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FRow = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-72f62339"]]);
-const _hoisted_1$s = { class: "f-space__item" };
-const _hoisted_2$m = {
+const FRow = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-f662e24f"]]);
+const _hoisted_1$t = { class: "f-space__item" };
+const _hoisted_2$n = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -1410,18 +1410,18 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, index) => {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
-            createElementVNode("div", _hoisted_1$s, [
+            createElementVNode("div", _hoisted_1$t, [
               (openBlock(), createBlock(resolveDynamicComponent(child)))
             ]),
-            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$m, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
+            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$n, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 4);
     };
   }
 });
-const FSpace = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-5fb3b1a0"]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const FSpace = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4e9e662d"]]);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
@@ -1441,9 +1441,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FContainer = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-08450ddf"]]);
-const _hoisted_1$r = { class: "f-divider__text" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const FContainer = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-096e60e4"]]);
+const _hoisted_1$s = { class: "f-divider__text" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "FDivider",
   props: {
     color: { default: "#dcdfe6" },
@@ -1492,7 +1492,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           class: "f-divider__line",
           style: normalizeStyle(unref(lineStyle))
         }, null, 4),
-        createElementVNode("div", _hoisted_1$r, [
+        createElementVNode("div", _hoisted_1$s, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         createElementVNode("div", {
@@ -1503,9 +1503,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDivider = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-109f761f"]]);
-const _hoisted_1$q = ["src", "alt"];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const FDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-ad0389c4"]]);
+const _hoisted_1$r = ["src", "alt"];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "FAvatar",
   props: {
     src: {},
@@ -1537,7 +1537,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.alt
-        }, null, 8, _hoisted_1$q)) : (openBlock(), createBlock(FIcon, {
+        }, null, 8, _hoisted_1$r)) : (openBlock(), createBlock(FIcon, {
           key: 1,
           size: 24
         }, {
@@ -1550,18 +1550,18 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-b3665268"]]);
-const _hoisted_1$p = ["type", "disabled"];
-const _hoisted_2$l = { class: "f-button__inner" };
-const _hoisted_3$k = {
+const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-937a848f"]]);
+const _hoisted_1$q = ["type", "disabled"];
+const _hoisted_2$m = { class: "f-button__inner" };
+const _hoisted_3$l = {
   key: 0,
   class: "f-loader"
 };
-const _hoisted_4$c = {
+const _hoisted_4$d = {
   key: 2,
   class: "f-button__text"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "FButton",
   props: {
     type: {},
@@ -1581,9 +1581,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const SIZE_MAP = {
-      small: { h: "24px", p: "0 8px", f: "12px", i: "14px" },
-      normal: { h: "32px", p: "0 12px", f: "13px", i: "16px" },
-      large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
+      small: { h: "24px", p: "0 8px", f: "12px", i: "14px", g: "6px" },
+      normal: { h: "32px", p: "0 12px", f: "13px", i: "16px", g: "8px" },
+      large: { h: "40px", p: "0 16px", f: "14px", i: "18px", g: "10px" }
     };
     const props = __props;
     const slots = useSlots();
@@ -1597,20 +1597,33 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
     });
     const isDisabled = computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
-    const hasText = computed(() => !!slots.default);
+    const hasContent = (nodes) => nodes.some((n) => {
+      var _a;
+      if (n.type === Comment$1) return false;
+      if (n.type === Text) return String(n.children).trim() !== "";
+      if (n.type === Fragment) return hasContent((_a = n.children) != null ? _a : []);
+      return true;
+    });
+    const hasText = computed(() => {
+      var _a, _b;
+      return hasContent((_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []);
+    });
     const buttonStyle = computed(() => {
-      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      const sizeKey = typeof mergedSize.value === "number" ? "normal" : mergedSize.value;
+      const s = SIZE_MAP[sizeKey] || SIZE_MAP.normal;
       const style = {
-        height: s.h,
+        height: typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h,
         padding: props.circle ? "0" : s.p,
         fontSize: s.f,
-        minWidth: props.circle ? s.h : "auto",
+        minWidth: props.circle ? typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h : "auto",
         backgroundColor: props.bgColor,
-        color: props.color
+        color: props.color,
+        "--f-button-gap": s.g,
+        "--f-button-h": typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h
       };
       if (props.circle) {
         style.borderRadius = "50%";
-        style.width = s.h;
+        style.width = typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h;
       } else if (typeof props.round === "number") {
         style.borderRadius = `${props.round}px`;
       } else if (props.round === true) {
@@ -1619,6 +1632,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return style;
     });
     const iconSize = computed(() => {
+      if (typeof mergedSize.value === "number") {
+        return Math.round(mergedSize.value * 0.6);
+      }
       const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
       return s.i;
     });
@@ -1639,8 +1655,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         disabled: unref(isDisabled),
         style: normalizeStyle(unref(buttonStyle))
       }, [
-        createElementVNode("span", _hoisted_2$l, [
-          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$k)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2$m, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$l)) : createCommentVNode("", true),
           !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(FIcon, {
               key: 0,
@@ -1655,16 +1671,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               _: 3
             }, 8, ["style"])) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$c, [
+          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$d, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ])
-      ], 14, _hoisted_1$p);
+      ], 14, _hoisted_1$q);
     };
   }
 });
-const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-450b01e1"]]);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-84f420be"]]);
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "FTypography",
   props: {
     color: { default: "" }
@@ -1686,8 +1702,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTypography = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-50e044db"]]);
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const FTypography = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-1ba2afd3"]]);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "FText",
   props: {
     tag: { default: "span" },
@@ -1745,9 +1761,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FText = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-8bcfc6b3"]]);
-const _hoisted_1$o = ["href", "target", "rel"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const FText = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-489c8a06"]]);
+const _hoisted_1$p = ["href", "target", "rel"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FLink",
   props: {
     href: {},
@@ -1770,13 +1786,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         rel: props.target === "_blank" ? "noopener noreferrer" : void 0
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$o);
+      ], 10, _hoisted_1$p);
     };
   }
 });
-const FLink = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-daaa3e25"]]);
-const _hoisted_1$n = { class: "f-badge" };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const FLink = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-8bb4d33f"]]);
+const _hoisted_1$o = { class: "f-badge" };
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
     value: {},
@@ -1805,7 +1821,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return map[props.placement];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -1816,8 +1832,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBadge = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-be6947ff"]]);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const FBadge = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-4d8a46e5"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FAffix",
   props: {
     placement: { default: "top-right" },
@@ -1845,8 +1861,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAffix = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-8506d679"]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const FAffix = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-5e3108b5"]]);
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FForm",
   props: {
     model: {},
@@ -1903,7 +1919,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-21f7de9b"]]);
+const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-7e90ebac"]]);
 const validateSingleField = (value, rules) => __async(null, null, function* () {
   const ruleArray = Array.isArray(rules) ? rules : [rules];
   for (let rule of ruleArray) {
@@ -1985,16 +2001,16 @@ const checkRange = (value, rule) => {
   }
   return void 0;
 };
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   key: 0,
   class: "star"
 };
-const _hoisted_2$k = { class: "f-form-item__content" };
-const _hoisted_3$j = {
+const _hoisted_2$l = { class: "f-form-item__content" };
+const _hoisted_3$k = {
   key: 0,
   class: "f-form-item__error"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FFormItem",
   props: {
     label: {},
@@ -2060,14 +2076,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             textAlign: unref(labelPosition) === "top" ? "left" : unref(labelPosition)
           })
         }, [
-          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$m, "*")) : createCommentVNode("", true),
-          createTextVNode(" " + toDisplayString(_ctx.label) + "： ", 1)
+          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$n, "*")) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(_ctx.label) + "锛? ", 1)
         ], 4)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$k, [
+        createElementVNode("div", _hoisted_2$l, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
           createVNode(Transition, { name: "err-slide" }, {
             default: withCtx(() => [
-              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$j, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
+              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$k, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -2076,14 +2092,14 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-c3d6ec01"]]);
-const _hoisted_1$l = { class: "f-checkbox__wrapper" };
-const _hoisted_2$j = ["checked", "disabled"];
-const _hoisted_3$i = {
+const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-42312371"]]);
+const _hoisted_1$m = { class: "f-checkbox__wrapper" };
+const _hoisted_2$k = ["checked", "disabled"];
+const _hoisted_3$j = {
   key: 0,
   class: "f-checkbox__label"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "FCheckbox",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -2105,28 +2121,28 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$l, [
+        createElementVNode("span", _hoisted_1$m, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$j),
+          }, null, 40, _hoisted_2$k),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-633b283a"]]);
-const _hoisted_1$k = { class: "f-radio__wrapper" };
-const _hoisted_2$i = ["name", "checked", "disabled"];
-const _hoisted_3$h = {
+const FCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-eeeb70b5"]]);
+const _hoisted_1$l = { class: "f-radio__wrapper" };
+const _hoisted_2$j = ["name", "checked", "disabled"];
+const _hoisted_3$i = {
   key: 0,
   class: "f-radio__label"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FRadio",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -2153,29 +2169,29 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-radio", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$k, [
+        createElementVNode("span", _hoisted_1$l, [
           createElementVNode("input", {
             type: "radio",
             name: _ctx.name,
             checked: modelValue.value === _ctx.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$i),
+          }, null, 40, _hoisted_2$j),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-radio__dot" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FRadio = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-226776d6"]]);
-const _hoisted_1$j = { class: "f-radio__wrapper" };
-const _hoisted_2$h = ["name", "checked", "disabled", "onChange"];
-const _hoisted_3$g = {
+const FRadio = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-b06cba07"]]);
+const _hoisted_1$k = { class: "f-radio__wrapper" };
+const _hoisted_2$i = ["name", "checked", "disabled", "onChange"];
+const _hoisted_3$h = {
   key: 0,
   class: "f-radio__label"
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FRadioGroup",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -2204,30 +2220,30 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             key: String(option.value),
             class: normalizeClass(["f-radio", { "is-disabled": option.disabled || _ctx.disabled }])
           }, [
-            createElementVNode("span", _hoisted_1$j, [
+            createElementVNode("span", _hoisted_1$k, [
               createElementVNode("input", {
                 type: "radio",
                 name: (_a = _ctx.name) != null ? _a : "f-radio-group",
                 checked: modelValue.value === option.value,
                 disabled: option.disabled || _ctx.disabled,
                 onChange: ($event) => handleChange(option)
-              }, null, 40, _hoisted_2$h),
+              }, null, 40, _hoisted_2$i),
               _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-radio__dot" }, null, -1))
             ]),
-            option.label ? (openBlock(), createElementBlock("span", _hoisted_3$g, toDisplayString(option.label), 1)) : createCommentVNode("", true)
+            option.label ? (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(option.label), 1)) : createCommentVNode("", true)
           ], 2);
         }), 128))
       ], 2);
     };
   }
 });
-const FRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0fd4c34e"]]);
-const _hoisted_1$i = ["disabled", "aria-checked"];
-const _hoisted_2$g = {
+const FRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-f1bf3aae"]]);
+const _hoisted_1$j = ["disabled", "aria-checked"];
+const _hoisted_2$h = {
   key: 0,
   class: "f-switch__text"
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "FSwitch",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -2259,24 +2275,24 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-switch__track" }, [
           createElementVNode("span", { class: "f-switch__thumb" })
         ], -1)),
-        _ctx.label || _ctx.activeText || _ctx.inactiveText ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString(modelValue.value ? (_a = _ctx.activeText) != null ? _a : _ctx.label : (_b = _ctx.inactiveText) != null ? _b : _ctx.label), 1)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$i);
+        _ctx.label || _ctx.activeText || _ctx.inactiveText ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(modelValue.value ? (_a = _ctx.activeText) != null ? _a : _ctx.label : (_b = _ctx.inactiveText) != null ? _b : _ctx.label), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const FSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-bc840c1b"]]);
-const _hoisted_1$h = { class: "f-tree-select__label" };
-const _hoisted_2$f = {
+const FSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-dd66bb33"]]);
+const _hoisted_1$i = { class: "f-tree-select__label" };
+const _hoisted_2$g = {
   key: 0,
   class: "f-tree-select__panel"
 };
-const _hoisted_3$f = ["onClick"];
-const _hoisted_4$b = {
+const _hoisted_3$g = ["onClick"];
+const _hoisted_4$c = {
   key: 0,
   class: "f-tree-select__expand"
 };
-const _hoisted_5$8 = { class: "f-tree-select__text" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_5$9 = { class: "f-tree-select__text" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "FTreeSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -2308,7 +2324,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       var _a;
       const current = props.multiple ? Array.isArray(modelValue.value) ? modelValue.value : [] : modelValue.value;
       if (props.multiple && Array.isArray(current)) {
-        return current.length > 0 ? current.length + " 项已选" : props.placeholder;
+        return current.length > 0 ? current.length + " 项" : props.placeholder;
       }
       const target = props.options.flatMap((item) => flattenTree([item]));
       const node = target.find((item) => item.key === current);
@@ -2351,7 +2367,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           class: "f-tree-select__trigger",
           onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && (isOpen.value = !unref(isOpen)))
         }, [
-          createElementVNode("span", _hoisted_1$h, toDisplayString(unref(selectedLabel)), 1),
+          createElementVNode("span", _hoisted_1$i, toDisplayString(unref(selectedLabel)), 1),
           createVNode(FIcon, { class: "f-tree-select__arrow" }, {
             default: withCtx(() => [
               createVNode(unref(ChevronDownOutline))
@@ -2359,7 +2375,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ]),
-        unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
+        unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleNodes), (node) => {
             return openBlock(), createElementBlock("div", {
               key: String(node.key),
@@ -2367,33 +2383,33 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               style: normalizeStyle({ paddingLeft: `${(node.level + 1) * 16 + 8}px` }),
               onClick: ($event) => node.children && node.children.length ? toggleExpand(node.key) : handleSelect(node)
             }, [
-              node.children && node.children.length ? (openBlock(), createElementBlock("span", _hoisted_4$b, toDisplayString(unref(expandedKeys).includes(node.key) ? "−" : "+"), 1)) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_5$8, toDisplayString(node.label), 1)
-            ], 14, _hoisted_3$f);
+              node.children && node.children.length ? (openBlock(), createElementBlock("span", _hoisted_4$c, toDisplayString(unref(expandedKeys).includes(node.key) ? "-" : "+"), 1)) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_5$9, toDisplayString(node.label), 1)
+            ], 14, _hoisted_3$g);
           }), 128))
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7b42d98d"]]);
-const _hoisted_1$g = { class: "f-transfer__panel" };
-const _hoisted_2$e = { class: "f-transfer__header" };
-const _hoisted_3$e = { class: "f-transfer__list" };
-const _hoisted_4$a = ["onClick"];
-const _hoisted_5$7 = { class: "f-transfer__actions" };
-const _hoisted_6$6 = ["disabled"];
+const FTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3e78b510"]]);
+const _hoisted_1$h = { class: "f-transfer__panel" };
+const _hoisted_2$f = { class: "f-transfer__header" };
+const _hoisted_3$f = { class: "f-transfer__list" };
+const _hoisted_4$b = ["onClick"];
+const _hoisted_5$8 = { class: "f-transfer__actions" };
+const _hoisted_6$7 = ["disabled"];
 const _hoisted_7$3 = ["disabled"];
 const _hoisted_8$2 = { class: "f-transfer__panel" };
 const _hoisted_9$1 = { class: "f-transfer__header" };
 const _hoisted_10$1 = { class: "f-transfer__list" };
 const _hoisted_11$1 = ["onClick"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FTransfer",
   props: /* @__PURE__ */ mergeModels({
     data: {},
-    leftTitle: { default: "可选项" },
-    rightTitle: { default: "已选项" },
+    leftTitle: { default: "鍙€夐」" },
+    rightTitle: { default: "宸查€夐」" },
     disabled: { type: Boolean, default: false }
   }, {
     "modelValue": { default: () => [] },
@@ -2444,31 +2460,31 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-transfer", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("div", _hoisted_1$g, [
-          createElementVNode("div", _hoisted_2$e, toDisplayString(_ctx.leftTitle), 1),
-          createElementVNode("ul", _hoisted_3$e, [
+        createElementVNode("div", _hoisted_1$h, [
+          createElementVNode("div", _hoisted_2$f, toDisplayString(_ctx.leftTitle), 1),
+          createElementVNode("ul", _hoisted_3$f, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(leftList), (item) => {
               return openBlock(), createElementBlock("li", {
                 key: String(item.key),
                 class: normalizeClass(["f-transfer__item", { "is-selected": unref(leftSelected).includes(item.key), "is-disabled": item.disabled }]),
                 onClick: ($event) => toggle(unref(leftSelected), item.key)
-              }, toDisplayString(item.label), 11, _hoisted_4$a);
+              }, toDisplayString(item.label), 11, _hoisted_4$b);
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_5$7, [
+        createElementVNode("div", _hoisted_5$8, [
           createElementVNode("button", {
             type: "button",
             class: "f-transfer__btn",
             disabled: _ctx.disabled || unref(leftList).length === 0,
             onClick: _cache[0] || (_cache[0] = ($event) => moveSelected("right"))
-          }, " → ", 8, _hoisted_6$6),
+          }, " 鈫? ", 8, _hoisted_6$7),
           createElementVNode("button", {
             type: "button",
             class: "f-transfer__btn",
             disabled: _ctx.disabled || unref(rightList).length === 0,
             onClick: _cache[1] || (_cache[1] = ($event) => moveSelected("left"))
-          }, " ← ", 8, _hoisted_7$3)
+          }, " 鈫? ", 8, _hoisted_7$3)
         ]),
         createElementVNode("div", _hoisted_8$2, [
           createElementVNode("div", _hoisted_9$1, toDisplayString(_ctx.rightTitle), 1),
@@ -2486,11 +2502,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTransfer = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-48d0731e"]]);
-const _hoisted_1$f = { class: "alert__body" };
-const _hoisted_2$d = { class: "alert__title" };
-const _hoisted_3$d = { class: "alert__content" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const FTransfer = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-32dbd066"]]);
+const _hoisted_1$g = { class: "alert__body" };
+const _hoisted_2$e = { class: "alert__title" };
+const _hoisted_3$e = { class: "alert__content" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "FAlert",
   props: {
     type: { default: "info" },
@@ -2516,9 +2532,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_1$f, [
-          createElementVNode("h4", _hoisted_2$d, toDisplayString((_a = _ctx.title) != null ? _a : unref(config).label), 1),
-          createElementVNode("div", _hoisted_3$d, [
+        createElementVNode("div", _hoisted_1$g, [
+          createElementVNode("h4", _hoisted_2$e, toDisplayString((_a = _ctx.title) != null ? _a : unref(config).label), 1),
+          createElementVNode("div", _hoisted_3$e, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(_ctx.content), 1)
             ], true)
@@ -2528,18 +2544,18 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAlert = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-f16678ef"]]);
-const _hoisted_1$e = { class: "f-editor__toolbar" };
-const _hoisted_2$c = { class: "f-editor__status" };
-const _hoisted_3$c = { class: "f-editor__lines" };
-const _hoisted_4$9 = { class: "f-editor__code-wrapper" };
-const _hoisted_5$6 = ["innerHTML"];
-const _hoisted_6$5 = ["rows", "readonly", "placeholder"];
+const FAlert = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-7e66ccc2"]]);
+const _hoisted_1$f = { class: "f-editor__toolbar" };
+const _hoisted_2$d = { class: "f-editor__status" };
+const _hoisted_3$d = { class: "f-editor__lines" };
+const _hoisted_4$a = { class: "f-editor__code-wrapper" };
+const _hoisted_5$7 = ["innerHTML"];
+const _hoisted_6$6 = ["rows", "readonly", "placeholder"];
 const LINE_HEIGHT_PX = 17.6;
 const PADDING_TOP_PX = 12;
 const MIN_BODY_HEIGHT = 180;
 const HEAVY_LINE_THRESHOLD = 1500;
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FEditor",
   props: /* @__PURE__ */ mergeModels({
     placeholder: {},
@@ -2705,9 +2721,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-editor", { "f-editor--invalid": !unref(isJsonValid) }])
       }, [
-        createElementVNode("div", _hoisted_1$e, [
-          createElementVNode("span", _hoisted_2$c, [
-            createElementVNode("span", _hoisted_3$c, toDisplayString(unref(lineCount)) + " 行", 1),
+        createElementVNode("div", _hoisted_1$f, [
+          createElementVNode("span", _hoisted_2$d, [
+            createElementVNode("span", _hoisted_3$d, toDisplayString(unref(lineCount)) + " 行", 1),
             unref(isHeavy) ? (openBlock(), createBlock(FTag, {
               key: 0,
               color: "orange",
@@ -2715,7 +2731,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               effect: "plain"
             }, {
               default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode("大文件模式")
+                createTextVNode("大文件已关闭高亮")
               ])),
               _: 1,
               __: [2]
@@ -2745,7 +2761,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               }, toDisplayString(ln), 3);
             }), 128))
           ], 512)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$9, [
+          createElementVNode("div", _hoisted_4$a, [
             createElementVNode("div", {
               class: "f-editor__active-line",
               style: normalizeStyle({
@@ -2763,7 +2779,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   key: line.lineNo,
                   class: "f-editor__line",
                   innerHTML: line.html + "\n"
-                }, null, 8, _hoisted_5$6);
+                }, null, 8, _hoisted_5$7);
               }), 128))
             ], 512),
             withDirectives(createElementVNode("textarea", {
@@ -2781,7 +2797,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               onClick: updateCursorInfo,
               onKeyup: updateCursorInfo,
               onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur"))
-            }, null, 40, _hoisted_6$5), [
+            }, null, 40, _hoisted_6$6), [
               [vModelText, model.value]
             ])
           ])
@@ -2790,19 +2806,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FEditor = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6d590649"]]);
-const _hoisted_1$d = { class: "f-table" };
-const _hoisted_2$b = {
+const FEditor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-48883044"]]);
+const _hoisted_1$e = { class: "f-table" };
+const _hoisted_2$c = {
   key: 0,
   class: "f-table__loading"
 };
-const _hoisted_3$b = { class: "f-table__inner" };
-const _hoisted_4$8 = {
+const _hoisted_3$c = { class: "f-table__inner" };
+const _hoisted_4$9 = {
   key: 0,
   class: "f-table__col--index"
 };
-const _hoisted_5$5 = { class: "f-table__head" };
-const _hoisted_6$4 = {
+const _hoisted_5$6 = { class: "f-table__head" };
+const _hoisted_6$5 = {
   key: 0,
   class: "f-table__th f-table__th--index"
 };
@@ -2824,7 +2840,7 @@ const _hoisted_14 = {
   class: "f-table__spacer"
 };
 const _hoisted_15 = ["colspan"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FTable",
   props: {
     data: {},
@@ -2833,8 +2849,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     overscan: { default: 5 },
     showIndex: { type: Boolean, default: true },
     loading: { type: Boolean, default: false },
-    loadingText: { default: "加载中..." },
-    emptyText: { default: "暂无数据" }
+    loadingText: { default: "鍔犺浇涓?.." },
+    emptyText: { default: "鏆傛棤鏁版嵁" }
   },
   setup(__props) {
     const props = __props;
@@ -2888,8 +2904,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       scrollTop.value = 0;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "spinner" }, null, -1)),
           createElementVNode("span", null, toDisplayString(_ctx.loadingText), 1)
         ])) : createCommentVNode("", true),
@@ -2899,9 +2915,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           ref: scrollEl,
           onScroll
         }, [
-          createElementVNode("table", _hoisted_3$b, [
+          createElementVNode("table", _hoisted_3$c, [
             createElementVNode("colgroup", null, [
-              _ctx.showIndex ? (openBlock(), createElementBlock("col", _hoisted_4$8)) : createCommentVNode("", true),
+              _ctx.showIndex ? (openBlock(), createElementBlock("col", _hoisted_4$9)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
                 var _a, _b;
                 return openBlock(), createElementBlock("col", {
@@ -2913,9 +2929,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 }, null, 4);
               }), 128))
             ]),
-            createElementVNode("thead", _hoisted_5$5, [
+            createElementVNode("thead", _hoisted_5$6, [
               createElementVNode("tr", null, [
-                _ctx.showIndex ? (openBlock(), createElementBlock("th", _hoisted_6$4, "#")) : createCommentVNode("", true),
+                _ctx.showIndex ? (openBlock(), createElementBlock("th", _hoisted_6$5, "#")) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
                   return openBlock(), createElementBlock("th", {
                     key: col.key,
@@ -2995,22 +3011,22 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-01724962"]]);
-const _hoisted_1$c = { class: "f-upload" };
-const _hoisted_2$a = ["accept", "multiple"];
-const _hoisted_3$a = { class: "f-upload__zone" };
-const _hoisted_4$7 = { class: "f-upload__hint" };
-const _hoisted_5$4 = {
+const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ce2c2d93"]]);
+const _hoisted_1$d = { class: "f-upload" };
+const _hoisted_2$b = ["accept", "multiple"];
+const _hoisted_3$b = { class: "f-upload__zone" };
+const _hoisted_4$8 = { class: "f-upload__hint" };
+const _hoisted_5$5 = {
   key: 0,
   class: "f-upload__list"
 };
-const _hoisted_6$3 = { class: "f-upload__file-info" };
+const _hoisted_6$4 = { class: "f-upload__file-info" };
 const _hoisted_7$1 = { class: "f-upload__file-name" };
 const _hoisted_8 = {
   key: 1,
   class: "f-upload__file-error"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "FUpload",
   props: /* @__PURE__ */ mergeModels({
     accept: {},
@@ -3113,15 +3129,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     __expose({
       /** 重试上传单个失败的文件 */
       retryUpload,
-      /** 移除文件 */
+      /** 删除文件 */
       removeFile,
-      /** 批量上传所有 ready 状态的文件 */
+      /** 批量上传所有状态为 ready 的文件 */
       submitAll: () => {
         fileList.value.filter((f) => f.status === "ready").forEach((item) => submitUpload(item));
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("label", {
           class: normalizeClass(["f-upload__trigger", { "f-upload--drag": unref(dragActive) }]),
           onDragover: onDragOver,
@@ -3134,21 +3150,21 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             multiple: _ctx.limit == null || _ctx.limit > 1,
             class: "f-upload__input",
             onChange: onFileChange
-          }, null, 40, _hoisted_2$a),
+          }, null, 40, _hoisted_2$b),
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createElementVNode("div", _hoisted_3$a, [
+            createElementVNode("div", _hoisted_3$b, [
               createVNode(FIcon, { size: 40 }, {
                 default: withCtx(() => [
                   createVNode(unref(CloudUpload))
                 ]),
                 _: 1
               }),
-              _cache[1] || (_cache[1] = createElementVNode("span", { class: "f-upload__title" }, "点击或拖拽文件至此处", -1)),
-              createElementVNode("span", _hoisted_4$7, toDisplayString(_ctx.hint), 1)
+              _cache[1] || (_cache[1] = createElementVNode("span", { class: "f-upload__title" }, "点击或拖拽文件到此处", -1)),
+              createElementVNode("span", _hoisted_4$8, toDisplayString(_ctx.hint), 1)
             ])
           ], true)
         ], 34),
-        fileList.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
+        fileList.value.length ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (item) => {
             return openBlock(), createElementBlock("div", {
               key: item.uid,
@@ -3160,7 +3176,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1024),
-              createElementVNode("div", _hoisted_6$3, [
+              createElementVNode("div", _hoisted_6$4, [
                 createElementVNode("span", _hoisted_7$1, toDisplayString(item.name), 1),
                 item.status === "uploading" ? (openBlock(), createBlock(FProgress, {
                   key: 0,
@@ -3196,8 +3212,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-072c5bc2"]]);
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-45a5af2d"]]);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FButtonGroup",
   props: {
     size: { default: "normal" },
@@ -3218,9 +3234,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-62561657"]]);
-const _hoisted_1$b = { class: "f-collapse" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const FButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a1a51140"]]);
+const _hoisted_1$c = { class: "f-collapse" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FCollapse",
   props: /* @__PURE__ */ mergeModels({
     accordion: { type: Boolean, default: false }
@@ -3260,16 +3276,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       })
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        renderSlot(_ctx.$slots, "default")
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
   }
 });
-const _hoisted_1$a = { class: "f-collapse-item__header-title" };
-const _hoisted_2$9 = { class: "f-collapse-item__wrapper" };
-const _hoisted_3$9 = { class: "f-collapse-item__content" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const FCollapse = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4ec8bde6"]]);
+const _hoisted_1$b = { class: "f-collapse-item__header-title" };
+const _hoisted_2$a = { class: "f-collapse-item__wrapper" };
+const _hoisted_3$a = { class: "f-collapse-item__content" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "FCollapseItem",
   props: {
     name: {},
@@ -3313,8 +3330,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           onClick: handleHeaderClick
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("span", _hoisted_1$a, toDisplayString(_ctx.title), 1)
-          ]),
+            createElementVNode("span", _hoisted_1$b, toDisplayString(_ctx.title), 1)
+          ], true),
           _cache[0] || (_cache[0] = createElementVNode("svg", {
             class: "f-collapse-item__icon",
             viewBox: "0 0 12 12",
@@ -3337,9 +3354,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           onLeave
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_2$9, [
-              createElementVNode("div", _hoisted_3$9, [
-                renderSlot(_ctx.$slots, "default")
+            withDirectives(createElementVNode("div", _hoisted_2$a, [
+              createElementVNode("div", _hoisted_3$a, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ])
             ], 512), [
               [vShow, unref(isActive)]
@@ -3351,21 +3368,22 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "f-color-picker__swatch" };
-const _hoisted_2$8 = {
+const FCollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-d69a6c2b"]]);
+const _hoisted_1$a = { class: "f-color-picker__swatch" };
+const _hoisted_2$9 = {
   key: 0,
   class: "f-color-picker__panel"
 };
-const _hoisted_3$8 = { class: "f-color-picker__sliders" };
-const _hoisted_4$6 = { class: "f-color-picker__slider-group" };
-const _hoisted_5$3 = ["value"];
-const _hoisted_6$2 = {
+const _hoisted_3$9 = { class: "f-color-picker__sliders" };
+const _hoisted_4$7 = { class: "f-color-picker__slider-group" };
+const _hoisted_5$4 = ["value"];
+const _hoisted_6$3 = {
   key: 0,
   class: "f-color-picker__predefine"
 };
 const _hoisted_7 = ["onClick"];
 const hueBackground = "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FColorPicker",
   props: /* @__PURE__ */ mergeModels({
     showAlpha: { type: Boolean, default: false },
@@ -3591,7 +3609,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           class: "f-color-picker__trigger",
           onClick: togglePanel
         }, [
-          createElementVNode("div", _hoisted_1$9, [
+          createElementVNode("div", _hoisted_1$a, [
             createElementVNode("span", {
               class: "f-color-picker__swatch-color",
               style: normalizeStyle({ background: `rgba(${unref(previewRgb).r}, ${unref(previewRgb).g}, ${unref(previewRgb).b}, ${unref(hsva).a})` })
@@ -3600,7 +3618,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(Transition, { name: "f-color-picker-fade" }, {
           default: withCtx(() => [
-            unref(visible) ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+            unref(visible) ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
               createElementVNode("div", {
                 ref_key: "panelRef",
                 ref: panelRef,
@@ -3613,8 +3631,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle({ left: `${unref(hsva).s}%`, top: `${100 - unref(hsva).v}%` })
                 }, null, 4)
               ], 36),
-              createElementVNode("div", _hoisted_3$8, [
-                createElementVNode("div", _hoisted_4$6, [
+              createElementVNode("div", _hoisted_3$9, [
+                createElementVNode("div", _hoisted_4$7, [
                   createElementVNode("div", {
                     ref_key: "hueRef",
                     ref: hueRef,
@@ -3655,8 +3673,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 value: toColorString(),
                 onChange: handleInputChange,
                 onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => $event.target.blur(), ["enter"]))
-              }, null, 40, _hoisted_5$3),
-              _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+              }, null, 40, _hoisted_5$4),
+              _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.predefine, (color) => {
                   return openBlock(), createElementBlock("span", {
                     key: color,
@@ -3674,28 +3692,29 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "f-empty" };
-const _hoisted_2$7 = ["src"];
-const _hoisted_3$7 = {
+const FColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-2cc1dd01"]]);
+const _hoisted_1$9 = { class: "f-empty" };
+const _hoisted_2$8 = ["src"];
+const _hoisted_3$8 = {
   key: 1,
   viewBox: "0 0 160 160",
   class: "f-empty__image-default"
 };
-const _hoisted_4$5 = { class: "f-empty__description" };
-const _hoisted_5$2 = {
+const _hoisted_4$6 = { class: "f-empty__description" };
+const _hoisted_5$3 = {
   key: 0,
   class: "f-empty__extra"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FEmpty",
   props: {
-    description: { default: "暂无数据" },
+    description: { default: "鏆傛棤鏁版嵁" },
     image: { default: "" },
     imageSize: { default: 120 }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", {
           class: "f-empty__image",
           style: normalizeStyle({ width: `${_ctx.imageSize}px`, height: `${_ctx.imageSize}px` })
@@ -3706,30 +3725,31 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               src: _ctx.image,
               class: "f-empty__image-img",
               alt: ""
-            }, null, 8, _hoisted_2$7)) : (openBlock(), createElementBlock("svg", _hoisted_3$7, _cache[0] || (_cache[0] = [
-              createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08"></ellipse><path d="M40 60 L120 60 L128 128 L32 128 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35"></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5"></path>', 5)
+            }, null, 8, _hoisted_2$8)) : (openBlock(), createElementBlock("svg", _hoisted_3$8, _cache[0] || (_cache[0] = [
+              createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08" data-v-4df701ef></ellipse><path d="M40 60 L120 60 L128 128 L32 128 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35" data-v-4df701ef></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35" data-v-4df701ef></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35" data-v-4df701ef></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5" data-v-4df701ef></path>', 5)
             ])))
-          ])
+          ], true)
         ], 4),
-        createElementVNode("div", _hoisted_4$5, [
+        createElementVNode("div", _hoisted_4$6, [
           renderSlot(_ctx.$slots, "description", {}, () => [
             createTextVNode(toDisplayString(_ctx.description), 1)
-          ])
+          ], true)
         ]),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-          renderSlot(_ctx.$slots, "default")
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$7 = { class: "f-slider__mark-label" };
-const _hoisted_2$6 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
-const _hoisted_3$6 = {
+const FEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-4df701ef"]]);
+const _hoisted_1$8 = { class: "f-slider__mark-label" };
+const _hoisted_2$7 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
+const _hoisted_3$7 = {
   key: 0,
   class: "f-slider__tooltip"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FSlider",
   props: /* @__PURE__ */ mergeModels({
     min: { default: 0 },
@@ -3903,7 +3923,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(_ctx.vertical ? { bottom: `${mark.percent}%` } : { left: `${mark.percent}%` })
             }, [
               _cache[1] || (_cache[1] = createElementVNode("span", { class: "f-slider__mark-dot" }, null, -1)),
-              createElementVNode("span", _hoisted_1$7, toDisplayString(mark.label), 1)
+              createElementVNode("span", _hoisted_1$8, toDisplayString(mark.label), 1)
             ], 4);
           }), 128)),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(values), (value, index) => {
@@ -3923,18 +3943,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(Transition, { name: "f-slider-tooltip-fade" }, {
                 default: withCtx(() => [
-                  tooltipVisible(index) ? (openBlock(), createElementBlock("div", _hoisted_3$6, toDisplayString(value), 1)) : createCommentVNode("", true)
+                  tooltipVisible(index) ? (openBlock(), createElementBlock("div", _hoisted_3$7, toDisplayString(value), 1)) : createCommentVNode("", true)
                 ]),
                 _: 2
               }, 1024)
-            ], 46, _hoisted_2$6);
+            ], 46, _hoisted_2$7);
           }), 128))
         ], 544)
       ], 2);
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const FSlider = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ac11d4e9"]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FScrollbar",
   props: {
     height: { default: "" },
@@ -4089,7 +4110,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ref: resizeRef,
             class: "f-scrollbar__view"
           }, [
-            renderSlot(_ctx.$slots, "default")
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ], 512)
         ], 38),
         !_ctx.native ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -4122,16 +4143,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["disabled"];
-const _hoisted_2$5 = ["value", "disabled", "placeholder"];
-const _hoisted_3$5 = ["disabled"];
-const _hoisted_4$4 = {
+const FScrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b0e3c8ea"]]);
+const _hoisted_1$7 = ["disabled"];
+const _hoisted_2$6 = ["value", "disabled", "placeholder"];
+const _hoisted_3$6 = ["disabled"];
+const _hoisted_4$5 = {
   key: 2,
   class: "f-input-number__stack"
 };
-const _hoisted_5$1 = ["disabled"];
-const _hoisted_6$1 = ["disabled"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_5$2 = ["disabled"];
+const _hoisted_6$2 = ["disabled"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FInputNumber",
   props: /* @__PURE__ */ mergeModels({
     min: { default: -Infinity },
@@ -4276,7 +4298,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ], 40, _hoisted_1$6)) : createCommentVNode("", true),
+        ], 40, _hoisted_1$7)) : createCommentVNode("", true),
         createElementVNode("input", {
           ref_key: "inputRef",
           ref: inputRef,
@@ -4291,7 +4313,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           onBlur: handleBlur,
           onKeydown: handleKeydown,
           onWheel: handleWheel
-        }, null, 40, _hoisted_2$5),
+        }, null, 40, _hoisted_2$6),
         _ctx.controls && _ctx.controlsPosition === "both" ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
@@ -4308,8 +4330,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ], 40, _hoisted_3$5)) : createCommentVNode("", true),
-        _ctx.controls && _ctx.controlsPosition === "right" ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+        ], 40, _hoisted_3$6)) : createCommentVNode("", true),
+        _ctx.controls && _ctx.controlsPosition === "right" ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
           createElementVNode("button", {
             type: "button",
             class: "f-input-number__stack-btn",
@@ -4325,7 +4347,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 40, _hoisted_5$1),
+          ], 40, _hoisted_5$2),
           createElementVNode("button", {
             type: "button",
             class: "f-input-number__stack-btn",
@@ -4341,35 +4363,35 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 40, _hoisted_6$1)
+          ], 40, _hoisted_6$2)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-22ea6310"]]);
-const _hoisted_1$5 = { class: "f-result__icon" };
-const _hoisted_2$4 = {
+const FInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3a928408"]]);
+const _hoisted_1$6 = { class: "f-result__icon" };
+const _hoisted_2$5 = {
   key: 0,
   class: "f-result__code"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$5 = {
   key: 0,
   class: "f-result__title"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
   key: 1,
   class: "f-result__subtitle"
 };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   key: 2,
   class: "f-result__extra"
 };
-const _hoisted_6 = {
+const _hoisted_6$1 = {
   key: 3,
   class: "f-result__content"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FResult",
   props: {
     status: { default: "info" },
@@ -4395,9 +4417,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-result", `f-result--${_ctx.status}`])
       }, [
-        createElementVNode("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_1$6, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
-            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon, {
+            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon, {
               key: 1,
               size: 72
             }, {
@@ -4408,28 +4430,28 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             }))
           ], true)
         ]),
-        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.subtitle || _ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+        _ctx.$slots.subtitle || _ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
           renderSlot(_ctx.$slots, "subtitle", {}, () => [
             createTextVNode(toDisplayString(_ctx.subTitle), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
           renderSlot(_ctx.$slots, "extra", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FResult = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-1667a865"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const FResult = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f0bf955f"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FMask",
   props: /* @__PURE__ */ mergeModels({
     maskClosable: { type: Boolean, default: true },
@@ -4484,8 +4506,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMask = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e0510925"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const FMask = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-a2989c99"]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FMarquee",
   props: {
     text: { default: "Fantasia UI" },
@@ -4513,15 +4535,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMarquee = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-87e87d12"]]);
-const _hoisted_1$4 = { class: "f-step__icon" };
-const _hoisted_2$3 = { class: "f-step__content" };
-const _hoisted_3$3 = { class: "f-step__title" };
-const _hoisted_4$2 = {
+const FMarquee = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-83eeea3d"]]);
+const _hoisted_1$5 = { class: "f-step__icon" };
+const _hoisted_2$4 = { class: "f-step__content" };
+const _hoisted_3$4 = { class: "f-step__title" };
+const _hoisted_4$3 = {
   key: 0,
   class: "f-step__description"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "FSteps",
   props: {
     items: {},
@@ -4546,10 +4568,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             key: `${index}-step`,
             class: normalizeClass(["f-step", [`is-${resolvedStatus(index, item.status)}`]])
           }, [
-            createElementVNode("div", _hoisted_1$4, toDisplayString(index + 1), 1),
-            createElementVNode("div", _hoisted_2$3, [
-              createElementVNode("div", _hoisted_3$3, toDisplayString(item.title || `Step ${index + 1}`), 1),
-              item.description || _ctx.statusText ? (openBlock(), createElementBlock("div", _hoisted_4$2, toDisplayString(item.description || "Processing"), 1)) : createCommentVNode("", true)
+            createElementVNode("div", _hoisted_1$5, toDisplayString(index + 1), 1),
+            createElementVNode("div", _hoisted_2$4, [
+              createElementVNode("div", _hoisted_3$4, toDisplayString(item.title || `Step ${index + 1}`), 1),
+              item.description || _ctx.statusText ? (openBlock(), createElementBlock("div", _hoisted_4$3, toDisplayString(item.description || "Processing"), 1)) : createCommentVNode("", true)
             ])
           ], 2);
         }), 128))
@@ -4557,12 +4579,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FSteps = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a97e1683"]]);
-const _hoisted_1$3 = { class: "f-dialog__icon" };
-const _hoisted_2$2 = { class: "f-dialog__title" };
-const _hoisted_3$2 = { class: "f-dialog__body" };
-const _hoisted_4$1 = { key: 0 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const FSteps = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-39ce5b1c"]]);
+const _hoisted_1$4 = { class: "f-dialog__icon" };
+const _hoisted_2$3 = { class: "f-dialog__title" };
+const _hoisted_3$3 = { class: "f-dialog__body" };
+const _hoisted_4$2 = { key: 0 };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "FDialog",
   props: /* @__PURE__ */ mergeModels({
     title: { default: "提示" },
@@ -4655,7 +4677,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(["f-dialog__header", { "has-divider": _ctx.divider }])
                     }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
-                        createElementVNode("div", _hoisted_1$3, [
+                        createElementVNode("div", _hoisted_1$4, [
                           createVNode(FIcon, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
@@ -4663,13 +4685,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                             _: 1
                           })
                         ]),
-                        createElementVNode("h3", _hoisted_2$2, toDisplayString(_ctx.title), 1)
-                      ])
+                        createElementVNode("h3", _hoisted_2$3, toDisplayString(_ctx.title), 1)
+                      ], true)
                     ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3$2, [
+                    createElementVNode("div", _hoisted_3$3, [
                       renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
-                      ])
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$2, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
                     ]),
                     createElementVNode("div", {
                       class: normalizeClass(["f-dialog__footer", { "has-divider": _ctx.divider }])
@@ -4693,7 +4715,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 1
                         })
-                      ])
+                      ], true)
                     ], 2)
                   ], 2)) : createCommentVNode("", true)
                 ]),
@@ -4707,17 +4729,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = {
+const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-32296f2f"]]);
+const _hoisted_1$3 = {
   key: 0,
   class: "f-drawer__header"
 };
-const _hoisted_2$1 = { class: "f-drawer__title" };
-const _hoisted_3$1 = { class: "f-drawer__body" };
-const _hoisted_4 = {
+const _hoisted_2$2 = { class: "f-drawer__title" };
+const _hoisted_3$2 = { class: "f-drawer__body" };
+const _hoisted_4$1 = {
   key: 1,
   class: "f-drawer__footer"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "FDrawer",
   props: /* @__PURE__ */ mergeModels({
     title: {},
@@ -4777,9 +4800,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 [_ctx.placement === "left" || _ctx.placement === "right" ? "width" : "height"]: _ctx.size
               })
             }, [
-              _ctx.title || _ctx.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+              _ctx.title || _ctx.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
                 renderSlot(_ctx.$slots, "header", {}, () => [
-                  createElementVNode("h3", _hoisted_2$1, toDisplayString(_ctx.title), 1)
+                  createElementVNode("h3", _hoisted_2$2, toDisplayString(_ctx.title), 1)
                 ], true),
                 _ctx.showClose ? (openBlock(), createElementBlock("button", {
                   key: 0,
@@ -4796,10 +4819,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   })
                 ])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_3$2, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ]),
-              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
                 renderSlot(_ctx.$slots, "footer", {}, void 0, true)
               ])) : createCommentVNode("", true)
             ], 6)) : createCommentVNode("", true)
@@ -4810,7 +4833,455 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c932e83d"]]);
+const FDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-8f7155b9"]]);
+const _hoisted_1$2 = { class: "crop-box" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "crop-container"
+};
+const _hoisted_3$1 = ["src"];
+const _hoisted_4 = ["draggable"];
+const _hoisted_5 = ["id", "data-direction", "onMousedown", "onTouchstart"];
+const _hoisted_6 = {
+  key: 1,
+  class: "empty-state"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "FCrop",
+  props: {
+    src: {},
+    resizeDir: { default: () => ["top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right"] },
+    size: { default: 200 },
+    minResizeSize: { default: 50 },
+    outputFileType: { default: "image/png" },
+    outputType: { default: "file" },
+    quality: { default: 0.92 },
+    scale: { default: 2 },
+    mosaic: { type: Boolean, default: false },
+    backgroundColor: { default: "" },
+    cutClass: { default: "" },
+    resizeClass: { default: "" }
+  },
+  emits: ["crop", "change", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const resizeDirArray = ["top", "right", "bottom", "left", "top-left", "top-right", "bottom-left", "bottom-right"];
+    const props = __props;
+    const emit = __emit;
+    const imageUrl = ref("");
+    const cutPosition = ref({ x: 0, y: 0 });
+    const isDragging = ref(false);
+    const startPos = ref({ x: 0, y: 0 });
+    const size = ref(props.size);
+    const width = ref(props.size);
+    const height = ref(props.size);
+    const isResizing = ref(false);
+    const resizeStartPos = ref({ x: 0, y: 0 });
+    const maskStyle = computed(() => {
+      const x = cutPosition.value.x;
+      const y = cutPosition.value.y;
+      return {
+        clipPath: `polygon(
+      0 0,
+      100% 0,
+      100% 100%,
+      0 100%,
+      0 ${y}px,
+      ${x}px ${y}px,
+      ${x}px ${y + height.value}px,
+      ${x + width.value}px ${y + height.value}px,
+      ${x + width.value}px ${y}px,
+      ${x}px ${y}px,
+      0 ${y}px
+    )`
+      };
+    });
+    watch(() => props.src, (newSrc) => {
+      if (!newSrc) {
+        imageUrl.value = "";
+        return;
+      }
+      if (typeof newSrc === "string") {
+        imageUrl.value = newSrc;
+      } else if (newSrc instanceof File) {
+        imageUrl.value = URL.createObjectURL(newSrc);
+      }
+      nextTick(() => {
+        const img2 = new Image();
+        img2.src = imageUrl.value;
+        img2.onload = () => {
+          preCalculate();
+          requestAnimationFrame(() => throttledHandleCut());
+        };
+      });
+    }, { immediate: true });
+    let container = null;
+    let img = null;
+    let containerWidth;
+    let containerHeight;
+    let imgRatio;
+    let containerRatio;
+    let renderedWidth;
+    let renderedHeight;
+    let offsetX;
+    let offsetY;
+    const rafThrottle = (func) => {
+      let isRunning = false;
+      return (...args) => {
+        if (!isRunning) {
+          isRunning = true;
+          requestAnimationFrame(() => {
+            func.apply(this, args);
+            isRunning = false;
+          });
+        }
+      };
+    };
+    const preCalculate = () => {
+      container = document.querySelector(".preview");
+      if (!container) return;
+      img = container.querySelector(".image");
+      if (!img) return;
+      requestAnimationFrame(() => {
+        if (!container || !img) return;
+        containerWidth = container.clientWidth;
+        containerHeight = container.clientHeight;
+        imgRatio = img.naturalWidth / img.naturalHeight;
+        containerRatio = containerWidth / containerHeight;
+        if (imgRatio > containerRatio) {
+          renderedWidth = containerWidth;
+          renderedHeight = containerWidth / imgRatio;
+        } else {
+          renderedHeight = containerHeight;
+          renderedWidth = containerHeight * imgRatio;
+        }
+        offsetX = (containerWidth - renderedWidth) / 2;
+        offsetY = (containerHeight - renderedHeight) / 2;
+        const initSize = Math.min(size.value, Math.min(renderedWidth, renderedHeight));
+        size.value = initSize;
+        width.value = initSize;
+        height.value = initSize;
+        const maxX = offsetX + renderedWidth - initSize;
+        const maxY = offsetY + renderedHeight - initSize;
+        cutPosition.value = {
+          x: Math.max(offsetX, Math.min(offsetX + (renderedWidth - initSize) / 2, maxX)),
+          y: Math.max(offsetY, Math.min(offsetY + (renderedHeight - initSize) / 2, maxY))
+        };
+      });
+    };
+    const handleDragStart = (e) => {
+      isDragging.value = true;
+      isResizing.value = false;
+      const rect = e.currentTarget.getBoundingClientRect();
+      let clientX;
+      let clientY;
+      if (e instanceof TouchEvent) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+      startPos.value = {
+        x: clientX - rect.left,
+        y: clientY - rect.top
+      };
+      if (e instanceof DragEvent) {
+        if (e.dataTransfer) {
+          e.dataTransfer.setDragImage(new Image(), 0, 0);
+        }
+      } else {
+        e.preventDefault();
+      }
+    };
+    const handleDragMove = (e) => {
+      if (!isDragging.value || isResizing.value) return;
+      let clientX;
+      let clientY;
+      if (e instanceof TouchEvent) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+      if (!clientX || !clientY) return;
+      e.preventDefault();
+      const containerEl = document.querySelector(".preview");
+      if (!containerEl) return;
+      const rect = containerEl.getBoundingClientRect();
+      let newX = clientX - startPos.value.x - rect.left;
+      let newY = clientY - startPos.value.y - rect.top;
+      const imageLeft = offsetX;
+      const imageTop = offsetY;
+      const imageRight = offsetX + renderedWidth;
+      const imageBottom = offsetY + renderedHeight;
+      newX = Math.max(imageLeft, Math.min(newX, imageRight - width.value));
+      newY = Math.max(imageTop, Math.min(newY, imageBottom - height.value));
+      cutPosition.value = { x: newX, y: newY };
+      throttledHandleCut();
+    };
+    const handleDragEnd = () => isDragging.value = false;
+    const tempCanvas = () => {
+      return document.createElement("canvas");
+    };
+    const handleCut = () => __async(this, null, function* () {
+      if (!container || !img) return null;
+      const currentOffsetX = offsetX;
+      const currentOffsetY = offsetY;
+      const currentRenderedWidth = renderedWidth;
+      const currentRenderedHeight = renderedHeight;
+      const sx = (cutPosition.value.x - currentOffsetX) * (img.naturalWidth / currentRenderedWidth);
+      const sy = (cutPosition.value.y - currentOffsetY) * (img.naturalHeight / currentRenderedHeight);
+      const validSx = Math.max(0, sx);
+      const validSy = Math.max(0, sy);
+      const validWidth = Math.min(width.value * (img.naturalWidth / renderedWidth), img.naturalWidth - validSx);
+      const validHeight = Math.min(height.value * (img.naturalHeight / renderedHeight), img.naturalHeight - validSy);
+      const cvs = tempCanvas();
+      cvs.width = width.value * props.scale;
+      cvs.height = height.value * props.scale;
+      const ctx = cvs.getContext("2d");
+      ctx.clearRect(0, 0, cvs.width, cvs.height);
+      ctx.drawImage(
+        img,
+        validSx,
+        validSy,
+        validWidth,
+        validHeight,
+        0,
+        0,
+        width.value * props.scale,
+        height.value * props.scale
+      );
+      return new Promise((resolve) => {
+        cvs.toBlob((blob) => {
+          if (!blob) {
+            resolve({ width: width.value, height: height.value });
+            return;
+          }
+          const result = {
+            width: width.value * props.scale,
+            height: height.value * props.scale
+          };
+          if (props.outputType === "file" || props.outputType === "blob") {
+            result.blob = blob;
+          }
+          if (props.outputType === "file") {
+            result.file = new File([blob], `crop-${Date.now()}.${props.outputFileType.split("/")[1]}`, {
+              type: props.outputFileType
+            });
+          }
+          if (props.outputType === "base64") {
+            result.base64 = cvs.toDataURL(props.outputFileType, props.quality);
+          }
+          resolve(result);
+        }, props.outputFileType, props.quality);
+      });
+    });
+    const throttledHandleCut = rafThrottle(() => __async(this, null, function* () {
+      const result = yield handleCut();
+      if (result) {
+        emit("change", result);
+      }
+    }));
+    const handleConfirm = () => __async(this, null, function* () {
+      const result = yield handleCut();
+      if (result) {
+        emit("crop", result);
+      }
+    });
+    const handleCancel = () => {
+      emit("cancel");
+    };
+    const handleResizeStart = (e, direction) => {
+      var _a;
+      if (e instanceof TouchEvent && e.cancelable) e.preventDefault();
+      const dirEl = document.getElementById(direction || "");
+      if (dirEl) dirEl.classList.add("is_focus");
+      isResizing.value = true;
+      isDragging.value = false;
+      const dir = direction || ((_a = e.target.dataset) == null ? void 0 : _a.direction);
+      if (!dir) return;
+      let clientX;
+      let clientY;
+      if (e instanceof TouchEvent) {
+        clientX = e.touches[0].clientX;
+        clientY = e.touches[0].clientY;
+      } else {
+        clientX = e.clientX;
+        clientY = e.clientY;
+      }
+      resizeStartPos.value = { x: clientX, y: clientY };
+      const moveEvent = e instanceof MouseEvent ? "mousemove" : "touchmove";
+      const endEvent = e instanceof MouseEvent ? "mouseup" : "touchend";
+      const onMove = (moveE) => {
+        if (!isResizing.value) return;
+        let moveX;
+        let moveY;
+        if (moveE instanceof TouchEvent) {
+          moveX = moveE.touches[0].clientX;
+          moveY = moveE.touches[0].clientY;
+        } else {
+          moveX = moveE.clientX;
+          moveY = moveE.clientY;
+        }
+        if (!container) return;
+        const containerRect = container.getBoundingClientRect();
+        if (moveX < containerRect.left || moveX > containerRect.right || moveY < containerRect.top || moveY > containerRect.bottom) {
+          onEnd();
+          return;
+        }
+        requestAnimationFrame(() => {
+          const deltaX = moveX - resizeStartPos.value.x;
+          const deltaY = moveY - resizeStartPos.value.y;
+          let newWidth = width.value;
+          let newHeight = height.value;
+          let newX = cutPosition.value.x;
+          let newY = cutPosition.value.y;
+          const maxWidth = offsetX + renderedWidth - cutPosition.value.x;
+          const maxHeight = offsetY + renderedHeight - cutPosition.value.y;
+          const availableHeight = cutPosition.value.y - offsetY + height.value;
+          switch (dir) {
+            case "top":
+              newHeight = Math.max(props.minResizeSize, Math.min(height.value - deltaY, availableHeight));
+              newY = Math.max(offsetY, Math.min(cutPosition.value.y + (height.value - newHeight), offsetY + renderedHeight - newHeight));
+              break;
+            case "right":
+              newWidth = Math.max(props.minResizeSize, Math.min(width.value + deltaX, maxWidth));
+              break;
+            case "bottom":
+              newHeight = Math.max(props.minResizeSize, Math.min(height.value + deltaY, maxHeight));
+              break;
+            case "left":
+              newWidth = Math.max(props.minResizeSize, Math.min(width.value - deltaX, maxWidth));
+              newX = cutPosition.value.x + (width.value - newWidth);
+              break;
+            case "top-left":
+              newWidth = Math.max(props.minResizeSize, Math.min(width.value - deltaX, maxWidth));
+              newHeight = Math.max(props.minResizeSize, Math.min(height.value - deltaY, availableHeight));
+              newX = Math.max(offsetX, cutPosition.value.x + (width.value - newWidth));
+              newY = Math.max(offsetY, Math.min(cutPosition.value.y + (height.value - newHeight), offsetY + renderedHeight - newHeight));
+              break;
+            case "top-right":
+              newWidth = Math.max(props.minResizeSize, Math.min(width.value + deltaX, maxWidth));
+              newHeight = Math.max(props.minResizeSize, Math.min(height.value - deltaY, availableHeight));
+              newY = Math.max(offsetY, Math.min(cutPosition.value.y + (height.value - newHeight), offsetY + renderedHeight - newHeight));
+              break;
+            case "bottom-left":
+              newWidth = Math.max(props.minResizeSize, Math.min(width.value - deltaX, maxWidth));
+              newHeight = Math.max(props.minResizeSize, Math.min(height.value + deltaY, maxHeight));
+              newX = cutPosition.value.x + (width.value - newWidth);
+              break;
+            case "bottom-right":
+              newWidth = Math.max(props.minResizeSize, Math.min(width.value + deltaX, maxWidth));
+              newHeight = Math.max(props.minResizeSize, Math.min(height.value + deltaY, maxHeight));
+              break;
+          }
+          newX = Math.max(offsetX, Math.min(newX, offsetX + renderedWidth - newWidth));
+          newY = Math.max(offsetY, Math.min(newY, offsetY + renderedHeight - newHeight));
+          width.value = newWidth;
+          height.value = newHeight;
+          cutPosition.value = { x: newX, y: newY };
+          throttledHandleCut();
+          resizeStartPos.value = { x: moveX, y: moveY };
+        });
+      };
+      const onEnd = () => {
+        if (isResizing.value && dirEl) {
+          isResizing.value = false;
+          dirEl.classList.remove("is_focus");
+          document.removeEventListener(moveEvent, onMove);
+          document.removeEventListener(endEvent, onEnd);
+          document.removeEventListener("mouseleave", onEnd);
+        }
+      };
+      document.addEventListener(moveEvent, onMove);
+      document.addEventListener(endEvent, onEnd);
+      document.addEventListener("mouseleave", onEnd);
+      e.stopPropagation();
+    };
+    const handleWindowResize = () => {
+      preCalculate();
+      throttledHandleCut();
+    };
+    onMounted(() => {
+      window.addEventListener("resize", handleWindowResize);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", handleWindowResize);
+      if (imageUrl.value && imageUrl.value.startsWith("blob:")) {
+        URL.revokeObjectURL(imageUrl.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        unref(imageUrl) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createElementVNode("div", {
+            class: normalizeClass(["preview", { "mosaic-bg": props.mosaic }]),
+            style: normalizeStyle({ background: props.backgroundColor || void 0 })
+          }, [
+            createElementVNode("img", {
+              src: unref(imageUrl),
+              class: "image"
+            }, null, 8, _hoisted_3$1),
+            createElementVNode("div", {
+              style: normalizeStyle({
+                transform: `translate(${unref(cutPosition).x}px, ${unref(cutPosition).y}px)`,
+                width: `${unref(width)}px`,
+                height: `${unref(height)}px`
+              }),
+              draggable: !unref(isResizing),
+              onDragstart: handleDragStart,
+              onDrag: handleDragMove,
+              onDragend: handleDragEnd,
+              onTouchstart: handleDragStart,
+              onTouchmove: handleDragMove,
+              onTouchend: handleDragEnd,
+              class: normalizeClass(["cut", [props.cutClass, unref(isDragging) ? "move" : "", unref(isResizing) ? "move" : ""]])
+            }, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(resizeDirArray, (direction, i) => {
+                return openBlock(), createElementBlock(Fragment, { key: i }, [
+                  props.resizeDir.includes(direction) ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    id: direction,
+                    class: normalizeClass([
+                      direction.includes("-") ? "resize-point" : "resize-line",
+                      direction,
+                      props.resizeClass
+                    ]),
+                    "data-direction": direction,
+                    onMousedown: ($event) => handleResizeStart($event, direction),
+                    onTouchstart: ($event) => handleResizeStart($event, direction)
+                  }, null, 42, _hoisted_5)) : createCommentVNode("", true)
+                ], 64);
+              }), 64))
+            ], 46, _hoisted_4),
+            createElementVNode("div", {
+              class: "mask",
+              style: normalizeStyle(unref(maskStyle))
+            }, null, 4)
+          ], 6),
+          createElementVNode("div", { class: "actions" }, [
+            createElementVNode("button", {
+              onClick: handleCancel,
+              class: "btn btn-cancel",
+              type: "button"
+            }, "取消"),
+            createElementVNode("button", {
+              onClick: handleConfirm,
+              class: "btn btn-primary",
+              type: "button"
+            }, "确认裁剪")
+          ])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            _cache[0] || (_cache[0] = createElementVNode("div", { class: "empty-text" }, "请设置 src 属性加载图片", -1))
+          ], true)
+        ]))
+      ]);
+    };
+  }
+});
+const FCrop = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-54852b1f"]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FAffix,
@@ -4823,16 +5294,17 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FCard,
   FCheckbox,
   FCol,
-  FCollapse: _sfc_main$e,
-  FCollapseItem: _sfc_main$d,
-  FColorPicker: _sfc_main$c,
+  FCollapse,
+  FCollapseItem,
+  FColorPicker,
   FContainer,
-  FDialog: _sfc_main$3,
+  FCrop,
+  FDialog: FDialogComp,
   FDivider,
   FDrawer,
   FDropdown,
   FEditor,
-  FEmpty: _sfc_main$b,
+  FEmpty,
   FForm,
   FFormItem,
   FIcon,
@@ -4850,9 +5322,9 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FRate,
   FResult,
   FRow,
-  FScrollbar: _sfc_main$9,
+  FScrollbar,
   FSelect,
-  FSlider: _sfc_main$a,
+  FSlider,
   FSpace,
   FSteps,
   FSwitch,
@@ -4884,7 +5356,7 @@ const showDialog = (options) => {
       render(null, container);
       document.body.removeChild(container);
     };
-    const vnode = h(_sfc_main$3, __spreadValues({
+    const vnode = h(FDialogComp, __spreadValues({
       modelValue: visible.value,
       "onUpdate:modelValue": (val) => {
         visible.value = val;
@@ -5039,7 +5511,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-97556afa"]]);
+const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a4468253"]]);
 const GAP$1 = 16;
 const BASE_OFFSET$1 = 20;
 let seed$1 = 0;
@@ -5229,7 +5701,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a7315d6"]]);
+const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dcbe6189"]]);
 const GAP = 16;
 const BASE_OFFSET = 20;
 let seed = 0;
@@ -5336,17 +5808,18 @@ export {
   FCard,
   FCheckbox,
   FCol,
-  _sfc_main$e as FCollapse,
-  _sfc_main$d as FCollapseItem,
-  _sfc_main$c as FColorPicker,
+  FCollapse,
+  FCollapseItem,
+  FColorPicker,
   FContainer,
-  _sfc_main$3 as FDialog,
+  FCrop,
+  FDialogComp as FDialog,
   FDialog as FDialogBox,
   FDivider,
   FDrawer,
   FDropdown,
   FEditor,
-  _sfc_main$b as FEmpty,
+  FEmpty,
   FForm,
   FFormItem,
   FIcon,
@@ -5366,9 +5839,9 @@ export {
   FRate,
   FResult,
   FRow,
-  _sfc_main$9 as FScrollbar,
+  FScrollbar,
   FSelect,
-  _sfc_main$a as FSlider,
+  FSlider,
   FSpace,
   FSteps,
   FSwitch,