fantasia-ui 0.2.45 → 0.2.47

package/dist/fantasia-ui.es.js

@@ -40,7 +40,7 @@ var __async = (__this, __arguments, generator) => {
 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, onMounted, onBeforeUnmount, render, h, provide, readonly, reactive, toRefs, createStaticVNode } from "vue";
 import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, CloseOutline, InformationCircleOutline, AlertCircleOutline, WarningOutline, CheckmarkCircleOutline, InformationCircle, Warning, CheckmarkCircle, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, AlertCircle } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -64,24 +64,24 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$5 = (sfc, props) => {
+const _export_sfc$7 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
   }
   return target;
 };
-const FIcon$5 = /* @__PURE__ */ _export_sfc$5(_sfc_main$O, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$7 = /* @__PURE__ */ _export_sfc$7(_sfc_main$Y, [["__scopeId", "data-v-baf7de0c"]]);
 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$z = {
+const _hoisted_1$D = {
   key: 0,
   class: "loop cubes"
 };
-const _hoisted_2$t = {
+const _hoisted_2$x = {
   key: 2,
   class: "msg"
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "FLoading",
   props: {
     type: { default: "dots" },
@@ -94,7 +94,7 @@ const _sfc_main$I = /* @__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$z, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -105,23 +105,23 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["loader", _ctx.type])
         }, null, 2)),
-        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$t, 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$5(_sfc_main$I, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$y = { class: "f-image" };
-const _hoisted_2$s = {
+const FLoading = /* @__PURE__ */ _export_sfc$7(_sfc_main$W, [["__scopeId", "data-v-20f58a50"]]);
+const _hoisted_1$C = { class: "f-image" };
+const _hoisted_2$w = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$o = {
+const _hoisted_3$r = {
   key: 0,
   class: "f-image__error"
 };
-const _hoisted_4$h = ["src", "loading"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _hoisted_4$j = ["src", "loading"];
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "FImage",
   props: {
     src: {},
@@ -138,10 +138,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const onLoad = () => status.value = "loaded";
     const onError = () => status.value = "error";
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
+            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
               createVNode(FLoading, { type: "classic first" })
             ])) : createCommentVNode("", true)
           ]),
@@ -149,9 +149,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         }),
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$o, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
               renderSlot(_ctx.$slots, "error", {}, () => [
-                createVNode(FIcon$5, { size: "48px" }, {
+                createVNode(FIcon$7, { size: "48px" }, {
                   default: withCtx(() => [
                     createVNode(unref(PictureError))
                   ]),
@@ -169,17 +169,17 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           class: "f-image__img",
           onLoad,
           onError
-        }, null, 44, _hoisted_4$h), [
+        }, null, 44, _hoisted_4$j), [
           [vShow, unref(status) === "loaded"]
         ])
       ]);
     };
   }
 });
-const FImage = /* @__PURE__ */ _export_sfc$5(_sfc_main$H, [["__scopeId", "data-v-e959ab10"]]);
-const _hoisted_1$x = ["type", "value", "placeholder"];
-const _hoisted_2$r = { class: "f-input__suffix" };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const FImage = /* @__PURE__ */ _export_sfc$7(_sfc_main$V, [["__scopeId", "data-v-e959ab10"]]);
+const _hoisted_1$B = ["type", "value", "placeholder"];
+const _hoisted_2$v = { class: "f-input__suffix" };
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "FInput",
   props: /* @__PURE__ */ mergeModels({
     type: {},
@@ -244,9 +244,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           onBlur,
           onFocus,
           class: "f-input__inner"
-        }, null, 40, _hoisted_1$x),
-        createElementVNode("div", _hoisted_2$r, [
-          unref(showClearIcon) ? (openBlock(), createBlock(FIcon$5, {
+        }, null, 40, _hoisted_1$B),
+        createElementVNode("div", _hoisted_2$v, [
+          unref(showClearIcon) ? (openBlock(), createBlock(FIcon$7, {
             key: 0,
             onClick: clearValue,
             class: "icon-btn"
@@ -256,7 +256,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          unref(showPasswordIcon) ? (openBlock(), createBlock(FIcon$5, {
+          unref(showPasswordIcon) ? (openBlock(), createBlock(FIcon$7, {
             key: 1,
             onClick: togglePassword,
             class: "icon-btn"
@@ -272,13 +272,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FInput = /* @__PURE__ */ _export_sfc$5(_sfc_main$G, [["__scopeId", "data-v-68f468e1"]]);
-const _hoisted_1$w = ["onMousemove"];
-const _hoisted_2$q = {
+const FInput = /* @__PURE__ */ _export_sfc$7(_sfc_main$U, [["__scopeId", "data-v-68f468e1"]]);
+const _hoisted_1$A = ["onMousemove"];
+const _hoisted_2$u = {
   key: 0,
   class: "f-rate__score"
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "FRate",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -352,7 +352,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             onMousemove: ($event) => onMouseMove($event, index),
             onClick
           }, [
-            createVNode(FIcon$5, {
+            createVNode(FIcon$7, {
               color: getStarColor(index),
               size: unref(starSize)
             }, {
@@ -361,23 +361,23 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$w);
+          ], 40, _hoisted_1$A);
         }), 128)),
-        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$q, 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$5(_sfc_main$F, [["__scopeId", "data-v-3b5c4f14"]]);
-const _hoisted_1$v = { class: "f-dropdown-wrapper" };
-const _hoisted_2$p = { class: "f-dropdown-content" };
-const _hoisted_3$n = ["onClick"];
-const _hoisted_4$g = {
+const FRate = /* @__PURE__ */ _export_sfc$7(_sfc_main$T, [["__scopeId", "data-v-3b5c4f14"]]);
+const _hoisted_1$z = { class: "f-dropdown-wrapper" };
+const _hoisted_2$t = { class: "f-dropdown-content" };
+const _hoisted_3$q = ["onClick"];
+const _hoisted_4$i = {
   key: 0,
   class: "opt-icon"
 };
-const _hoisted_5$e = { class: "opt-label" };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _hoisted_5$g = { class: "opt-label" };
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
@@ -549,7 +549,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "click", handleWindowClick);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -579,18 +579,18 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                   class: "f-dropdown-bridge",
                   style: normalizeStyle(unref(bridgeStyle))
                 }, null, 4)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_2$p, [
+                createElementVNode("div", _hoisted_2$t, [
                   _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_4$g, [
+                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$i, [
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_5$e, toDisplayString(opt.label), 1)
-                    ], 10, _hoisted_3$n);
+                      createElementVNode("span", _hoisted_5$g, toDisplayString(opt.label), 1)
+                    ], 10, _hoisted_3$q);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
               ], 36)) : createCommentVNode("", true)
@@ -602,8 +602,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDropdown = /* @__PURE__ */ _export_sfc$5(_sfc_main$E, [["__scopeId", "data-v-834f9929"]]);
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const FDropdown = /* @__PURE__ */ _export_sfc$7(_sfc_main$S, [["__scopeId", "data-v-ecac3ad8"]]);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "FSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -661,7 +661,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(["f-select__label", { "is-placeholder": !unref(hasValue) }])
             }, toDisplayString(unref(selectedLabel)), 3),
-            createVNode(FIcon$5, { class: "f-select__arrow" }, {
+            createVNode(FIcon$7, { class: "f-select__arrow" }, {
               default: withCtx(() => [
                 createVNode(unref(ChevronDownOutline))
               ]),
@@ -674,36 +674,36 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FSelect = /* @__PURE__ */ _export_sfc$5(_sfc_main$D, [["__scopeId", "data-v-fc1ceb39"]]);
-const _hoisted_1$u = {
+const FSelect = /* @__PURE__ */ _export_sfc$7(_sfc_main$R, [["__scopeId", "data-v-d4fb19d1"]]);
+const _hoisted_1$y = {
   key: 0,
   class: "f-pagination"
 };
-const _hoisted_2$o = {
+const _hoisted_2$s = {
   key: 0,
   class: "f-pagination__total"
 };
-const _hoisted_3$m = {
+const _hoisted_3$p = {
   key: 1,
   class: "f-pagination__size"
 };
-const _hoisted_4$f = ["value"];
-const _hoisted_5$d = ["value"];
-const _hoisted_6$7 = {
+const _hoisted_4$h = ["value"];
+const _hoisted_5$f = ["value"];
+const _hoisted_6$8 = {
   key: 3,
   class: "f-pagination__list"
 };
-const _hoisted_7$3 = {
+const _hoisted_7$5 = {
   key: 0,
   class: "page-btn ellipsis"
 };
-const _hoisted_8$2 = ["onClick"];
-const _hoisted_9$2 = {
+const _hoisted_8$4 = ["onClick"];
+const _hoisted_9$4 = {
   key: 5,
   class: "f-pagination__jump"
 };
-const _hoisted_10$2 = ["max"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_10$3 = ["max"];
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "FPagination",
   props: /* @__PURE__ */ mergeModels({
     total: {},
@@ -752,10 +752,10 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       jumpInput.value = "";
     };
     return (_ctx, _cache) => {
-      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutItems), (item) => {
           return openBlock(), createElementBlock(Fragment, { key: item }, [
-            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$o, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
+            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,
@@ -765,25 +765,25 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$d);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$f);
                 }), 128))
-              ], 40, _hoisted_4$f)
+              ], 40, _hoisted_4$h)
             ])) : item === "prev" ? (openBlock(), createElementBlock("button", {
               key: 2,
               class: normalizeClass(["page-btn", { disabled: currentPage.value === 1 }]),
               onClick: _cache[0] || (_cache[0] = ($event) => go(currentPage.value - 1))
             }, [
-              createVNode(FIcon$5, null, {
+              createVNode(FIcon$7, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronBackOutline))
                 ]),
                 _: 1
               })
-            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$7, [
+            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$8, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pages), (page, index) => {
                 return openBlock(), createElementBlock(Fragment, { key: index }, [
-                  page === "..." ? (openBlock(), createElementBlock("li", _hoisted_7$3, [
-                    createVNode(FIcon$5, null, {
+                  page === "..." ? (openBlock(), createElementBlock("li", _hoisted_7$5, [
+                    createVNode(FIcon$7, null, {
                       default: withCtx(() => [
                         createVNode(unref(EllipsisHorizontal))
                       ]),
@@ -793,7 +793,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                     key: 1,
                     class: normalizeClass(["page-btn", { active: currentPage.value === page }]),
                     onClick: ($event) => go(page)
-                  }, toDisplayString(page), 11, _hoisted_8$2))
+                  }, toDisplayString(page), 11, _hoisted_8$4))
                 ], 64);
               }), 128))
             ])) : item === "next" ? (openBlock(), createElementBlock("button", {
@@ -801,13 +801,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["page-btn", { disabled: currentPage.value === unref(pageCount) }]),
               onClick: _cache[1] || (_cache[1] = ($event) => go(currentPage.value + 1))
             }, [
-              createVNode(FIcon$5, null, {
+              createVNode(FIcon$7, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronForwardOutline))
                 ]),
                 _: 1
               })
-            ], 2)) : item === "jumper" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+            ], 2)) : item === "jumper" ? (openBlock(), createElementBlock("div", _hoisted_9$4, [
               _cache[3] || (_cache[3] = createElementVNode("span", { class: "jump-label" }, "前往", -1)),
               withDirectives(createElementVNode("input", {
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(jumpInput) ? jumpInput.value = $event : null),
@@ -817,7 +817,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 max: unref(pageCount),
                 onKeydown: withKeys(onJump, ["enter"]),
                 onBlur: onJump
-              }, null, 40, _hoisted_10$2), [
+              }, null, 40, _hoisted_10$3), [
                 [vModelText, unref(jumpInput)]
               ]),
               _cache[4] || (_cache[4] = createElementVNode("span", { class: "jump-label" }, "页", -1))
@@ -828,49 +828,49 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FPagination = /* @__PURE__ */ _export_sfc$5(_sfc_main$C, [["__scopeId", "data-v-930f8b20"]]);
-const _hoisted_1$t = {
+const FPagination = /* @__PURE__ */ _export_sfc$7(_sfc_main$Q, [["__scopeId", "data-v-930f8b20"]]);
+const _hoisted_1$x = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_2$n = {
+const _hoisted_2$r = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_3$l = {
+const _hoisted_3$o = {
   key: 1,
   class: "f-card__cover"
 };
-const _hoisted_4$e = {
+const _hoisted_4$g = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$c = {
+const _hoisted_5$e = {
   key: 3,
   class: "f-card__footer"
 };
-const _hoisted_6$6 = {
+const _hoisted_6$7 = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_7$2 = {
+const _hoisted_7$4 = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_8$1 = {
+const _hoisted_8$3 = {
   key: 1,
   class: "f-card__cover"
 };
-const _hoisted_9$1 = { class: "f-card__content" };
-const _hoisted_10$1 = {
+const _hoisted_9$3 = { class: "f-card__content" };
+const _hoisted_10$2 = {
   key: 0,
   class: "f-card__body"
 };
-const _hoisted_11$1 = {
+const _hoisted_11$2 = {
   key: 1,
   class: "f-card__footer"
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "FCard",
   props: {
     hoverable: { type: Boolean, default: true },
@@ -882,36 +882,36 @@ const _sfc_main$B = /* @__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$t, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
+            _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$l, [
+          _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$g, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
             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$6, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
             renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_9$1, [
-            _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+          createElementVNode("div", _hoisted_9$3, [
+            _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : createCommentVNode("", true),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_11$2, [
               renderSlot(_ctx.$slots, "footer", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])
@@ -920,12 +920,12 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCard = /* @__PURE__ */ _export_sfc$5(_sfc_main$B, [["__scopeId", "data-v-a66fa373"]]);
-const _hoisted_1$s = {
+const FCard = /* @__PURE__ */ _export_sfc$7(_sfc_main$P, [["__scopeId", "data-v-a66fa373"]]);
+const _hoisted_1$w = {
   key: 0,
   class: "f-tag__dot"
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "FTag",
   props: {
     color: {},
@@ -949,9 +949,9 @@ const _sfc_main$A = /* @__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$s)) : createCommentVNode("", true),
+        _ctx.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_1$w)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        _ctx.closable ? (openBlock(), createBlock(FIcon$5, {
+        _ctx.closable ? (openBlock(), createBlock(FIcon$7, {
           key: 1,
           class: "f-tag__close",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("close"), ["stop"]))
@@ -965,8 +965,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTag = /* @__PURE__ */ _export_sfc$5(_sfc_main$A, [["__scopeId", "data-v-02bd5aa6"]]);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const FTag = /* @__PURE__ */ _export_sfc$7(_sfc_main$I, [["__scopeId", "data-v-02bd5aa6"]]);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FTooltip",
   props: {
     content: {},
@@ -1031,7 +1031,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       const padding = 8;
       left = Math.max(padding, Math.min(left, window.innerWidth - tooltip.width - padding));
       top = Math.max(padding, Math.min(top, window.innerHeight - tooltip.height - padding));
-      position.value = { top: top + window.scrollY, left: left + window.scrollX };
+      position.value = { top, left };
     };
     onUnmounted(hide);
     return (_ctx, _cache) => {
@@ -1070,13 +1070,13 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTooltip = /* @__PURE__ */ _export_sfc$5(_sfc_main$z, [["__scopeId", "data-v-be9acca7"]]);
-const _hoisted_1$r = { class: "f-progress" };
-const _hoisted_2$m = {
+const FTooltip = /* @__PURE__ */ _export_sfc$7(_sfc_main$H, [["__scopeId", "data-v-e6b28326"]]);
+const _hoisted_1$v = { class: "f-progress" };
+const _hoisted_2$q = {
   key: 0,
   class: "f-progress__text"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "FProgress",
   props: {
     percent: {},
@@ -1088,7 +1088,7 @@ const _sfc_main$y = /* @__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$r, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         createElementVNode("div", {
           class: "f-progress__track",
           style: normalizeStyle({ height: `${_ctx.height}px` })
@@ -1101,17 +1101,17 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             })
           }, null, 4)
         ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$m, 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$5(_sfc_main$y, [["__scopeId", "data-v-c2164d6e"]]);
-const _hoisted_1$q = { class: "f-tabs__nav-container" };
-const _hoisted_2$l = { class: "f-tabs__nav" };
-const _hoisted_3$k = ["onClick"];
-const _hoisted_4$d = { class: "f-tabs__label" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const FProgress = /* @__PURE__ */ _export_sfc$7(_sfc_main$G, [["__scopeId", "data-v-c2164d6e"]]);
+const _hoisted_1$u = { class: "f-tabs__nav-container" };
+const _hoisted_2$p = { class: "f-tabs__nav" };
+const _hoisted_3$n = ["onClick"];
+const _hoisted_4$f = { class: "f-tabs__label" };
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "FTabs",
   props: {
     tabs: {},
@@ -1144,8 +1144,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
       }, [
-        createElementVNode("div", _hoisted_1$q, [
-          createElementVNode("div", _hoisted_2$l, [
+        createElementVNode("div", _hoisted_1$u, [
+          createElementVNode("div", _hoisted_2$p, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.name,
@@ -1155,8 +1155,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 }]),
                 onClick: ($event) => setActiveTab(tab.name, tab.disabled)
               }, [
-                createElementVNode("span", _hoisted_4$d, toDisplayString(tab.label), 1)
-              ], 10, _hoisted_3$k);
+                createElementVNode("span", _hoisted_4$f, toDisplayString(tab.label), 1)
+              ], 10, _hoisted_3$n);
             }), 128))
           ])
         ]),
@@ -1174,17 +1174,17 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTabs = /* @__PURE__ */ _export_sfc$5(_sfc_main$x, [["__scopeId", "data-v-268fc654"]]);
-const _hoisted_1$p = {
+const FTabs = /* @__PURE__ */ _export_sfc$7(_sfc_main$F, [["__scopeId", "data-v-268fc654"]]);
+const _hoisted_1$t = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
 };
-const _hoisted_2$k = ["href"];
-const _hoisted_3$j = {
+const _hoisted_2$o = ["href"];
+const _hoisted_3$m = {
   key: 3,
   class: "f-breadcrumb__text"
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "FBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -1212,12 +1212,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   key: 1,
                   item
                 }, () => [
-                  createElementVNode("span", _hoisted_1$p, toDisplayString(item.label), 1)
+                  createElementVNode("span", _hoisted_1$t, 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$k)) : (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(item.label), 1))
+                }, toDisplayString(item.label), 9, _hoisted_2$o)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(item.label), 1))
               ], 64);
             }), 128))
           ]),
@@ -1227,8 +1227,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBreadcrumb = /* @__PURE__ */ _export_sfc$5(_sfc_main$w, [["__scopeId", "data-v-55b15358"]]);
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const FBreadcrumb = /* @__PURE__ */ _export_sfc$7(_sfc_main$E, [["__scopeId", "data-v-55b15358"]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -1269,8 +1269,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCol = /* @__PURE__ */ _export_sfc$5(_sfc_main$v, [["__scopeId", "data-v-5a8b0cb4"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const FCol = /* @__PURE__ */ _export_sfc$7(_sfc_main$D, [["__scopeId", "data-v-5a8b0cb4"]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -1323,14 +1323,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FRow = /* @__PURE__ */ _export_sfc$5(_sfc_main$u, [["__scopeId", "data-v-72f62339"]]);
-const _hoisted_1$o = { class: "f-space__item" };
-const _hoisted_2$j = {
+const FRow = /* @__PURE__ */ _export_sfc$7(_sfc_main$C, [["__scopeId", "data-v-72f62339"]]);
+const _hoisted_1$s = { class: "f-space__item" };
+const _hoisted_2$n = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -1384,18 +1384,18 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, index) => {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
-            createElementVNode("div", _hoisted_1$o, [
+            createElementVNode("div", _hoisted_1$s, [
               (openBlock(), createBlock(resolveDynamicComponent(child)))
             ]),
-            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$j, 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$5(_sfc_main$t, [["__scopeId", "data-v-5fb3b1a0"]]);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const FSpace = /* @__PURE__ */ _export_sfc$7(_sfc_main$B, [["__scopeId", "data-v-5fb3b1a0"]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
@@ -1415,8 +1415,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FContainer = /* @__PURE__ */ _export_sfc$5(_sfc_main$s, [["__scopeId", "data-v-08450ddf"]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const FContainer = /* @__PURE__ */ _export_sfc$7(_sfc_main$A, [["__scopeId", "data-v-08450ddf"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "FDivider",
   props: {
     color: {},
@@ -1443,9 +1443,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDivider = /* @__PURE__ */ _export_sfc$5(_sfc_main$r, [["__scopeId", "data-v-512ee743"]]);
-const _hoisted_1$n = ["src", "alt"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const FDivider = /* @__PURE__ */ _export_sfc$7(_sfc_main$z, [["__scopeId", "data-v-512ee743"]]);
+const _hoisted_1$r = ["src", "alt"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "FAvatar",
   props: {
     src: {},
@@ -1477,7 +1477,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.alt
-        }, null, 8, _hoisted_1$n)) : (openBlock(), createBlock(FIcon$5, {
+        }, null, 8, _hoisted_1$r)) : (openBlock(), createBlock(FIcon$7, {
           key: 1,
           size: 24
         }, {
@@ -1490,7 +1490,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAvatar = /* @__PURE__ */ _export_sfc$5(_sfc_main$q, [["__scopeId", "data-v-b3665268"]]);
+const FAvatar = /* @__PURE__ */ _export_sfc$7(_sfc_main$y, [["__scopeId", "data-v-b3665268"]]);
 var __defProp2 = Object.defineProperty;
 var __defProps2 = Object.defineProperties;
 var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
@@ -1510,7 +1510,7 @@ var __spreadValues2 = (a, b) => {
   return a;
 };
 var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1534,14 +1534,14 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$4 = (sfc, props) => {
+const _export_sfc$6 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
   }
   return target;
 };
-const FIcon$4 = /* @__PURE__ */ _export_sfc$4(_sfc_main$N, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$6 = /* @__PURE__ */ _export_sfc$6(_sfc_main$X, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp22 = Object.defineProperty;
 var __getOwnPropSymbols22 = Object.getOwnPropertySymbols;
 var __hasOwnProp22 = Object.prototype.hasOwnProperty;
@@ -1558,7 +1558,7 @@ var __spreadValues22 = (a, b) => {
     }
   return a;
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1582,14 +1582,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$3 = (sfc, props) => {
+const _export_sfc$5 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
   }
   return target;
 };
-const FIcon$3 = /* @__PURE__ */ _export_sfc$3(_sfc_main$M, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$5 = /* @__PURE__ */ _export_sfc$5(_sfc_main$O, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp222 = Object.defineProperty;
 var __getOwnPropSymbols222 = Object.getOwnPropertySymbols;
 var __hasOwnProp222 = Object.prototype.hasOwnProperty;
@@ -1606,7 +1606,7 @@ var __spreadValues222 = (a, b) => {
     }
   return a;
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1630,14 +1630,14 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$2 = (sfc, props) => {
+const _export_sfc$4 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
   }
   return target;
 };
-const FIcon$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$4 = /* @__PURE__ */ _export_sfc$4(_sfc_main$N, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp2222 = Object.defineProperty;
 var __getOwnPropSymbols2222 = Object.getOwnPropertySymbols;
 var __hasOwnProp2222 = Object.prototype.hasOwnProperty;
@@ -1654,7 +1654,7 @@ var __spreadValues2222 = (a, b) => {
     }
   return a;
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1678,14 +1678,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
+const _export_sfc$3 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
   }
   return target;
 };
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$3 = /* @__PURE__ */ _export_sfc$3(_sfc_main$M, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp22222 = Object.defineProperty;
 var __getOwnPropSymbols22222 = Object.getOwnPropertySymbols;
 var __hasOwnProp22222 = Object.prototype.hasOwnProperty;
@@ -1702,7 +1702,7 @@ var __spreadValues22222 = (a, b) => {
     }
   return a;
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1726,14 +1726,14 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$1 = (sfc, props) => {
+const _export_sfc$2 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
   }
   return target;
 };
-const FIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp222222 = Object.defineProperty;
 var __getOwnPropSymbols222222 = Object.getOwnPropertySymbols;
 var __hasOwnProp222222 = Object.prototype.hasOwnProperty;
@@ -1750,6 +1750,38 @@ var __spreadValues222222 = (a, b) => {
     }
   return a;
 };
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  __name: "FIcon",
+  props: {
+    color: {},
+    size: { default: "1em" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => ({
+      width: typeof props.size === "number" ? `${props.size}px` : props.size,
+      height: typeof props.size === "number" ? `${props.size}px` : props.size,
+      color: props.color
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        role: "img",
+        class: "f-icon",
+        style: normalizeStyle(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp2222222 = Object.defineProperty;
 var __getOwnPropSymbols2222222 = Object.getOwnPropertySymbols;
 var __hasOwnProp2222222 = Object.prototype.hasOwnProperty;
@@ -1766,6 +1798,38 @@ var __spreadValues2222222 = (a, b) => {
     }
   return a;
 };
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "FIcon",
+  props: {
+    color: {},
+    size: { default: "1em" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => ({
+      width: typeof props.size === "number" ? `${props.size}px` : props.size,
+      height: typeof props.size === "number" ? `${props.size}px` : props.size,
+      color: props.color
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        role: "img",
+        class: "f-icon",
+        style: normalizeStyle(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const _export_sfc$1 = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const FIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp22222222 = Object.defineProperty;
 var __getOwnPropSymbols22222222 = Object.getOwnPropertySymbols;
 var __hasOwnProp22222222 = Object.prototype.hasOwnProperty;
@@ -1814,6 +1878,38 @@ var __spreadValues2222222222 = (a, b) => {
     }
   return a;
 };
+var __defProp22222222222 = Object.defineProperty;
+var __getOwnPropSymbols22222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp22222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum22222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22222222222 = (obj, key, value) => key in obj ? __defProp22222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp22222222222.call(b, prop))
+      __defNormalProp22222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols22222222222)
+    for (var prop of __getOwnPropSymbols22222222222(b)) {
+      if (__propIsEnum22222222222.call(b, prop))
+        __defNormalProp22222222222(a, prop, b[prop]);
+    }
+  return a;
+};
+var __defProp222222222222 = Object.defineProperty;
+var __getOwnPropSymbols222222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222222222222 = (obj, key, value) => key in obj ? __defProp222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222222222222.call(b, prop))
+      __defNormalProp222222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222222222222)
+    for (var prop of __getOwnPropSymbols222222222222(b)) {
+      if (__propIsEnum222222222222.call(b, prop))
+        __defNormalProp222222222222(a, prop, b[prop]);
+    }
+  return a;
+};
 const _hoisted_1$f$1 = { class: "f-checkbox__wrapper" };
 const _hoisted_2$d$1 = ["checked", "disabled"];
 const _hoisted_3$d$1 = {
@@ -1826,7 +1922,7 @@ const _hoisted_3$d$1 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1863,7 +1959,7 @@ const _hoisted_3$d$1 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1911,35 +2007,35 @@ const _hoisted_3$d$1 = {
     };
   }
 });
-var __defProp22222222222 = Object.defineProperty;
-var __getOwnPropSymbols22222222222 = Object.getOwnPropertySymbols;
-var __hasOwnProp22222222222 = Object.prototype.hasOwnProperty;
-var __propIsEnum22222222222 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp22222222222 = (obj, key, value) => key in obj ? __defProp22222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues22222222222 = (a, b) => {
+var __defProp2222222222222 = Object.defineProperty;
+var __getOwnPropSymbols2222222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp2222222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum2222222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2222222222222 = (obj, key, value) => key in obj ? __defProp2222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2222222222222 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp22222222222.call(b, prop))
-      __defNormalProp22222222222(a, prop, b[prop]);
-  if (__getOwnPropSymbols22222222222)
-    for (var prop of __getOwnPropSymbols22222222222(b)) {
-      if (__propIsEnum22222222222.call(b, prop))
-        __defNormalProp22222222222(a, prop, b[prop]);
+    if (__hasOwnProp2222222222222.call(b, prop))
+      __defNormalProp2222222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols2222222222222)
+    for (var prop of __getOwnPropSymbols2222222222222(b)) {
+      if (__propIsEnum2222222222222.call(b, prop))
+        __defNormalProp2222222222222(a, prop, b[prop]);
     }
   return a;
 };
-var __defProp222222222222 = Object.defineProperty;
-var __getOwnPropSymbols222222222222 = Object.getOwnPropertySymbols;
-var __hasOwnProp222222222222 = Object.prototype.hasOwnProperty;
-var __propIsEnum222222222222 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp222222222222 = (obj, key, value) => key in obj ? __defProp222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues222222222222 = (a, b) => {
+var __defProp22222222222222 = Object.defineProperty;
+var __getOwnPropSymbols22222222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp22222222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum22222222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22222222222222 = (obj, key, value) => key in obj ? __defProp22222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22222222222222 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp222222222222.call(b, prop))
-      __defNormalProp222222222222(a, prop, b[prop]);
-  if (__getOwnPropSymbols222222222222)
-    for (var prop of __getOwnPropSymbols222222222222(b)) {
-      if (__propIsEnum222222222222.call(b, prop))
-        __defNormalProp222222222222(a, prop, b[prop]);
+    if (__hasOwnProp22222222222222.call(b, prop))
+      __defNormalProp22222222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols22222222222222)
+    for (var prop of __getOwnPropSymbols22222222222222(b)) {
+      if (__propIsEnum22222222222222.call(b, prop))
+        __defNormalProp22222222222222(a, prop, b[prop]);
     }
   return a;
 };
@@ -1955,7 +2051,7 @@ const _hoisted_3$b$1 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues222222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1992,7 +2088,7 @@ const _hoisted_3$b$1 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues222222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2052,7 +2148,7 @@ const _hoisted_3$b$2 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2089,7 +2185,7 @@ const _hoisted_3$b$2 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2149,7 +2245,7 @@ const _hoisted_3$b$3 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2186,7 +2282,7 @@ const _hoisted_3$b$3 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2246,7 +2342,7 @@ const _hoisted_3$b$4 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2283,7 +2379,7 @@ const _hoisted_3$b$4 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2343,7 +2439,7 @@ const _hoisted_3$b$5 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2380,7 +2476,7 @@ const _hoisted_3$b$5 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2440,7 +2536,7 @@ const _hoisted_3$b$6 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2477,7 +2573,7 @@ const _hoisted_3$b$6 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2537,7 +2633,7 @@ const _hoisted_3$b$7 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2574,7 +2670,7 @@ const _hoisted_3$b$7 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2747,7 +2843,7 @@ const _hoisted_3$c$1 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2777,14 +2873,14 @@ const _hoisted_3$c$1 = {
     };
   }
 });
-const _hoisted_1$j = {
+const _hoisted_1$j$1 = {
   key: 0,
   class: "f-dialog__icon"
 };
-const _hoisted_2$f = { class: "f-dialog__title" };
-const _hoisted_3$f = { class: "f-dialog__body" };
-const _hoisted_4$9 = { key: 0 };
-const _hoisted_5$8 = {
+const _hoisted_2$f$1 = { class: "f-dialog__title" };
+const _hoisted_3$f$1 = { class: "f-dialog__body" };
+const _hoisted_4$9$1 = { key: 0 };
+const _hoisted_5$8$1 = {
   key: 2,
   class: "f-dialog__footer"
 };
@@ -2806,7 +2902,7 @@ const _hoisted_5$8 = {
     destroyOnClose: { type: Boolean, default: false },
     beforeClose: {}
   }, {
-    "modelValue": __spreadValues2222({ type: Boolean }, { required: true }),
+    "modelValue": __spreadValues222222({ type: Boolean }, { required: true }),
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
@@ -2902,7 +2998,7 @@ const _hoisted_5$8 = {
                       class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
                     }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
-                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$j$1, [
                           createVNode(FIcon, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
@@ -2910,15 +3006,15 @@ const _hoisted_5$8 = {
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        createElementVNode("h3", _hoisted_2$f, toDisplayString(_ctx.title), 1)
+                        createElementVNode("h3", _hoisted_2$f$1, toDisplayString(_ctx.title), 1)
                       ], true)
                     ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3$f, [
+                    createElementVNode("div", _hoisted_3$f$1, [
                       renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$9, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$9$1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
                       ], true)
                     ]),
-                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$8$1, [
                       renderSlot(_ctx.$slots, "footer", {}, () => [
                         _ctx.showCancel ? (openBlock(), createBlock(FButton$1, {
                           key: 0,
@@ -3077,7 +3173,7 @@ const _hoisted_3$c$2 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -3107,14 +3203,14 @@ const _hoisted_3$c$2 = {
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$k$1 = {
   key: 0,
   class: "f-dialog__icon"
 };
-const _hoisted_2$g = { class: "f-dialog__title" };
-const _hoisted_3$g = { class: "f-dialog__body" };
-const _hoisted_4$a = { key: 0 };
-const _hoisted_5$9 = {
+const _hoisted_2$g$1 = { class: "f-dialog__title" };
+const _hoisted_3$g$1 = { class: "f-dialog__body" };
+const _hoisted_4$a$1 = { key: 0 };
+const _hoisted_5$9$1 = {
   key: 2,
   class: "f-dialog__footer"
 };
@@ -3136,7 +3232,7 @@ const _hoisted_5$9 = {
     destroyOnClose: { type: Boolean, default: false },
     beforeClose: {}
   }, {
-    "modelValue": __spreadValues222({ type: Boolean }, { required: true }),
+    "modelValue": __spreadValues22222({ type: Boolean }, { required: true }),
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
@@ -3232,7 +3328,7 @@ const _hoisted_5$9 = {
                       class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
                     }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
-                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$k$1, [
                           createVNode(FIcon$2, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
@@ -3240,15 +3336,15 @@ const _hoisted_5$9 = {
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        createElementVNode("h3", _hoisted_2$g, toDisplayString(_ctx.title), 1)
+                        createElementVNode("h3", _hoisted_2$g$1, toDisplayString(_ctx.title), 1)
                       ], true)
                     ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3$g, [
+                    createElementVNode("div", _hoisted_3$g$1, [
                       renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$a, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$a$1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
                       ], true)
                     ]),
-                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$9$1, [
                       renderSlot(_ctx.$slots, "footer", {}, () => [
                         _ctx.showCancel ? (openBlock(), createBlock(FButton$2, {
                           key: 0,
@@ -3407,7 +3503,7 @@ const _hoisted_3$c$3 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -3437,13 +3533,13 @@ const _hoisted_3$c$3 = {
     };
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$l$1 = {
   key: 0,
   class: "f-dialog__icon"
 };
-const _hoisted_2$h = { class: "f-dialog__title" };
-const _hoisted_3$h = { class: "f-dialog__body" };
-const _hoisted_4$b = { key: 0 };
+const _hoisted_2$h$1 = { class: "f-dialog__title" };
+const _hoisted_3$h$1 = { class: "f-dialog__body" };
+const _hoisted_4$b$1 = { key: 0 };
 const _hoisted_5$a = {
   key: 2,
   class: "f-dialog__footer"
@@ -3466,7 +3562,7 @@ const _hoisted_5$a = {
     destroyOnClose: { type: Boolean, default: false },
     beforeClose: {}
   }, {
-    "modelValue": __spreadValues22({ type: Boolean }, { required: true }),
+    "modelValue": __spreadValues2222({ type: Boolean }, { required: true }),
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
@@ -3562,7 +3658,7 @@ const _hoisted_5$a = {
                       class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
                     }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
-                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$l$1, [
                           createVNode(FIcon$3, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
@@ -3570,12 +3666,12 @@ const _hoisted_5$a = {
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        createElementVNode("h3", _hoisted_2$h, toDisplayString(_ctx.title), 1)
+                        createElementVNode("h3", _hoisted_2$h$1, toDisplayString(_ctx.title), 1)
                       ], true)
                     ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3$h, [
+                    createElementVNode("div", _hoisted_3$h$1, [
                       renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$b, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$b$1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
                       ], true)
                     ]),
                     _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
@@ -3737,7 +3833,7 @@ const _hoisted_3$c$4 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -3767,18 +3863,875 @@ const _hoisted_3$c$4 = {
     };
   }
 });
-const _hoisted_1$2$1 = { class: "f-message__content" };
-const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
-  __name: "FMessage",
-  props: {
-    type: { default: "info" },
-    message: {},
-    duration: { default: 3e3 },
-    closable: { type: Boolean, default: false },
-    showIcon: { type: Boolean, default: true },
-    offset: { default: 20 }
-  },
-  emits: ["close", "destroy"],
+const _hoisted_1$m$1 = {
+  key: 0,
+  class: "f-dialog__icon"
+};
+const _hoisted_2$i$1 = { class: "f-dialog__title" };
+const _hoisted_3$i$1 = { class: "f-dialog__body" };
+const _hoisted_4$c = { key: 0 };
+const _hoisted_5$b = {
+  key: 2,
+  class: "f-dialog__footer"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    title: { default: "提示" },
+    content: {},
+    width: { default: "500px" },
+    type: { default: "default" },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    showCancel: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: true },
+    closeOnEsc: { type: Boolean, default: true },
+    center: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    destroyOnClose: { type: Boolean, default: false },
+    beforeClose: {}
+  }, {
+    "modelValue": __spreadValues222({ type: Boolean }, { required: true }),
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "modelValue");
+    const handleClose = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const handleConfirm = () => {
+      emit("confirm");
+      if (props.beforeClose) {
+        props.beforeClose(() => {
+          visible.value = false;
+        });
+      } else {
+        visible.value = false;
+      }
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      handleClose();
+    };
+    const handleOverlayClick = (e) => {
+      if (props.closeOnClickModal && e.target === e.currentTarget) {
+        handleClose();
+      }
+    };
+    const handleKeydown = (e) => {
+      if (props.closeOnEsc && e.key === "Escape") {
+        handleClose();
+      }
+    };
+    onMounted(() => {
+      if (props.closeOnEsc) {
+        window.addEventListener("keydown", handleKeydown);
+      }
+      emit("open");
+    });
+    onBeforeUnmount(() => {
+      if (props.closeOnEsc) {
+        window.removeEventListener("keydown", handleKeydown);
+      }
+    });
+    const iconMap = {
+      info: InformationCircleOutline,
+      success: CheckmarkCircleOutline,
+      warning: WarningOutline,
+      failed: AlertCircleOutline,
+      primary: InformationCircleOutline,
+      default: InformationCircleOutline
+    };
+    const hasIcon = computed(() => props.type && props.type !== "default");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "f-dialog-fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-overlay",
+              onClick: handleOverlayClick
+            }, [
+              createVNode(Transition, { name: "f-dialog-zoom" }, {
+                default: withCtx(() => [
+                  visible.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["f-dialog", [
+                      `f-dialog--${_ctx.type}`,
+                      {
+                        "is-center": _ctx.center,
+                        "is-fullscreen": _ctx.fullscreen
+                      }
+                    ]]),
+                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                  }, [
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "f-dialog__close",
+                      onClick: handleClose
+                    }, [
+                      createVNode(FIcon$4, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(CloseOutline))
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
+                    }, [
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$m$1, [
+                          createVNode(FIcon$4, null, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
+                            ]),
+                            _: 1
+                          })
+                        ])) : createCommentVNode("", true),
+                        createElementVNode("h3", _hoisted_2$i$1, toDisplayString(_ctx.title), 1)
+                      ], true)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$i$1, [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$c, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
+                    ]),
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton$4, {
+                          key: 0,
+                          onClick: handleCancel
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(FButton$4, {
+                          type: "primary",
+                          onClick: handleConfirm
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], true)
+                    ])) : createCommentVNode("", true)
+                  ], 6)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$i$5 = ["type", "disabled"];
+const _hoisted_2$e$5 = { class: "f-button__inner" };
+const _hoisted_3$e$5 = {
+  key: 0,
+  class: "f-loader"
+};
+const _hoisted_4$8$5 = {
+  key: 2,
+  class: "f-button__text"
+};
+const _sfc_main$o$5 = /* @__PURE__ */ defineComponent({
+  __name: "FButton",
+  props: {
+    type: {},
+    size: {},
+    nativeType: { default: "button" },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    round: { type: [Boolean, Number] },
+    circle: { type: Boolean },
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    block: { type: Boolean },
+    icon: {},
+    active: { type: Boolean },
+    bgColor: {},
+    color: {}
+  },
+  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" }
+    };
+    const props = __props;
+    const slots = useSlots();
+    const groupContext = inject("FButtonGroupContext", null);
+    const mergedSize = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.size) != null ? _a : groupContext == null ? void 0 : groupContext.size) != null ? _b : "normal";
+    });
+    const mergedType = computed(() => {
+      var _a, _b;
+      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 buttonStyle = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      const style = {
+        height: s.h,
+        padding: props.circle ? "0" : s.p,
+        fontSize: s.f,
+        minWidth: props.circle ? s.h : "auto",
+        backgroundColor: props.bgColor,
+        color: props.color
+      };
+      if (props.circle) {
+        style.borderRadius = "50%";
+        style.width = s.h;
+      } else if (typeof props.round === "number") {
+        style.borderRadius = `${props.round}px`;
+      } else if (props.round === true) {
+        style.borderRadius = "999px";
+      }
+      return style;
+    });
+    const iconSize = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      return s.i;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: _ctx.nativeType,
+        class: normalizeClass(["f-button", [
+          `f-button--${unref(mergedType)}`,
+          `f-button--${unref(mergedSize)}`,
+          {
+            "is-disabled": unref(isDisabled),
+            "is-loading": _ctx.loading,
+            "is-active": _ctx.active,
+            "is-text": _ctx.text,
+            "is-icon-only": !unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+          }
+        ]]),
+        disabled: unref(isDisabled),
+        style: normalizeStyle(unref(buttonStyle))
+      }, [
+        createElementVNode("span", _hoisted_2$e$5, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$e$5)) : createCommentVNode("", true),
+          !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$4), {
+              key: 0,
+              class: "f-button__icon",
+              style: normalizeStyle({ fontSize: unref(iconSize) })
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true)
+                ], true)
+              ]),
+              _: 3
+            }, 8, ["style"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true),
+          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$8$5, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 14, _hoisted_1$i$5);
+    };
+  }
+});
+const FButton$5 = /* @__PURE__ */ _export_sfc$5(_sfc_main$o$5, [["__scopeId", "data-v-41be5001"]]);
+const _hoisted_1$e$5 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$c$5 = ["checked", "disabled"];
+const _hoisted_3$c$5 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$e$5, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$c$5),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$c$5, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$p = {
+  key: 0,
+  class: "f-dialog__icon"
+};
+const _hoisted_2$l = { class: "f-dialog__title" };
+const _hoisted_3$k = { class: "f-dialog__body" };
+const _hoisted_4$d = { key: 0 };
+const _hoisted_5$c = {
+  key: 2,
+  class: "f-dialog__footer"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    title: { default: "提示" },
+    content: {},
+    width: { default: "500px" },
+    type: { default: "default" },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    showCancel: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: true },
+    closeOnEsc: { type: Boolean, default: true },
+    center: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    destroyOnClose: { type: Boolean, default: false },
+    beforeClose: {}
+  }, {
+    "modelValue": __spreadValues22({ type: Boolean }, { required: true }),
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "modelValue");
+    const handleClose = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const handleConfirm = () => {
+      emit("confirm");
+      if (props.beforeClose) {
+        props.beforeClose(() => {
+          visible.value = false;
+        });
+      } else {
+        visible.value = false;
+      }
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      handleClose();
+    };
+    const handleOverlayClick = (e) => {
+      if (props.closeOnClickModal && e.target === e.currentTarget) {
+        handleClose();
+      }
+    };
+    const handleKeydown = (e) => {
+      if (props.closeOnEsc && e.key === "Escape") {
+        handleClose();
+      }
+    };
+    onMounted(() => {
+      if (props.closeOnEsc) {
+        window.addEventListener("keydown", handleKeydown);
+      }
+      emit("open");
+    });
+    onBeforeUnmount(() => {
+      if (props.closeOnEsc) {
+        window.removeEventListener("keydown", handleKeydown);
+      }
+    });
+    const iconMap = {
+      info: InformationCircleOutline,
+      success: CheckmarkCircleOutline,
+      warning: WarningOutline,
+      failed: AlertCircleOutline,
+      primary: InformationCircleOutline,
+      default: InformationCircleOutline
+    };
+    const hasIcon = computed(() => props.type && props.type !== "default");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "f-dialog-fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-overlay",
+              onClick: handleOverlayClick
+            }, [
+              createVNode(Transition, { name: "f-dialog-zoom" }, {
+                default: withCtx(() => [
+                  visible.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["f-dialog", [
+                      `f-dialog--${_ctx.type}`,
+                      {
+                        "is-center": _ctx.center,
+                        "is-fullscreen": _ctx.fullscreen
+                      }
+                    ]]),
+                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                  }, [
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "f-dialog__close",
+                      onClick: handleClose
+                    }, [
+                      createVNode(FIcon$5, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(CloseOutline))
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
+                    }, [
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+                          createVNode(FIcon$5, null, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
+                            ]),
+                            _: 1
+                          })
+                        ])) : createCommentVNode("", true),
+                        createElementVNode("h3", _hoisted_2$l, toDisplayString(_ctx.title), 1)
+                      ], true)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$k, [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$d, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
+                    ]),
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton$5, {
+                          key: 0,
+                          onClick: handleCancel
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(FButton$5, {
+                          type: "primary",
+                          onClick: handleConfirm
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], true)
+                    ])) : createCommentVNode("", true)
+                  ], 6)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$o$1 = ["type", "disabled"];
+const _hoisted_2$k$1 = { class: "f-button__inner" };
+const _hoisted_3$j$1 = {
+  key: 0,
+  class: "f-loader"
+};
+const _hoisted_4$b$2 = {
+  key: 2,
+  class: "f-button__text"
+};
+const _sfc_main$w$1 = /* @__PURE__ */ defineComponent({
+  __name: "FButton",
+  props: {
+    type: {},
+    size: {},
+    nativeType: { default: "button" },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    round: { type: [Boolean, Number] },
+    circle: { type: Boolean },
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    block: { type: Boolean },
+    icon: {},
+    active: { type: Boolean },
+    bgColor: {},
+    color: {}
+  },
+  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" }
+    };
+    const props = __props;
+    const slots = useSlots();
+    const groupContext = inject("FButtonGroupContext", null);
+    const mergedSize = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.size) != null ? _a : groupContext == null ? void 0 : groupContext.size) != null ? _b : "normal";
+    });
+    const mergedType = computed(() => {
+      var _a, _b;
+      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 buttonStyle = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      const style = {
+        height: s.h,
+        padding: props.circle ? "0" : s.p,
+        fontSize: s.f,
+        minWidth: props.circle ? s.h : "auto",
+        backgroundColor: props.bgColor,
+        color: props.color
+      };
+      if (props.circle) {
+        style.borderRadius = "50%";
+        style.width = s.h;
+      } else if (typeof props.round === "number") {
+        style.borderRadius = `${props.round}px`;
+      } else if (props.round === true) {
+        style.borderRadius = "999px";
+      }
+      return style;
+    });
+    const iconSize = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      return s.i;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: _ctx.nativeType,
+        class: normalizeClass(["f-button", [
+          `f-button--${unref(mergedType)}`,
+          `f-button--${unref(mergedSize)}`,
+          {
+            "is-disabled": unref(isDisabled),
+            "is-loading": _ctx.loading,
+            "is-active": _ctx.active,
+            "is-text": _ctx.text,
+            "is-icon-only": !unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+          }
+        ]]),
+        disabled: unref(isDisabled),
+        style: normalizeStyle(unref(buttonStyle))
+      }, [
+        createElementVNode("span", _hoisted_2$k$1, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$j$1)) : createCommentVNode("", true),
+          !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$5), {
+              key: 0,
+              class: "f-button__icon",
+              style: normalizeStyle({ fontSize: unref(iconSize) })
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true)
+                ], true)
+              ]),
+              _: 3
+            }, 8, ["style"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true),
+          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$b$2, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 14, _hoisted_1$o$1);
+    };
+  }
+});
+const FButton$6 = /* @__PURE__ */ _export_sfc$6(_sfc_main$w$1, [["__scopeId", "data-v-41be5001"]]);
+const _hoisted_1$k$2 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$i$2 = ["checked", "disabled"];
+const _hoisted_3$h$2 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$k$2, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$i$2),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$h$2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$j$2 = { class: "f-radio__wrapper" };
+const _hoisted_2$h$2 = ["name", "checked", "disabled"];
+const _hoisted_3$g$2 = {
+  key: 0,
+  class: "f-radio__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FRadio",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    value: { type: [String, Number, Boolean] },
+    name: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2({ type: [String, Number, Boolean] }, { default: "" }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (event) => {
+      var _a;
+      if (props.disabled) return;
+      const target = event.target;
+      if (target.checked) {
+        modelValue.value = (_a = props.value) != null ? _a : "";
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-radio", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$j$2, [
+          createElementVNode("input", {
+            type: "radio",
+            name: _ctx.name,
+            checked: modelValue.value === _ctx.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$h$2),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-radio__dot" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$g$2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$i$6 = { class: "f-radio__wrapper" };
+const _hoisted_2$g$2 = ["name", "checked", "disabled", "onChange"];
+const _hoisted_3$f$2 = {
+  key: 0,
+  class: "f-radio__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FRadioGroup",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    name: {},
+    disabled: { type: Boolean },
+    direction: { default: "horizontal" }
+  }, {
+    "modelValue": __spreadValues2({ type: [String, Number, Boolean] }, { default: "" }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (option) => {
+      if (option.disabled || props.disabled) return;
+      modelValue.value = option.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["f-radio-group", [`is-${_ctx.direction}`]])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
+          var _a;
+          return openBlock(), createElementBlock("label", {
+            key: String(option.value),
+            class: normalizeClass(["f-radio", { "is-disabled": option.disabled || _ctx.disabled }])
+          }, [
+            createElementVNode("span", _hoisted_1$i$6, [
+              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$g$2),
+              _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-radio__dot" }, null, -1))
+            ]),
+            option.label ? (openBlock(), createElementBlock("span", _hoisted_3$f$2, toDisplayString(option.label), 1)) : createCommentVNode("", true)
+          ], 2);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$h$1 = ["disabled", "aria-checked"];
+const _hoisted_2$f$2 = {
+  key: 0,
+  class: "f-switch__text"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FSwitch",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean },
+    activeText: {},
+    inactiveText: {}
+  }, {
+    "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const toggle = () => {
+      if (props.disabled) return;
+      modelValue.value = !modelValue.value;
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: normalizeClass(["f-switch", { "is-checked": modelValue.value, "is-disabled": _ctx.disabled }]),
+        disabled: _ctx.disabled,
+        "aria-checked": modelValue.value,
+        role: "switch",
+        onClick: toggle
+      }, [
+        _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$f$2, toDisplayString(modelValue.value ? (_a = _ctx.activeText) != null ? _a : _ctx.label : (_b = _ctx.inactiveText) != null ? _b : _ctx.label), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$h$1);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FMask",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$2$1 = { class: "f-message__content" };
+const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
+  __name: "FMessage",
+  props: {
+    type: { default: "info" },
+    message: {},
+    duration: { default: 3e3 },
+    closable: { type: Boolean, default: false },
+    showIcon: { type: Boolean, default: true },
+    offset: { default: 20 }
+  },
+  emits: ["close", "destroy"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -3838,7 +4791,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
             onMouseenter: clearTimer,
             onMouseleave: startTimer
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$4, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$6, {
               key: 0,
               class: "f-message__icon"
             }, {
@@ -3855,7 +4808,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: close
             }, [
-              createVNode(FIcon$4, null, {
+              createVNode(FIcon$6, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -3869,7 +4822,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMessageComp$1 = /* @__PURE__ */ _export_sfc$4(_sfc_main$2$1, [["__scopeId", "data-v-97556afa"]]);
+const FMessageComp$1 = /* @__PURE__ */ _export_sfc$6(_sfc_main$2$1, [["__scopeId", "data-v-97556afa"]]);
 const GAP$1$1 = 16;
 const BASE_OFFSET$1$1 = 20;
 let seed$1$1 = 0;
@@ -4025,7 +4978,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
             onMouseleave: startTimer,
             onClick: handleClick
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$4, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$6, {
               key: 0,
               class: "f-notification__icon"
             }, {
@@ -4045,7 +4998,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: withModifiers(close, ["stop"])
             }, [
-              createVNode(FIcon$4, null, {
+              createVNode(FIcon$6, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -4059,7 +5012,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FNotificationComp$1 = /* @__PURE__ */ _export_sfc$4(_sfc_main$1$1, [["__scopeId", "data-v-0a7315d6"]]);
+const FNotificationComp$1 = /* @__PURE__ */ _export_sfc$6(_sfc_main$1$1, [["__scopeId", "data-v-0a7315d6"]]);
 const GAP$2 = 16;
 const BASE_OFFSET$2 = 20;
 let seed$2 = 0;
@@ -4148,18 +5101,18 @@ FNotification$1.closeAll = (position) => {
     });
   });
 };
-const _hoisted_1$m = {
+const _hoisted_1$q = {
   key: 0,
   class: "f-dialog__icon"
 };
-const _hoisted_2$i = { class: "f-dialog__title" };
-const _hoisted_3$i = { class: "f-dialog__body" };
-const _hoisted_4$c = { key: 0 };
-const _hoisted_5$b = {
+const _hoisted_2$m = { class: "f-dialog__title" };
+const _hoisted_3$l = { class: "f-dialog__body" };
+const _hoisted_4$e = { key: 0 };
+const _hoisted_5$d = {
   key: 2,
   class: "f-dialog__footer"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "FDialog",
   props: /* @__PURE__ */ mergeModels({
     title: { default: "提示" },
@@ -4261,7 +5214,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       class: "f-dialog__close",
                       onClick: handleClose
                     }, [
-                      createVNode(FIcon$4, null, {
+                      createVNode(FIcon$6, null, {
                         default: withCtx(() => [
                           createVNode(unref(CloseOutline))
                         ]),
@@ -4273,25 +5226,25 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
                     }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
-                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
-                          createVNode(FIcon$4, null, {
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
+                          createVNode(FIcon$6, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
                             ]),
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        createElementVNode("h3", _hoisted_2$i, toDisplayString(_ctx.title), 1)
+                        createElementVNode("h3", _hoisted_2$m, toDisplayString(_ctx.title), 1)
                       ], true)
                     ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3$i, [
+                    createElementVNode("div", _hoisted_3$l, [
                       renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$c, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$e, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
                       ], true)
                     ]),
-                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
                       renderSlot(_ctx.$slots, "footer", {}, () => [
-                        _ctx.showCancel ? (openBlock(), createBlock(FButton$4, {
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton$6, {
                           key: 0,
                           onClick: handleCancel
                         }, {
@@ -4300,7 +5253,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 1
                         })) : createCommentVNode("", true),
-                        createVNode(FButton$4, {
+                        createVNode(FButton$6, {
                           type: "primary",
                           onClick: handleConfirm
                         }, {
@@ -4323,7 +5276,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDialogComp$1 = /* @__PURE__ */ _export_sfc$4(_sfc_main$p, [["__scopeId", "data-v-991352de"]]);
+const FDialogComp$1 = /* @__PURE__ */ _export_sfc$6(_sfc_main$x, [["__scopeId", "data-v-b88b4e96"]]);
 const showDialog$1 = (options) => {
   return new Promise((resolve) => {
     const container = document.createElement("div");
@@ -4404,17 +5357,17 @@ FDialog$1.success = success$1;
 FDialog$1.warning = warning$1;
 FDialog$1.failed = failed$1;
 FDialog$1.info = info$1;
-const _hoisted_1$i = ["type", "disabled"];
-const _hoisted_2$e = { class: "f-button__inner" };
-const _hoisted_3$e = {
+const _hoisted_1$o = ["type", "disabled"];
+const _hoisted_2$k = { class: "f-button__inner" };
+const _hoisted_3$j = {
   key: 0,
   class: "f-loader"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$b = {
   key: 2,
   class: "f-button__text"
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "FButton",
   props: {
     type: {},
@@ -4492,10 +5445,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         disabled: unref(isDisabled),
         style: normalizeStyle(unref(buttonStyle))
       }, [
-        createElementVNode("span", _hoisted_2$e, [
-          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$e)) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_2$k, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$j)) : createCommentVNode("", true),
           !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$4), {
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$6), {
               key: 0,
               class: "f-button__icon",
               style: normalizeStyle({ fontSize: unref(iconSize) })
@@ -4508,16 +5461,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               _: 3
             }, 8, ["style"])) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$8, [
+          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ])
-      ], 14, _hoisted_1$i);
+      ], 14, _hoisted_1$o);
     };
   }
 });
-const FButton = /* @__PURE__ */ _export_sfc$5(_sfc_main$o, [["__scopeId", "data-v-41be5001"]]);
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const FButton = /* @__PURE__ */ _export_sfc$7(_sfc_main$w, [["__scopeId", "data-v-41be5001"]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FTypography",
   props: {
     color: { default: "" }
@@ -4539,8 +5492,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTypography = /* @__PURE__ */ _export_sfc$5(_sfc_main$n, [["__scopeId", "data-v-50e044db"]]);
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const FTypography = /* @__PURE__ */ _export_sfc$7(_sfc_main$v, [["__scopeId", "data-v-50e044db"]]);
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FText",
   props: {
     tag: { default: "span" },
@@ -4598,9 +5551,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FText = /* @__PURE__ */ _export_sfc$5(_sfc_main$m, [["__scopeId", "data-v-8bcfc6b3"]]);
-const _hoisted_1$h = ["href", "target", "rel"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const FText = /* @__PURE__ */ _export_sfc$7(_sfc_main$u, [["__scopeId", "data-v-8bcfc6b3"]]);
+const _hoisted_1$n = ["href", "target", "rel"];
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FLink",
   props: {
     href: {},
@@ -4623,13 +5576,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         rel: props.target === "_blank" ? "noopener noreferrer" : void 0
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$h);
+      ], 10, _hoisted_1$n);
     };
   }
 });
-const FLink = /* @__PURE__ */ _export_sfc$5(_sfc_main$l, [["__scopeId", "data-v-daaa3e25"]]);
-const _hoisted_1$g = { class: "f-badge" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const FLink = /* @__PURE__ */ _export_sfc$7(_sfc_main$t, [["__scopeId", "data-v-daaa3e25"]]);
+const _hoisted_1$m = { class: "f-badge" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
     value: {},
@@ -4658,7 +5611,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return map[props.placement];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -4669,8 +5622,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBadge = /* @__PURE__ */ _export_sfc$5(_sfc_main$k, [["__scopeId", "data-v-be6947ff"]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const FBadge = /* @__PURE__ */ _export_sfc$7(_sfc_main$s, [["__scopeId", "data-v-be6947ff"]]);
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FAffix",
   props: {
     placement: { default: "top-right" },
@@ -4698,8 +5651,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAffix = /* @__PURE__ */ _export_sfc$5(_sfc_main$j, [["__scopeId", "data-v-8506d679"]]);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const FAffix = /* @__PURE__ */ _export_sfc$7(_sfc_main$r, [["__scopeId", "data-v-8506d679"]]);
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "FForm",
   props: {
     model: {},
@@ -4756,7 +5709,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FForm = /* @__PURE__ */ _export_sfc$5(_sfc_main$i, [["__scopeId", "data-v-21f7de9b"]]);
+const FForm = /* @__PURE__ */ _export_sfc$7(_sfc_main$q, [["__scopeId", "data-v-21f7de9b"]]);
 const validateSingleField = (value, rules) => __async(null, null, function* () {
   const ruleArray = Array.isArray(rules) ? rules : [rules];
   for (let rule of ruleArray) {
@@ -4838,16 +5791,16 @@ const checkRange = (value, rule) => {
   }
   return void 0;
 };
-const _hoisted_1$f = {
+const _hoisted_1$l = {
   key: 0,
   class: "star"
 };
-const _hoisted_2$d = { class: "f-form-item__content" };
-const _hoisted_3$d = {
+const _hoisted_2$j = { class: "f-form-item__content" };
+const _hoisted_3$i = {
   key: 0,
   class: "f-form-item__error"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FFormItem",
   props: {
     label: {},
@@ -4877,106 +5830,473 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       const result = yield validateSingleField(value, activeRules.value);
       errorMsg.value = result || "";
       return result;
-    });
-    const clearValidate = () => {
-      errorMsg.value = "";
+    });
+    const clearValidate = () => {
+      errorMsg.value = "";
+    };
+    provide("FFormItemContext", { errorMsg, validate });
+    onMounted(() => {
+      if (props.prop && (formContext == null ? void 0 : formContext.registerField)) {
+        formContext.registerField({ prop: props.prop, validate, clearValidate });
+      }
+    });
+    onUnmounted(() => {
+      if (props.prop && (formContext == null ? void 0 : formContext.unregisterField)) {
+        formContext.unregisterField(props.prop);
+      }
+    });
+    watch(() => formContext == null ? void 0 : formContext.model[props.prop], () => {
+      if (errorMsg.value) validate();
+    });
+    __expose({ validate, clearValidate });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["f-form-item", [
+          `is-label-${unref(labelPosition)}`,
+          `is-size-${unref(size)}`,
+          { "is-error": unref(errorMsg) }
+        ]])
+      }, [
+        _ctx.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          class: "f-form-item__label",
+          style: normalizeStyle({
+            width: unref(labelPosition) === "top" ? "100%" : (_a = unref(formContext)) == null ? void 0 : _a.labelWidth,
+            textAlign: unref(labelPosition) === "top" ? "left" : unref(labelPosition)
+          })
+        }, [
+          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$l, "*")) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(_ctx.label) + "： ", 1)
+        ], 4)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$j, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          createVNode(Transition, { name: "err-slide" }, {
+            default: withCtx(() => [
+              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$i, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ])
+      ], 2);
+    };
+  }
+});
+const FFormItem = /* @__PURE__ */ _export_sfc$7(_sfc_main$p, [["__scopeId", "data-v-c3d6ec01"]]);
+const _hoisted_1$k = { class: "f-checkbox__wrapper" };
+const _hoisted_2$i = ["checked", "disabled"];
+const _hoisted_3$h = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$k, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$i),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const FCheckbox = /* @__PURE__ */ _export_sfc$7(_sfc_main$o, [["__scopeId", "data-v-633b283a"]]);
+const _hoisted_1$j = { class: "f-radio__wrapper" };
+const _hoisted_2$h = ["name", "checked", "disabled"];
+const _hoisted_3$g = {
+  key: 0,
+  class: "f-radio__label"
+};
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "FRadio",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    value: { type: [String, Number, Boolean] },
+    name: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues({ type: [String, Number, Boolean] }, { default: "" }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (event) => {
+      var _a;
+      if (props.disabled) return;
+      const target = event.target;
+      if (target.checked) {
+        modelValue.value = (_a = props.value) != null ? _a : "";
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-radio", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$j, [
+          createElementVNode("input", {
+            type: "radio",
+            name: _ctx.name,
+            checked: modelValue.value === _ctx.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$h),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-radio__dot" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$g, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const FRadio = /* @__PURE__ */ _export_sfc$7(_sfc_main$n, [["__scopeId", "data-v-226776d6"]]);
+const _hoisted_1$i = { class: "f-radio__wrapper" };
+const _hoisted_2$g = ["name", "checked", "disabled", "onChange"];
+const _hoisted_3$f = {
+  key: 0,
+  class: "f-radio__label"
+};
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "FRadioGroup",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    name: {},
+    disabled: { type: Boolean },
+    direction: { default: "horizontal" }
+  }, {
+    "modelValue": __spreadValues({ type: [String, Number, Boolean] }, { default: "" }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (option) => {
+      if (option.disabled || props.disabled) return;
+      modelValue.value = option.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["f-radio-group", [`is-${_ctx.direction}`]])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
+          var _a;
+          return openBlock(), createElementBlock("label", {
+            key: String(option.value),
+            class: normalizeClass(["f-radio", { "is-disabled": option.disabled || _ctx.disabled }])
+          }, [
+            createElementVNode("span", _hoisted_1$i, [
+              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$g),
+              _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-radio__dot" }, null, -1))
+            ]),
+            option.label ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(option.label), 1)) : createCommentVNode("", true)
+          ], 2);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+const FRadioGroup = /* @__PURE__ */ _export_sfc$7(_sfc_main$m, [["__scopeId", "data-v-0fd4c34e"]]);
+const _hoisted_1$h = ["disabled", "aria-checked"];
+const _hoisted_2$f = {
+  key: 0,
+  class: "f-switch__text"
+};
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "FSwitch",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean },
+    activeText: {},
+    inactiveText: {}
+  }, {
+    "modelValue": __spreadValues({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const toggle = () => {
+      if (props.disabled) return;
+      modelValue.value = !modelValue.value;
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: normalizeClass(["f-switch", { "is-checked": modelValue.value, "is-disabled": _ctx.disabled }]),
+        disabled: _ctx.disabled,
+        "aria-checked": modelValue.value,
+        role: "switch",
+        onClick: toggle
+      }, [
+        _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$f, toDisplayString(modelValue.value ? (_a = _ctx.activeText) != null ? _a : _ctx.label : (_b = _ctx.inactiveText) != null ? _b : _ctx.label), 1)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$h);
+    };
+  }
+});
+const FSwitch = /* @__PURE__ */ _export_sfc$7(_sfc_main$l, [["__scopeId", "data-v-bc840c1b"]]);
+const _hoisted_1$g = { class: "f-tree-select__label" };
+const _hoisted_2$e = {
+  key: 0,
+  class: "f-tree-select__panel"
+};
+const _hoisted_3$e = ["onClick"];
+const _hoisted_4$a = {
+  key: 0,
+  class: "f-tree-select__expand"
+};
+const _hoisted_5$9 = { class: "f-tree-select__text" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "FTreeSelect",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean },
+    multiple: { type: Boolean, default: false }
+  }, {
+    "modelValue": { default: null },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const isOpen = ref(false);
+    const expandedKeys = ref([]);
+    const flattenTree = (list, level = 0) => {
+      const result = [];
+      list.forEach((node) => {
+        result.push(__spreadProps(__spreadValues({}, node), { level }));
+        if (node.children && node.children.length && expandedKeys.value.includes(node.key)) {
+          result.push(...flattenTree(node.children, level + 1));
+        }
+      });
+      return result;
     };
-    provide("FFormItemContext", { errorMsg, validate });
-    onMounted(() => {
-      if (props.prop && (formContext == null ? void 0 : formContext.registerField)) {
-        formContext.registerField({ prop: props.prop, validate, clearValidate });
+    const visibleNodes = computed(() => flattenTree(props.options));
+    const selectedLabel = computed(() => {
+      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;
       }
+      const target = props.options.flatMap((item) => flattenTree([item]));
+      const node = target.find((item) => item.key === current);
+      return (_a = node == null ? void 0 : node.label) != null ? _a : props.placeholder;
     });
-    onUnmounted(() => {
-      if (props.prop && (formContext == null ? void 0 : formContext.unregisterField)) {
-        formContext.unregisterField(props.prop);
+    const toggleExpand = (key) => {
+      if (expandedKeys.value.includes(key)) {
+        expandedKeys.value = expandedKeys.value.filter((item) => item !== key);
+      } else {
+        expandedKeys.value = [...expandedKeys.value, key];
       }
-    });
-    watch(() => formContext == null ? void 0 : formContext.model[props.prop], () => {
-      if (errorMsg.value) validate();
-    });
-    __expose({ validate, clearValidate });
+    };
+    const isSelected = (key) => {
+      if (props.multiple && Array.isArray(modelValue.value)) {
+        return modelValue.value.includes(key);
+      }
+      return modelValue.value === key;
+    };
+    const handleSelect = (node) => {
+      if (node.disabled) return;
+      if (props.multiple) {
+        const next = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
+        const index = next.indexOf(node.key);
+        if (index >= 0) {
+          next.splice(index, 1);
+        } else {
+          next.push(node.key);
+        }
+        modelValue.value = next;
+        return;
+      }
+      modelValue.value = node.key;
+      isOpen.value = false;
+    };
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["f-form-item", [
-          `is-label-${unref(labelPosition)}`,
-          `is-size-${unref(size)}`,
-          { "is-error": unref(errorMsg) }
-        ]])
+        class: normalizeClass(["f-tree-select", { "is-open": unref(isOpen), "is-disabled": _ctx.disabled }])
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", {
-          key: 0,
-          class: "f-form-item__label",
-          style: normalizeStyle({
-            width: unref(labelPosition) === "top" ? "100%" : (_a = unref(formContext)) == null ? void 0 : _a.labelWidth,
-            textAlign: unref(labelPosition) === "top" ? "left" : unref(labelPosition)
-          })
+        createElementVNode("div", {
+          class: "f-tree-select__trigger",
+          onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && (isOpen.value = !unref(isOpen)))
         }, [
-          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$f, "*")) : createCommentVNode("", true),
-          createTextVNode(" " + toDisplayString(_ctx.label) + "： ", 1)
-        ], 4)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$d, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          createVNode(Transition, { name: "err-slide" }, {
+          createElementVNode("span", _hoisted_1$g, toDisplayString(unref(selectedLabel)), 1),
+          createVNode(FIcon$7, { class: "f-tree-select__arrow" }, {
             default: withCtx(() => [
-              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$d, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
+              createVNode(unref(ChevronDownOutline))
             ]),
             _: 1
           })
-        ])
+        ]),
+        unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleNodes), (node) => {
+            return openBlock(), createElementBlock("div", {
+              key: String(node.key),
+              class: normalizeClass(["f-tree-select__node", { "is-selected": isSelected(node.key), "is-disabled": node.disabled }]),
+              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$a, toDisplayString(unref(expandedKeys).includes(node.key) ? "−" : "+"), 1)) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_5$9, toDisplayString(node.label), 1)
+            ], 14, _hoisted_3$e);
+          }), 128))
+        ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FFormItem = /* @__PURE__ */ _export_sfc$5(_sfc_main$h, [["__scopeId", "data-v-c3d6ec01"]]);
-const _hoisted_1$e = { class: "f-checkbox__wrapper" };
-const _hoisted_2$c = ["checked", "disabled"];
-const _hoisted_3$c = {
-  key: 0,
-  class: "f-checkbox__label"
-};
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "FCheckbox",
+const FTreeSelect = /* @__PURE__ */ _export_sfc$7(_sfc_main$k, [["__scopeId", "data-v-7b42d98d"]]);
+const _hoisted_1$f = { class: "f-transfer__panel" };
+const _hoisted_2$d = { class: "f-transfer__header" };
+const _hoisted_3$d = { class: "f-transfer__list" };
+const _hoisted_4$9 = ["onClick"];
+const _hoisted_5$8 = { class: "f-transfer__actions" };
+const _hoisted_6$6 = ["disabled"];
+const _hoisted_7$3 = ["disabled"];
+const _hoisted_8$2 = { class: "f-transfer__panel" };
+const _hoisted_9$2 = { class: "f-transfer__header" };
+const _hoisted_10$1 = { class: "f-transfer__list" };
+const _hoisted_11$1 = ["onClick"];
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "FTransfer",
   props: /* @__PURE__ */ mergeModels({
-    label: {},
-    disabled: { type: Boolean }
+    data: {},
+    leftTitle: { default: "可选项" },
+    rightTitle: { default: "已选项" },
+    disabled: { type: Boolean, default: false }
   }, {
-    "modelValue": __spreadValues({ type: Boolean }, { default: false }),
+    "modelValue": { default: () => [] },
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
   setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
     const props = __props;
-    const handleChange = (e) => {
+    const modelValue = useModel(__props, "modelValue");
+    const leftSelected = ref([]);
+    const rightSelected = ref([]);
+    const selectedSet = computed(() => new Set(modelValue.value));
+    const leftList = computed(
+      () => props.data.filter((item) => !selectedSet.value.has(item.key) && !item.disabled)
+    );
+    const rightList = computed(
+      () => props.data.filter((item) => selectedSet.value.has(item.key))
+    );
+    const toggle = (list, key) => {
+      const index = list.indexOf(key);
+      if (index >= 0) {
+        list.splice(index, 1);
+      } else {
+        list.push(key);
+      }
+    };
+    const moveToRight = () => {
       if (props.disabled) return;
-      const target = e.target;
-      modelValue.value = target.checked;
+      const keys = leftList.value.map((item) => item.key);
+      const next = Array.from(/* @__PURE__ */ new Set([...modelValue.value, ...keys]));
+      modelValue.value = next;
+      leftSelected.value = [];
+    };
+    const moveToLeft = () => {
+      if (props.disabled) return;
+      const next = modelValue.value.filter((key) => !rightSelected.value.includes(key));
+      modelValue.value = next;
+      rightSelected.value = [];
+    };
+    const moveSelected = (direction) => {
+      if (direction === "right") {
+        moveToRight();
+        return;
+      }
+      moveToLeft();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["f-transfer", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$e, [
-          createElementVNode("input", {
-            type: "checkbox",
-            checked: modelValue.value,
-            disabled: _ctx.disabled,
-            onChange: handleChange
-          }, null, 40, _hoisted_2$c),
-          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        createElementVNode("div", _hoisted_1$f, [
+          createElementVNode("div", _hoisted_2$d, toDisplayString(_ctx.leftTitle), 1),
+          createElementVNode("ul", _hoisted_3$d, [
+            (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$9);
+            }), 128))
+          ])
+        ]),
+        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),
+          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)
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_8$2, [
+          createElementVNode("div", _hoisted_9$2, toDisplayString(_ctx.rightTitle), 1),
+          createElementVNode("ul", _hoisted_10$1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rightList), (item) => {
+              return openBlock(), createElementBlock("li", {
+                key: String(item.key),
+                class: normalizeClass(["f-transfer__item", { "is-selected": unref(rightSelected).includes(item.key), "is-disabled": item.disabled }]),
+                onClick: ($event) => toggle(unref(rightSelected), item.key)
+              }, toDisplayString(item.label), 11, _hoisted_11$1);
+            }), 128))
+          ])
+        ])
       ], 2);
     };
   }
 });
-const FCheckbox = /* @__PURE__ */ _export_sfc$5(_sfc_main$g, [["__scopeId", "data-v-633b283a"]]);
-const _hoisted_1$d = { class: "alert__body" };
-const _hoisted_2$b = { class: "alert__title" };
-const _hoisted_3$b = { class: "alert__content" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const FTransfer = /* @__PURE__ */ _export_sfc$7(_sfc_main$j, [["__scopeId", "data-v-48d0731e"]]);
+const _hoisted_1$e = { class: "alert__body" };
+const _hoisted_2$c = { class: "alert__title" };
+const _hoisted_3$c = { class: "alert__content" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FAlert",
   props: {
     type: { default: "info" },
@@ -4996,15 +6316,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["alert", `alert--${_ctx.type}`])
       }, [
-        createVNode(FIcon$5, { class: "alert__icon" }, {
+        createVNode(FIcon$7, { class: "alert__icon" }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(unref(config).icon)))
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_1$d, [
-          createElementVNode("h4", _hoisted_2$b, toDisplayString((_a = _ctx.title) != null ? _a : unref(config).label), 1),
-          createElementVNode("div", _hoisted_3$b, [
+        createElementVNode("div", _hoisted_1$e, [
+          createElementVNode("h4", _hoisted_2$c, toDisplayString((_a = _ctx.title) != null ? _a : unref(config).label), 1),
+          createElementVNode("div", _hoisted_3$c, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(_ctx.content), 1)
             ], true)
@@ -5014,18 +6334,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAlert = /* @__PURE__ */ _export_sfc$5(_sfc_main$f, [["__scopeId", "data-v-f16678ef"]]);
-const _hoisted_1$c = { class: "f-editor__toolbar" };
-const _hoisted_2$a = { class: "f-editor__status" };
-const _hoisted_3$a = { class: "f-editor__lines" };
-const _hoisted_4$7 = { class: "f-editor__code-wrapper" };
+const FAlert = /* @__PURE__ */ _export_sfc$7(_sfc_main$i, [["__scopeId", "data-v-f16678ef"]]);
+const _hoisted_1$d = { class: "f-editor__toolbar" };
+const _hoisted_2$b = { class: "f-editor__status" };
+const _hoisted_3$b = { class: "f-editor__lines" };
+const _hoisted_4$8 = { class: "f-editor__code-wrapper" };
 const _hoisted_5$7 = ["innerHTML"];
 const _hoisted_6$5 = ["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$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "FEditor",
   props: /* @__PURE__ */ mergeModels({
     placeholder: {},
@@ -5191,9 +6511,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-editor", { "f-editor--invalid": !unref(isJsonValid) }])
       }, [
-        createElementVNode("div", _hoisted_1$c, [
-          createElementVNode("span", _hoisted_2$a, [
-            createElementVNode("span", _hoisted_3$a, toDisplayString(unref(lineCount)) + " 行", 1),
+        createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("span", _hoisted_2$b, [
+            createElementVNode("span", _hoisted_3$b, toDisplayString(unref(lineCount)) + " 行", 1),
             unref(isHeavy) ? (openBlock(), createBlock(FTag, {
               key: 0,
               color: "orange",
@@ -5231,7 +6551,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               }, toDisplayString(ln), 3);
             }), 128))
           ], 512)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$7, [
+          createElementVNode("div", _hoisted_4$8, [
             createElementVNode("div", {
               class: "f-editor__active-line",
               style: normalizeStyle({
@@ -5276,14 +6596,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FEditor = /* @__PURE__ */ _export_sfc$5(_sfc_main$e, [["__scopeId", "data-v-6d590649"]]);
-const _hoisted_1$b = { class: "f-table" };
-const _hoisted_2$9 = {
+const FEditor = /* @__PURE__ */ _export_sfc$7(_sfc_main$h, [["__scopeId", "data-v-6d590649"]]);
+const _hoisted_1$c = { class: "f-table" };
+const _hoisted_2$a = {
   key: 0,
   class: "f-table__loading"
 };
-const _hoisted_3$9 = { class: "f-table__inner" };
-const _hoisted_4$6 = {
+const _hoisted_3$a = { class: "f-table__inner" };
+const _hoisted_4$7 = {
   key: 0,
   class: "f-table__col--index"
 };
@@ -5292,9 +6612,9 @@ const _hoisted_6$4 = {
   key: 0,
   class: "f-table__th f-table__th--index"
 };
-const _hoisted_7$1 = { class: "f-table__th-inner" };
-const _hoisted_8 = { class: "f-table__body" };
-const _hoisted_9 = {
+const _hoisted_7$2 = { class: "f-table__th-inner" };
+const _hoisted_8$1 = { class: "f-table__body" };
+const _hoisted_9$1 = {
   key: 0,
   class: "f-table__spacer"
 };
@@ -5310,7 +6630,7 @@ const _hoisted_14 = {
   class: "f-table__spacer"
 };
 const _hoisted_15 = ["colspan"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FTable",
   props: {
     data: {},
@@ -5374,8 +6694,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       scrollTop.value = 0;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "spinner" }, null, -1)),
           createElementVNode("span", null, toDisplayString(_ctx.loadingText), 1)
         ])) : createCommentVNode("", true),
@@ -5385,9 +6705,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ref: scrollEl,
           onScroll
         }, [
-          createElementVNode("table", _hoisted_3$9, [
+          createElementVNode("table", _hoisted_3$a, [
             createElementVNode("colgroup", null, [
-              _ctx.showIndex ? (openBlock(), createElementBlock("col", _hoisted_4$6)) : createCommentVNode("", true),
+              _ctx.showIndex ? (openBlock(), createElementBlock("col", _hoisted_4$7)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
                 var _a, _b;
                 return openBlock(), createElementBlock("col", {
@@ -5408,7 +6728,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["f-table__th", col.thClass])
                   }, [
                     renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [
-                      createElementVNode("div", _hoisted_7$1, [
+                      createElementVNode("div", _hoisted_7$2, [
                         createElementVNode("span", null, toDisplayString(col.label), 1)
                       ])
                     ], true)
@@ -5416,8 +6736,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 }), 128))
               ])
             ]),
-            createElementVNode("tbody", _hoisted_8, [
-              unref(offsetTop) > 0 ? (openBlock(), createElementBlock("tr", _hoisted_9, [
+            createElementVNode("tbody", _hoisted_8$1, [
+              unref(offsetTop) > 0 ? (openBlock(), createElementBlock("tr", _hoisted_9$1, [
                 createElementVNode("td", {
                   colspan: unref(colSpan),
                   style: normalizeStyle({ height: unref(offsetTop) + "px" })
@@ -5481,22 +6801,31 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTable = /* @__PURE__ */ _export_sfc$5(_sfc_main$d, [["__scopeId", "data-v-01724962"]]);
-const _hoisted_1$a = { class: "f-upload" };
-const _hoisted_2$8 = { class: "f-upload__label" };
-const _hoisted_3$8 = ["accept"];
-const _hoisted_4$5 = {
-  key: 0,
+const FTable = /* @__PURE__ */ _export_sfc$7(_sfc_main$g, [["__scopeId", "data-v-01724962"]]);
+const _hoisted_1$b = { class: "f-upload" };
+const _hoisted_2$9 = { class: "f-upload__label" };
+const _hoisted_3$9 = ["accept"];
+const _hoisted_4$6 = { class: "f-upload__hint" };
+const _hoisted_5$5 = {
+  key: 1,
+  class: "f-upload__button"
+};
+const _hoisted_6$3 = ["accept"];
+const _hoisted_7$1 = {
+  key: 2,
   class: "f-upload__file-item"
 };
-const _hoisted_5$5 = { class: "f-upload__file-info" };
-const _hoisted_6$3 = { class: "f-upload__file-name" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_8 = { class: "f-upload__file-info" };
+const _hoisted_9 = { class: "f-upload__file-name" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FUpload",
   props: /* @__PURE__ */ mergeModels({
     accept: {},
     limit: {},
-    progress: {}
+    progress: {},
+    buttonMode: { type: Boolean, default: false },
+    buttonText: { default: "选择文件" },
+    hint: { default: "支持 .xlsx .xls .json .txt" }
   }, {
     "file": { default: "" },
     "fileModifiers": {}
@@ -5542,48 +6871,59 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emit("change", f);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        createElementVNode("div", {
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        !_ctx.buttonMode ? (openBlock(), createElementBlock("div", {
+          key: 0,
           class: normalizeClass(["f-upload__zone", { "f-upload--drag": unref(dragActive) }]),
           onDragover: onDragOver,
           onDragleave: onDragLeave,
           onDrop
         }, [
-          createElementVNode("label", _hoisted_2$8, [
+          createElementVNode("label", _hoisted_2$9, [
             createElementVNode("input", {
               type: "file",
               accept: _ctx.accept,
               class: "f-upload__input",
               onChange: onFileChange
-            }, null, 40, _hoisted_3$8),
+            }, null, 40, _hoisted_3$9),
             renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(FIcon$5, { size: 40 }, {
+              createVNode(FIcon$7, { size: 40 }, {
                 default: withCtx(() => [
                   createVNode(unref(CloudUpload))
                 ]),
                 _: 1
               }),
               _cache[2] || (_cache[2] = createElementVNode("span", { class: "f-upload__title" }, "点击或拖拽文件至此处", -1)),
-              _cache[3] || (_cache[3] = createElementVNode("span", { class: "f-upload__hint" }, "支持 .xlsx .xls .json .txt", -1))
+              createElementVNode("span", _hoisted_4$6, toDisplayString(_ctx.hint), 1)
             ], true)
           ])
-        ], 34),
-        file.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
-          createVNode(FIcon$5, null, {
+        ], 34)) : (openBlock(), createElementBlock("label", _hoisted_5$5, [
+          createElementVNode("input", {
+            type: "file",
+            accept: _ctx.accept,
+            class: "f-upload__input",
+            onChange: onFileChange
+          }, null, 40, _hoisted_6$3),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createElementVNode("span", null, toDisplayString(_ctx.buttonText), 1)
+          ], true)
+        ])),
+        file.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+          createVNode(FIcon$7, null, {
             default: withCtx(() => [
               createVNode(unref(DocumentOutline))
             ]),
             _: 1
           }),
-          createElementVNode("div", _hoisted_5$5, [
-            createElementVNode("span", _hoisted_6$3, toDisplayString(file.value), 1),
+          createElementVNode("div", _hoisted_8, [
+            createElementVNode("span", _hoisted_9, toDisplayString(file.value), 1),
             _ctx.progress != null ? (openBlock(), createBlock(FProgress, {
               key: 0,
               percent: _ctx.progress,
               "show-text": ""
             }, null, 8, ["percent"])) : createCommentVNode("", true)
           ]),
-          createVNode(FIcon$5, {
+          createVNode(FIcon$7, {
             onClick: withModifiers(clearFile, ["stop"]),
             onMouseenter: _cache[0] || (_cache[0] = ($event) => isCloseHover.value = true),
             onMouseleave: _cache[1] || (_cache[1] = ($event) => isCloseHover.value = false),
@@ -5599,8 +6939,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FUpload = /* @__PURE__ */ _export_sfc$5(_sfc_main$c, [["__scopeId", "data-v-07b95a32"]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const FUpload = /* @__PURE__ */ _export_sfc$7(_sfc_main$f, [["__scopeId", "data-v-8e954b9a"]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "FButtonGroup",
   props: {
     size: { default: "normal" },
@@ -5621,9 +6961,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FButtonGroup = /* @__PURE__ */ _export_sfc$5(_sfc_main$b, [["__scopeId", "data-v-62561657"]]);
-const _hoisted_1$9 = { class: "f-collapse" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const FButtonGroup = /* @__PURE__ */ _export_sfc$7(_sfc_main$e, [["__scopeId", "data-v-62561657"]]);
+const _hoisted_1$a = { class: "f-collapse" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FCollapse",
   props: /* @__PURE__ */ mergeModels({
     accordion: { type: Boolean, default: false }
@@ -5663,16 +7003,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       })
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-const _hoisted_1$8 = { class: "f-collapse-item__header-title" };
-const _hoisted_2$7 = { class: "f-collapse-item__wrapper" };
-const _hoisted_3$7 = { class: "f-collapse-item__content" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { class: "f-collapse-item__header-title" };
+const _hoisted_2$8 = { class: "f-collapse-item__wrapper" };
+const _hoisted_3$8 = { class: "f-collapse-item__content" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FCollapseItem",
   props: {
     name: {},
@@ -5716,7 +7056,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onClick: handleHeaderClick
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("span", _hoisted_1$8, toDisplayString(_ctx.title), 1)
+            createElementVNode("span", _hoisted_1$9, toDisplayString(_ctx.title), 1)
           ]),
           _cache[0] || (_cache[0] = createElementVNode("svg", {
             class: "f-collapse-item__icon",
@@ -5740,8 +7080,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onLeave
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_2$7, [
-              createElementVNode("div", _hoisted_3$7, [
+            withDirectives(createElementVNode("div", _hoisted_2$8, [
+              createElementVNode("div", _hoisted_3$8, [
                 renderSlot(_ctx.$slots, "default")
               ])
             ], 512), [
@@ -5754,13 +7094,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "f-color-picker__swatch" };
-const _hoisted_2$6 = {
+const _hoisted_1$8 = { class: "f-color-picker__swatch" };
+const _hoisted_2$7 = {
   key: 0,
   class: "f-color-picker__panel"
 };
-const _hoisted_3$6 = { class: "f-color-picker__sliders" };
-const _hoisted_4$4 = { class: "f-color-picker__slider-group" };
+const _hoisted_3$7 = { class: "f-color-picker__sliders" };
+const _hoisted_4$5 = { class: "f-color-picker__slider-group" };
 const _hoisted_5$4 = ["value"];
 const _hoisted_6$2 = {
   key: 0,
@@ -5768,7 +7108,7 @@ const _hoisted_6$2 = {
 };
 const _hoisted_7 = ["onClick"];
 const hueBackground = "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FColorPicker",
   props: /* @__PURE__ */ mergeModels({
     showAlpha: { type: Boolean, default: false },
@@ -5994,7 +7334,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           class: "f-color-picker__trigger",
           onClick: togglePanel
         }, [
-          createElementVNode("div", _hoisted_1$7, [
+          createElementVNode("div", _hoisted_1$8, [
             createElementVNode("span", {
               class: "f-color-picker__swatch-color",
               style: normalizeStyle({ background: `rgba(${unref(previewRgb).r}, ${unref(previewRgb).g}, ${unref(previewRgb).b}, ${unref(hsva).a})` })
@@ -6003,7 +7343,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(Transition, { name: "f-color-picker-fade" }, {
           default: withCtx(() => [
-            unref(visible) ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+            unref(visible) ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
               createElementVNode("div", {
                 ref_key: "panelRef",
                 ref: panelRef,
@@ -6016,8 +7356,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle({ left: `${unref(hsva).s}%`, top: `${100 - unref(hsva).v}%` })
                 }, null, 4)
               ], 36),
-              createElementVNode("div", _hoisted_3$6, [
-                createElementVNode("div", _hoisted_4$4, [
+              createElementVNode("div", _hoisted_3$7, [
+                createElementVNode("div", _hoisted_4$5, [
                   createElementVNode("div", {
                     ref_key: "hueRef",
                     ref: hueRef,
@@ -6077,19 +7417,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "f-empty" };
-const _hoisted_2$5 = ["src"];
-const _hoisted_3$5 = {
+const _hoisted_1$7 = { class: "f-empty" };
+const _hoisted_2$6 = ["src"];
+const _hoisted_3$6 = {
   key: 1,
   viewBox: "0 0 160 160",
   class: "f-empty__image-default"
 };
-const _hoisted_4$3 = { class: "f-empty__description" };
+const _hoisted_4$4 = { class: "f-empty__description" };
 const _hoisted_5$3 = {
   key: 0,
   class: "f-empty__extra"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FEmpty",
   props: {
     description: { default: "暂无数据" },
@@ -6098,7 +7438,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", {
           class: "f-empty__image",
           style: normalizeStyle({ width: `${_ctx.imageSize}px`, height: `${_ctx.imageSize}px` })
@@ -6109,12 +7449,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               src: _ctx.image,
               class: "f-empty__image-img",
               alt: ""
-            }, null, 8, _hoisted_2$5)) : (openBlock(), createElementBlock("svg", _hoisted_3$5, _cache[0] || (_cache[0] = [
+            }, null, 8, _hoisted_2$6)) : (openBlock(), createElementBlock("svg", _hoisted_3$6, _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)
             ])))
           ])
         ], 4),
-        createElementVNode("div", _hoisted_4$3, [
+        createElementVNode("div", _hoisted_4$4, [
           renderSlot(_ctx.$slots, "description", {}, () => [
             createTextVNode(toDisplayString(_ctx.description), 1)
           ])
@@ -6126,13 +7466,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "f-slider__mark-label" };
-const _hoisted_2$4 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
-const _hoisted_3$4 = {
+const _hoisted_1$6 = { class: "f-slider__mark-label" };
+const _hoisted_2$5 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
+const _hoisted_3$5 = {
   key: 0,
   class: "f-slider__tooltip"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FSlider",
   props: /* @__PURE__ */ mergeModels({
     min: { default: 0 },
@@ -6306,7 +7646,7 @@ const _sfc_main$6 = /* @__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$5, toDisplayString(mark.label), 1)
+              createElementVNode("span", _hoisted_1$6, toDisplayString(mark.label), 1)
             ], 4);
           }), 128)),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(values), (value, index) => {
@@ -6326,18 +7666,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(Transition, { name: "f-slider-tooltip-fade" }, {
                 default: withCtx(() => [
-                  tooltipVisible(index) ? (openBlock(), createElementBlock("div", _hoisted_3$4, toDisplayString(value), 1)) : createCommentVNode("", true)
+                  tooltipVisible(index) ? (openBlock(), createElementBlock("div", _hoisted_3$5, toDisplayString(value), 1)) : createCommentVNode("", true)
                 ]),
                 _: 2
               }, 1024)
-            ], 46, _hoisted_2$4);
+            ], 46, _hoisted_2$5);
           }), 128))
         ], 544)
       ], 2);
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FScrollbar",
   props: {
     height: { default: "" },
@@ -6525,16 +7865,16 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["disabled"];
-const _hoisted_2$3 = ["value", "disabled", "placeholder"];
-const _hoisted_3$3 = ["disabled"];
-const _hoisted_4$2 = {
+const _hoisted_1$5 = ["disabled"];
+const _hoisted_2$4 = ["value", "disabled", "placeholder"];
+const _hoisted_3$4 = ["disabled"];
+const _hoisted_4$3 = {
   key: 2,
   class: "f-input-number__stack"
 };
 const _hoisted_5$2 = ["disabled"];
 const _hoisted_6$1 = ["disabled"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FInputNumber",
   props: /* @__PURE__ */ mergeModels({
     min: { default: -Infinity },
@@ -6673,13 +8013,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onMouseup: stopRepeat,
           onMouseleave: stopRepeat
         }, [
-          createVNode(unref(FIcon$4), null, {
+          createVNode(unref(FIcon$6), null, {
             default: withCtx(() => [
               createVNode(unref(RemoveOutline))
             ]),
             _: 1
           })
-        ], 40, _hoisted_1$4)) : createCommentVNode("", true),
+        ], 40, _hoisted_1$5)) : createCommentVNode("", true),
         createElementVNode("input", {
           ref_key: "inputRef",
           ref: inputRef,
@@ -6694,7 +8034,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onBlur: handleBlur,
           onKeydown: handleKeydown,
           onWheel: handleWheel
-        }, null, 40, _hoisted_2$3),
+        }, null, 40, _hoisted_2$4),
         _ctx.controls && _ctx.controlsPosition === "both" ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
@@ -6705,14 +8045,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onMouseup: stopRepeat,
           onMouseleave: stopRepeat
         }, [
-          createVNode(unref(FIcon$4), null, {
+          createVNode(unref(FIcon$6), null, {
             default: withCtx(() => [
               createVNode(unref(AddOutline))
             ]),
             _: 1
           })
-        ], 40, _hoisted_3$3)) : createCommentVNode("", true),
-        _ctx.controls && _ctx.controlsPosition === "right" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+        ], 40, _hoisted_3$4)) : createCommentVNode("", true),
+        _ctx.controls && _ctx.controlsPosition === "right" ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
           createElementVNode("button", {
             type: "button",
             class: "f-input-number__stack-btn",
@@ -6722,7 +8062,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
           }, [
-            createVNode(unref(FIcon$4), null, {
+            createVNode(unref(FIcon$6), null, {
               default: withCtx(() => [
                 createVNode(unref(ChevronUpOutline))
               ]),
@@ -6738,7 +8078,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
           }, [
-            createVNode(unref(FIcon$4), null, {
+            createVNode(unref(FIcon$6), null, {
               default: withCtx(() => [
                 createVNode(unref(ChevronDownOutline))
               ]),
@@ -6750,17 +8090,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FInputNumber = /* @__PURE__ */ _export_sfc$5(_sfc_main$4, [["__scopeId", "data-v-292cd24f"]]);
-const _hoisted_1$3 = { class: "f-result__icon" };
-const _hoisted_2$2 = {
+const FInputNumber = /* @__PURE__ */ _export_sfc$7(_sfc_main$7, [["__scopeId", "data-v-292cd24f"]]);
+const _hoisted_1$4 = { class: "f-result__icon" };
+const _hoisted_2$3 = {
   key: 0,
   class: "f-result__code"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$3 = {
   key: 0,
   class: "f-result__title"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 1,
   class: "f-result__subtitle"
 };
@@ -6772,7 +8112,7 @@ const _hoisted_6 = {
   key: 3,
   class: "f-result__content"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FResult",
   props: {
     status: { default: "info" },
@@ -6798,9 +8138,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-result", `f-result--${_ctx.status}`])
       }, [
-        createElementVNode("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_1$4, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
-            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon$5, {
+            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon$7, {
               key: 1,
               size: 72
             }, {
@@ -6811,12 +8151,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }))
           ], true)
         ]),
-        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.subtitle || _ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        _ctx.$slots.subtitle || _ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
           renderSlot(_ctx.$slots, "subtitle", {}, () => [
             createTextVNode(toDisplayString(_ctx.subTitle), 1)
           ], true)
@@ -6831,7 +8171,136 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FResult = /* @__PURE__ */ _export_sfc$5(_sfc_main$3, [["__scopeId", "data-v-1667a865"]]);
+const FResult = /* @__PURE__ */ _export_sfc$7(_sfc_main$6, [["__scopeId", "data-v-1667a865"]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "FMask",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const FMask = /* @__PURE__ */ _export_sfc$7(_sfc_main$5, [["__scopeId", "data-v-e0510925"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "FMarquee",
+  props: {
+    text: { default: "Fantasia UI" },
+    speed: { default: 28 },
+    direction: { default: "left" },
+    pauseOnHover: { type: Boolean, default: true },
+    gap: { default: 32 }
+  },
+  setup(__props) {
+    const props = __props;
+    const content = computed(() => Array.from({ length: 2 }, () => props.text).join(" ".repeat(props.gap)));
+    const animationDirection = computed(() => props.direction === "right" ? "reverse" : "normal");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["f-marquee", { "is-pause": _ctx.pauseOnHover }])
+      }, [
+        createElementVNode("div", {
+          class: "f-marquee__track",
+          style: normalizeStyle({ animationDirection: unref(animationDirection), animationDuration: `${_ctx.speed}s` })
+        }, [
+          createElementVNode("span", null, toDisplayString(unref(content)), 1),
+          createElementVNode("span", null, toDisplayString(unref(content)), 1)
+        ], 4)
+      ], 2);
+    };
+  }
+});
+const FMarquee = /* @__PURE__ */ _export_sfc$7(_sfc_main$4, [["__scopeId", "data-v-87e87d12"]]);
+const _hoisted_1$3 = { class: "f-step__icon" };
+const _hoisted_2$2 = { class: "f-step__content" };
+const _hoisted_3$2 = { class: "f-step__title" };
+const _hoisted_4$1 = {
+  key: 0,
+  class: "f-step__description"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "FSteps",
+  props: {
+    items: {},
+    current: { default: 0 },
+    direction: { default: "horizontal" },
+    statusText: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const resolvedStatus = (index, itemStatus) => {
+      if (itemStatus) return itemStatus;
+      if (index < props.current) return "finish";
+      if (index === props.current) return "process";
+      return "wait";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["f-steps", [`is-${_ctx.direction}`]])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: `${index}-step`,
+            class: normalizeClass(["f-step", [`is-${resolvedStatus(index, item.status)}`]])
+          }, [
+            createElementVNode("div", _hoisted_1$3, toDisplayString(index + 1), 1),
+            createElementVNode("div", _hoisted_2$2, [
+              createElementVNode("div", _hoisted_3$2, toDisplayString(item.title || `Step ${index + 1}`), 1),
+              item.description || _ctx.statusText ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(item.description || "Processing"), 1)) : createCommentVNode("", true)
+            ])
+          ], 2);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+const FSteps = /* @__PURE__ */ _export_sfc$7(_sfc_main$3, [["__scopeId", "data-v-a97e1683"]]);
 const _hoisted_1$2 = { class: "f-message__content" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FMessage",
@@ -6903,7 +8372,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             onMouseenter: clearTimer,
             onMouseleave: startTimer
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$5, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$7, {
               key: 0,
               class: "f-message__icon"
             }, {
@@ -6920,7 +8389,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: close
             }, [
-              createVNode(FIcon$5, null, {
+              createVNode(FIcon$7, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -6934,7 +8403,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMessageComp = /* @__PURE__ */ _export_sfc$5(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
+const FMessageComp = /* @__PURE__ */ _export_sfc$7(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
 const GAP$1 = 16;
 const BASE_OFFSET$1 = 20;
 let seed$1 = 0;
@@ -7090,7 +8559,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onMouseleave: startTimer,
             onClick: handleClick
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$5, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$7, {
               key: 0,
               class: "f-notification__icon"
             }, {
@@ -7110,7 +8579,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: withModifiers(close, ["stop"])
             }, [
-              createVNode(FIcon$5, null, {
+              createVNode(FIcon$7, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -7124,7 +8593,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FNotificationComp = /* @__PURE__ */ _export_sfc$5(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
+const FNotificationComp = /* @__PURE__ */ _export_sfc$7(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
 const GAP = 16;
 const BASE_OFFSET = 20;
 let seed = 0;
@@ -7326,7 +8795,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       class: "f-dialog__close",
                       onClick: handleClose
                     }, [
-                      createVNode(FIcon$5, null, {
+                      createVNode(FIcon$7, null, {
                         default: withCtx(() => [
                           createVNode(unref(CloseOutline))
                         ]),
@@ -7339,7 +8808,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
                         unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                          createVNode(FIcon$5, null, {
+                          createVNode(FIcon$7, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
                             ]),
@@ -7388,7 +8857,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDialogComp = /* @__PURE__ */ _export_sfc$5(_sfc_main, [["__scopeId", "data-v-991352de"]]);
+const FDialogComp = /* @__PURE__ */ _export_sfc$7(_sfc_main, [["__scopeId", "data-v-b88b4e96"]]);
 const showDialog = (options) => {
   return new Promise((resolve) => {
     const container = document.createElement("div");
@@ -7481,39 +8950,47 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FCard,
   FCheckbox,
   FCol,
-  FCollapse: _sfc_main$a,
-  FCollapseItem: _sfc_main$9,
-  FColorPicker: _sfc_main$8,
+  FCollapse: _sfc_main$d,
+  FCollapseItem: _sfc_main$c,
+  FColorPicker: _sfc_main$b,
   FContainer,
   FDialog,
   FDivider,
   FDropdown,
   FEditor,
-  FEmpty: _sfc_main$7,
+  FEmpty: _sfc_main$a,
   FForm,
   FFormItem,
-  FIcon: FIcon$5,
+  FIcon: FIcon$7,
   FImage,
   FInput,
   FInputNumber,
   FLink,
   FLoading,
+  FMarquee,
+  FMask,
   FMessage,
   FNotification,
   FPagination,
   FProgress,
+  FRadio,
+  FRadioGroup,
   FRate,
   FResult,
   FRow,
-  FScrollbar: _sfc_main$5,
+  FScrollbar: _sfc_main$8,
   FSelect,
-  FSlider: _sfc_main$6,
+  FSlider: _sfc_main$9,
   FSpace,
+  FSteps,
+  FSwitch,
   FTable,
   FTabs,
   FTag,
   FText,
   FTooltip,
+  FTransfer,
+  FTreeSelect,
   FTypography,
   FUpload
 }, Symbol.toStringTag, { value: "Module" }));
@@ -7533,39 +9010,47 @@ export {
   FCard,
   FCheckbox,
   FCol,
-  _sfc_main$a as FCollapse,
-  _sfc_main$9 as FCollapseItem,
-  _sfc_main$8 as FColorPicker,
+  _sfc_main$d as FCollapse,
+  _sfc_main$c as FCollapseItem,
+  _sfc_main$b as FColorPicker,
   FContainer,
   FDialog,
   FDivider,
   FDropdown,
   FEditor,
-  _sfc_main$7 as FEmpty,
+  _sfc_main$a as FEmpty,
   FForm,
   FFormItem,
-  FIcon$5 as FIcon,
+  FIcon$7 as FIcon,
   FImage,
   FInput,
   FInputNumber,
   FLink,
   FLoading,
+  FMarquee,
+  FMask,
   FMessage,
   FNotification,
   FPagination,
   FProgress,
+  FRadio,
+  FRadioGroup,
   FRate,
   FResult,
   FRow,
-  _sfc_main$5 as FScrollbar,
+  _sfc_main$8 as FScrollbar,
   FSelect,
-  _sfc_main$6 as FSlider,
+  _sfc_main$9 as FSlider,
   FSpace,
+  FSteps,
+  FSwitch,
   FTable,
   FTabs,
   FTag,
   FText,
   FTooltip,
+  FTransfer,
+  FTreeSelect,
   FTypography,
   FUpload,
   install as default