fantasia-ui 0.2.44 → 0.2.45

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$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -64,20 +64,20 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$4 = (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$4 = /* @__PURE__ */ _export_sfc$4(_sfc_main$N, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$5 = /* @__PURE__ */ _export_sfc$5(_sfc_main$O, [["__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$y = {
+const _hoisted_1$z = {
   key: 0,
   class: "loop cubes"
 };
-const _hoisted_2$s = {
+const _hoisted_2$t = {
   key: 2,
   class: "msg"
 };
@@ -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$y, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -105,22 +105,22 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["loader", _ctx.type])
         }, null, 2)),
-        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$s, toDisplayString(props.text), 1)) : createCommentVNode("", true)
+        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$t, toDisplayString(props.text), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FLoading = /* @__PURE__ */ _export_sfc$4(_sfc_main$I, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$x = { class: "f-image" };
-const _hoisted_2$r = {
+const FLoading = /* @__PURE__ */ _export_sfc$5(_sfc_main$I, [["__scopeId", "data-v-20f58a50"]]);
+const _hoisted_1$y = { class: "f-image" };
+const _hoisted_2$s = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$n = {
+const _hoisted_3$o = {
   key: 0,
   class: "f-image__error"
 };
-const _hoisted_4$g = ["src", "loading"];
+const _hoisted_4$h = ["src", "loading"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FImage",
   props: {
@@ -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$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
+            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
               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$n, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$o, [
               renderSlot(_ctx.$slots, "error", {}, () => [
-                createVNode(FIcon$4, { size: "48px" }, {
+                createVNode(FIcon$5, { size: "48px" }, {
                   default: withCtx(() => [
                     createVNode(unref(PictureError))
                   ]),
@@ -169,16 +169,16 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           class: "f-image__img",
           onLoad,
           onError
-        }, null, 44, _hoisted_4$g), [
+        }, null, 44, _hoisted_4$h), [
           [vShow, unref(status) === "loaded"]
         ])
       ]);
     };
   }
 });
-const FImage = /* @__PURE__ */ _export_sfc$4(_sfc_main$H, [["__scopeId", "data-v-e959ab10"]]);
-const _hoisted_1$w = ["type", "value", "placeholder"];
-const _hoisted_2$q = { class: "f-input__suffix" };
+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({
   __name: "FInput",
   props: /* @__PURE__ */ mergeModels({
@@ -244,9 +244,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           onBlur,
           onFocus,
           class: "f-input__inner"
-        }, null, 40, _hoisted_1$w),
-        createElementVNode("div", _hoisted_2$q, [
-          unref(showClearIcon) ? (openBlock(), createBlock(FIcon$4, {
+        }, null, 40, _hoisted_1$x),
+        createElementVNode("div", _hoisted_2$r, [
+          unref(showClearIcon) ? (openBlock(), createBlock(FIcon$5, {
             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$4, {
+          unref(showPasswordIcon) ? (openBlock(), createBlock(FIcon$5, {
             key: 1,
             onClick: togglePassword,
             class: "icon-btn"
@@ -272,9 +272,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FInput = /* @__PURE__ */ _export_sfc$4(_sfc_main$G, [["__scopeId", "data-v-68f468e1"]]);
-const _hoisted_1$v = ["onMousemove"];
-const _hoisted_2$p = {
+const FInput = /* @__PURE__ */ _export_sfc$5(_sfc_main$G, [["__scopeId", "data-v-68f468e1"]]);
+const _hoisted_1$w = ["onMousemove"];
+const _hoisted_2$q = {
   key: 0,
   class: "f-rate__score"
 };
@@ -352,7 +352,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             onMousemove: ($event) => onMouseMove($event, index),
             onClick
           }, [
-            createVNode(FIcon$4, {
+            createVNode(FIcon$5, {
               color: getStarColor(index),
               size: unref(starSize)
             }, {
@@ -361,22 +361,22 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$v);
+          ], 40, _hoisted_1$w);
         }), 128)),
-        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$p, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
+        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$q, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
-const FRate = /* @__PURE__ */ _export_sfc$4(_sfc_main$F, [["__scopeId", "data-v-3b5c4f14"]]);
-const _hoisted_1$u = { class: "f-dropdown-wrapper" };
-const _hoisted_2$o = { class: "f-dropdown-content" };
-const _hoisted_3$m = ["onClick"];
-const _hoisted_4$f = {
+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 = {
   key: 0,
   class: "opt-icon"
 };
-const _hoisted_5$d = { class: "opt-label" };
+const _hoisted_5$e = { class: "opt-label" };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "FDropdown",
   props: {
@@ -549,7 +549,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "click", handleWindowClick);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         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$o, [
+                createElementVNode("div", _hoisted_2$p, [
                   _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$f, [
+                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$g, [
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_5$d, toDisplayString(opt.label), 1)
-                    ], 10, _hoisted_3$m);
+                      createElementVNode("span", _hoisted_5$e, toDisplayString(opt.label), 1)
+                    ], 10, _hoisted_3$n);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
               ], 36)) : createCommentVNode("", true)
@@ -602,7 +602,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDropdown = /* @__PURE__ */ _export_sfc$4(_sfc_main$E, [["__scopeId", "data-v-834f9929"]]);
+const FDropdown = /* @__PURE__ */ _export_sfc$5(_sfc_main$E, [["__scopeId", "data-v-834f9929"]]);
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "FSelect",
   props: /* @__PURE__ */ mergeModels({
@@ -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$4, { class: "f-select__arrow" }, {
+            createVNode(FIcon$5, { class: "f-select__arrow" }, {
               default: withCtx(() => [
                 createVNode(unref(ChevronDownOutline))
               ]),
@@ -674,21 +674,21 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FSelect = /* @__PURE__ */ _export_sfc$4(_sfc_main$D, [["__scopeId", "data-v-fc1ceb39"]]);
-const _hoisted_1$t = {
+const FSelect = /* @__PURE__ */ _export_sfc$5(_sfc_main$D, [["__scopeId", "data-v-fc1ceb39"]]);
+const _hoisted_1$u = {
   key: 0,
   class: "f-pagination"
 };
-const _hoisted_2$n = {
+const _hoisted_2$o = {
   key: 0,
   class: "f-pagination__total"
 };
-const _hoisted_3$l = {
+const _hoisted_3$m = {
   key: 1,
   class: "f-pagination__size"
 };
-const _hoisted_4$e = ["value"];
-const _hoisted_5$c = ["value"];
+const _hoisted_4$f = ["value"];
+const _hoisted_5$d = ["value"];
 const _hoisted_6$7 = {
   key: 3,
   class: "f-pagination__list"
@@ -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$t, [
+      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutItems), (item) => {
           return openBlock(), createElementBlock(Fragment, { key: item }, [
-            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$n, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
+            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$o, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
               createElementVNode("select", {
                 class: "size-select",
                 value: _ctx.pageSize,
@@ -765,15 +765,15 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$c);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$d);
                 }), 128))
-              ], 40, _hoisted_4$e)
+              ], 40, _hoisted_4$f)
             ])) : 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$4, null, {
+              createVNode(FIcon$5, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronBackOutline))
                 ]),
@@ -783,7 +783,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               (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$4, null, {
+                    createVNode(FIcon$5, null, {
                       default: withCtx(() => [
                         createVNode(unref(EllipsisHorizontal))
                       ]),
@@ -801,7 +801,7 @@ 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$4, null, {
+              createVNode(FIcon$5, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronForwardOutline))
                 ]),
@@ -828,24 +828,24 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FPagination = /* @__PURE__ */ _export_sfc$4(_sfc_main$C, [["__scopeId", "data-v-930f8b20"]]);
-const _hoisted_1$s = {
+const FPagination = /* @__PURE__ */ _export_sfc$5(_sfc_main$C, [["__scopeId", "data-v-930f8b20"]]);
+const _hoisted_1$t = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_2$m = {
+const _hoisted_2$n = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_3$k = {
+const _hoisted_3$l = {
   key: 1,
   class: "f-card__cover"
 };
-const _hoisted_4$d = {
+const _hoisted_4$e = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$b = {
+const _hoisted_5$c = {
   key: 3,
   class: "f-card__footer"
 };
@@ -882,19 +882,19 @@ 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$s, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
+            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
+          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
             renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -920,8 +920,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCard = /* @__PURE__ */ _export_sfc$4(_sfc_main$B, [["__scopeId", "data-v-a66fa373"]]);
-const _hoisted_1$r = {
+const FCard = /* @__PURE__ */ _export_sfc$5(_sfc_main$B, [["__scopeId", "data-v-a66fa373"]]);
+const _hoisted_1$s = {
   key: 0,
   class: "f-tag__dot"
 };
@@ -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$r)) : createCommentVNode("", true),
+        _ctx.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_1$s)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        _ctx.closable ? (openBlock(), createBlock(FIcon$4, {
+        _ctx.closable ? (openBlock(), createBlock(FIcon$5, {
           key: 1,
           class: "f-tag__close",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("close"), ["stop"]))
@@ -965,7 +965,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTag = /* @__PURE__ */ _export_sfc$4(_sfc_main$A, [["__scopeId", "data-v-02bd5aa6"]]);
+const FTag = /* @__PURE__ */ _export_sfc$5(_sfc_main$A, [["__scopeId", "data-v-02bd5aa6"]]);
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "FTooltip",
   props: {
@@ -1070,9 +1070,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTooltip = /* @__PURE__ */ _export_sfc$4(_sfc_main$z, [["__scopeId", "data-v-be9acca7"]]);
-const _hoisted_1$q = { class: "f-progress" };
-const _hoisted_2$l = {
+const FTooltip = /* @__PURE__ */ _export_sfc$5(_sfc_main$z, [["__scopeId", "data-v-be9acca7"]]);
+const _hoisted_1$r = { class: "f-progress" };
+const _hoisted_2$m = {
   key: 0,
   class: "f-progress__text"
 };
@@ -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$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createElementVNode("div", {
           class: "f-progress__track",
           style: normalizeStyle({ height: `${_ctx.height}px` })
@@ -1101,16 +1101,16 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             })
           }, null, 4)
         ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$l, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
+        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$m, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const FProgress = /* @__PURE__ */ _export_sfc$4(_sfc_main$y, [["__scopeId", "data-v-c2164d6e"]]);
-const _hoisted_1$p = { class: "f-tabs__nav-container" };
-const _hoisted_2$k = { class: "f-tabs__nav" };
-const _hoisted_3$j = ["onClick"];
-const _hoisted_4$c = { class: "f-tabs__label" };
+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({
   __name: "FTabs",
   props: {
@@ -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$p, [
-          createElementVNode("div", _hoisted_2$k, [
+        createElementVNode("div", _hoisted_1$q, [
+          createElementVNode("div", _hoisted_2$l, [
             (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$c, toDisplayString(tab.label), 1)
-              ], 10, _hoisted_3$j);
+                createElementVNode("span", _hoisted_4$d, toDisplayString(tab.label), 1)
+              ], 10, _hoisted_3$k);
             }), 128))
           ])
         ]),
@@ -1174,13 +1174,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTabs = /* @__PURE__ */ _export_sfc$4(_sfc_main$x, [["__scopeId", "data-v-268fc654"]]);
-const _hoisted_1$o = {
+const FTabs = /* @__PURE__ */ _export_sfc$5(_sfc_main$x, [["__scopeId", "data-v-268fc654"]]);
+const _hoisted_1$p = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
 };
-const _hoisted_2$j = ["href"];
-const _hoisted_3$i = {
+const _hoisted_2$k = ["href"];
+const _hoisted_3$j = {
   key: 3,
   class: "f-breadcrumb__text"
 };
@@ -1212,12 +1212,12 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   key: 1,
                   item
                 }, () => [
-                  createElementVNode("span", _hoisted_1$o, toDisplayString(item.label), 1)
+                  createElementVNode("span", _hoisted_1$p, 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$j)) : (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(item.label), 1))
+                }, toDisplayString(item.label), 9, _hoisted_2$k)) : (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(item.label), 1))
               ], 64);
             }), 128))
           ]),
@@ -1227,7 +1227,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBreadcrumb = /* @__PURE__ */ _export_sfc$4(_sfc_main$w, [["__scopeId", "data-v-55b15358"]]);
+const FBreadcrumb = /* @__PURE__ */ _export_sfc$5(_sfc_main$w, [["__scopeId", "data-v-55b15358"]]);
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FCol",
   props: {
@@ -1269,7 +1269,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCol = /* @__PURE__ */ _export_sfc$4(_sfc_main$v, [["__scopeId", "data-v-5a8b0cb4"]]);
+const FCol = /* @__PURE__ */ _export_sfc$5(_sfc_main$v, [["__scopeId", "data-v-5a8b0cb4"]]);
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FRow",
   props: {
@@ -1323,9 +1323,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FRow = /* @__PURE__ */ _export_sfc$4(_sfc_main$u, [["__scopeId", "data-v-72f62339"]]);
-const _hoisted_1$n = { class: "f-space__item" };
-const _hoisted_2$i = {
+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 = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
@@ -1384,17 +1384,17 @@ 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$n, [
+            createElementVNode("div", _hoisted_1$o, [
               (openBlock(), createBlock(resolveDynamicComponent(child)))
             ]),
-            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$i, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
+            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$j, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 4);
     };
   }
 });
-const FSpace = /* @__PURE__ */ _export_sfc$4(_sfc_main$t, [["__scopeId", "data-v-5fb3b1a0"]]);
+const FSpace = /* @__PURE__ */ _export_sfc$5(_sfc_main$t, [["__scopeId", "data-v-5fb3b1a0"]]);
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FContainer",
   props: {
@@ -1415,7 +1415,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FContainer = /* @__PURE__ */ _export_sfc$4(_sfc_main$s, [["__scopeId", "data-v-08450ddf"]]);
+const FContainer = /* @__PURE__ */ _export_sfc$5(_sfc_main$s, [["__scopeId", "data-v-08450ddf"]]);
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FDivider",
   props: {
@@ -1443,8 +1443,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDivider = /* @__PURE__ */ _export_sfc$4(_sfc_main$r, [["__scopeId", "data-v-512ee743"]]);
-const _hoisted_1$m = ["src", "alt"];
+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({
   __name: "FAvatar",
   props: {
@@ -1477,7 +1477,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.alt
-        }, null, 8, _hoisted_1$m)) : (openBlock(), createBlock(FIcon$4, {
+        }, null, 8, _hoisted_1$n)) : (openBlock(), createBlock(FIcon$5, {
           key: 1,
           size: 24
         }, {
@@ -1490,7 +1490,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAvatar = /* @__PURE__ */ _export_sfc$4(_sfc_main$q, [["__scopeId", "data-v-b3665268"]]);
+const FAvatar = /* @__PURE__ */ _export_sfc$5(_sfc_main$q, [["__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$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1534,14 +1534,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$3 = (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$3 = /* @__PURE__ */ _export_sfc$3(_sfc_main$M, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$4 = /* @__PURE__ */ _export_sfc$4(_sfc_main$N, [["__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$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1582,14 +1582,14 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$2 = (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$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$3 = /* @__PURE__ */ _export_sfc$3(_sfc_main$M, [["__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$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1630,14 +1630,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (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 = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["__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$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -1678,14 +1678,14 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc$1 = (sfc, props) => {
+const _export_sfc = (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 = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-baf7de0c"]]);
 var __defProp22222 = Object.defineProperty;
 var __getOwnPropSymbols22222 = Object.getOwnPropertySymbols;
 var __hasOwnProp22222 = Object.prototype.hasOwnProperty;
@@ -1702,6 +1702,38 @@ var __spreadValues22222 = (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 __defProp222222 = Object.defineProperty;
 var __getOwnPropSymbols222222 = Object.getOwnPropertySymbols;
 var __hasOwnProp222222 = Object.prototype.hasOwnProperty;
@@ -1766,6 +1798,22 @@ var __spreadValues222222222 = (a, b) => {
     }
   return a;
 };
+var __defProp2222222222 = Object.defineProperty;
+var __getOwnPropSymbols2222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp2222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum2222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2222222222 = (obj, key, value) => key in obj ? __defProp2222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2222222222.call(b, prop))
+      __defNormalProp2222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols2222222222)
+    for (var prop of __getOwnPropSymbols2222222222(b)) {
+      if (__propIsEnum2222222222.call(b, prop))
+        __defNormalProp2222222222(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 = {
@@ -1778,7 +1826,7 @@ const _hoisted_3$d$1 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1815,7 +1863,7 @@ const _hoisted_3$d$1 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1863,22 +1911,6 @@ const _hoisted_3$d$1 = {
     };
   }
 });
-var __defProp2222222222 = Object.defineProperty;
-var __getOwnPropSymbols2222222222 = Object.getOwnPropertySymbols;
-var __hasOwnProp2222222222 = Object.prototype.hasOwnProperty;
-var __propIsEnum2222222222 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2222222222 = (obj, key, value) => key in obj ? __defProp2222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2222222222 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2222222222.call(b, prop))
-      __defNormalProp2222222222(a, prop, b[prop]);
-  if (__getOwnPropSymbols2222222222)
-    for (var prop of __getOwnPropSymbols2222222222(b)) {
-      if (__propIsEnum2222222222.call(b, prop))
-        __defNormalProp2222222222(a, prop, b[prop]);
-    }
-  return a;
-};
 var __defProp22222222222 = Object.defineProperty;
 var __getOwnPropSymbols22222222222 = Object.getOwnPropertySymbols;
 var __hasOwnProp22222222222 = Object.prototype.hasOwnProperty;
@@ -1895,6 +1927,22 @@ var __spreadValues22222222222 = (a, b) => {
     }
   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$d$1 = { class: "f-checkbox__wrapper" };
 const _hoisted_2$b$1 = ["checked", "disabled"];
 const _hoisted_3$b$1 = {
@@ -1907,7 +1955,7 @@ const _hoisted_3$b$1 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -1944,7 +1992,7 @@ const _hoisted_3$b$1 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2004,7 +2052,7 @@ const _hoisted_3$b$2 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2041,7 +2089,7 @@ const _hoisted_3$b$2 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2101,7 +2149,7 @@ const _hoisted_3$b$3 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2138,7 +2186,7 @@ const _hoisted_3$b$3 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2198,7 +2246,7 @@ const _hoisted_3$b$4 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2235,7 +2283,7 @@ const _hoisted_3$b$4 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2295,7 +2343,7 @@ const _hoisted_3$b$5 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2332,7 +2380,7 @@ const _hoisted_3$b$5 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2392,7 +2440,7 @@ const _hoisted_3$b$6 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2429,7 +2477,7 @@ const _hoisted_3$b$6 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2489,7 +2537,7 @@ const _hoisted_3$b$7 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2526,7 +2574,7 @@ const _hoisted_3$b$7 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2699,7 +2747,7 @@ const _hoisted_3$c$1 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -2758,7 +2806,7 @@ const _hoisted_5$8 = {
     destroyOnClose: { type: Boolean, default: false },
     beforeClose: {}
   }, {
-    "modelValue": __spreadValues222({ type: Boolean }, { required: true }),
+    "modelValue": __spreadValues2222({ type: Boolean }, { required: true }),
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
@@ -3029,7 +3077,7 @@ const _hoisted_3$c$2 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -3088,7 +3136,7 @@ const _hoisted_5$9 = {
     destroyOnClose: { type: Boolean, default: false },
     beforeClose: {}
   }, {
-    "modelValue": __spreadValues22({ type: Boolean }, { required: true }),
+    "modelValue": __spreadValues222({ type: Boolean }, { required: true }),
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
@@ -3359,7 +3407,7 @@ const _hoisted_3$c$3 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -3389,6 +3437,336 @@ const _hoisted_3$c$3 = {
     };
   }
 });
+const _hoisted_1$l = {
+  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_5$a = {
+  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$3, 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$l, [
+                          createVNode(FIcon$3, null, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
+                            ]),
+                            _: 1
+                          })
+                        ])) : createCommentVNode("", true),
+                        createElementVNode("h3", _hoisted_2$h, toDisplayString(_ctx.title), 1)
+                      ], true)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$h, [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$b, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
+                    ]),
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton$3, {
+                          key: 0,
+                          onClick: handleCancel
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(FButton$3, {
+                          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$4 = ["type", "disabled"];
+const _hoisted_2$e$4 = { class: "f-button__inner" };
+const _hoisted_3$e$4 = {
+  key: 0,
+  class: "f-loader"
+};
+const _hoisted_4$8$4 = {
+  key: 2,
+  class: "f-button__text"
+};
+const _sfc_main$o$4 = /* @__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$4, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$e$4)) : createCommentVNode("", true),
+          !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$3), {
+              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$4, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 14, _hoisted_1$i$4);
+    };
+  }
+});
+const FButton$4 = /* @__PURE__ */ _export_sfc$4(_sfc_main$o$4, [["__scopeId", "data-v-41be5001"]]);
+const _hoisted_1$e$4 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$c$4 = ["checked", "disabled"];
+const _hoisted_3$c$4 = {
+  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$e$4, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$c$4),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$c$4, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 const _hoisted_1$2$1 = { class: "f-message__content" };
 const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
   __name: "FMessage",
@@ -3460,7 +3838,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
             onMouseenter: clearTimer,
             onMouseleave: startTimer
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$3, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$4, {
               key: 0,
               class: "f-message__icon"
             }, {
@@ -3477,7 +3855,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: close
             }, [
-              createVNode(FIcon$3, null, {
+              createVNode(FIcon$4, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -3491,7 +3869,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMessageComp$1 = /* @__PURE__ */ _export_sfc$3(_sfc_main$2$1, [["__scopeId", "data-v-97556afa"]]);
+const FMessageComp$1 = /* @__PURE__ */ _export_sfc$4(_sfc_main$2$1, [["__scopeId", "data-v-97556afa"]]);
 const GAP$1$1 = 16;
 const BASE_OFFSET$1$1 = 20;
 let seed$1$1 = 0;
@@ -3647,7 +4025,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
             onMouseleave: startTimer,
             onClick: handleClick
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$3, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$4, {
               key: 0,
               class: "f-notification__icon"
             }, {
@@ -3667,7 +4045,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: withModifiers(close, ["stop"])
             }, [
-              createVNode(FIcon$3, null, {
+              createVNode(FIcon$4, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -3681,7 +4059,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FNotificationComp$1 = /* @__PURE__ */ _export_sfc$3(_sfc_main$1$1, [["__scopeId", "data-v-0a7315d6"]]);
+const FNotificationComp$1 = /* @__PURE__ */ _export_sfc$4(_sfc_main$1$1, [["__scopeId", "data-v-0a7315d6"]]);
 const GAP$2 = 16;
 const BASE_OFFSET$2 = 20;
 let seed$2 = 0;
@@ -3770,14 +4148,14 @@ FNotification$1.closeAll = (position) => {
     });
   });
 };
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   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_5$a = {
+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 = {
   key: 2,
   class: "f-dialog__footer"
 };
@@ -3883,7 +4261,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       class: "f-dialog__close",
                       onClick: handleClose
                     }, [
-                      createVNode(FIcon$3, null, {
+                      createVNode(FIcon$4, null, {
                         default: withCtx(() => [
                           createVNode(unref(CloseOutline))
                         ]),
@@ -3895,25 +4273,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$l, [
-                          createVNode(FIcon$3, null, {
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+                          createVNode(FIcon$4, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
                             ]),
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        createElementVNode("h3", _hoisted_2$h, toDisplayString(_ctx.title), 1)
+                        createElementVNode("h3", _hoisted_2$i, toDisplayString(_ctx.title), 1)
                       ], true)
                     ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3$h, [
+                    createElementVNode("div", _hoisted_3$i, [
                       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$c, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
                       ], true)
                     ]),
-                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
                       renderSlot(_ctx.$slots, "footer", {}, () => [
-                        _ctx.showCancel ? (openBlock(), createBlock(FButton$3, {
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton$4, {
                           key: 0,
                           onClick: handleCancel
                         }, {
@@ -3922,7 +4300,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 1
                         })) : createCommentVNode("", true),
-                        createVNode(FButton$3, {
+                        createVNode(FButton$4, {
                           type: "primary",
                           onClick: handleConfirm
                         }, {
@@ -3945,7 +4323,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDialogComp$1 = /* @__PURE__ */ _export_sfc$3(_sfc_main$p, [["__scopeId", "data-v-991352de"]]);
+const FDialogComp$1 = /* @__PURE__ */ _export_sfc$4(_sfc_main$p, [["__scopeId", "data-v-991352de"]]);
 const showDialog$1 = (options) => {
   return new Promise((resolve) => {
     const container = document.createElement("div");
@@ -4117,7 +4495,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         createElementVNode("span", _hoisted_2$e, [
           _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$e)) : createCommentVNode("", true),
           !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$3), {
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$4), {
               key: 0,
               class: "f-button__icon",
               style: normalizeStyle({ fontSize: unref(iconSize) })
@@ -4138,7 +4516,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FButton = /* @__PURE__ */ _export_sfc$4(_sfc_main$o, [["__scopeId", "data-v-41be5001"]]);
+const FButton = /* @__PURE__ */ _export_sfc$5(_sfc_main$o, [["__scopeId", "data-v-41be5001"]]);
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "FTypography",
   props: {
@@ -4161,7 +4539,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTypography = /* @__PURE__ */ _export_sfc$4(_sfc_main$n, [["__scopeId", "data-v-50e044db"]]);
+const FTypography = /* @__PURE__ */ _export_sfc$5(_sfc_main$n, [["__scopeId", "data-v-50e044db"]]);
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "FText",
   props: {
@@ -4220,7 +4598,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FText = /* @__PURE__ */ _export_sfc$4(_sfc_main$m, [["__scopeId", "data-v-8bcfc6b3"]]);
+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({
   __name: "FLink",
@@ -4249,7 +4627,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FLink = /* @__PURE__ */ _export_sfc$4(_sfc_main$l, [["__scopeId", "data-v-daaa3e25"]]);
+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({
   __name: "FBadge",
@@ -4291,7 +4669,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBadge = /* @__PURE__ */ _export_sfc$4(_sfc_main$k, [["__scopeId", "data-v-be6947ff"]]);
+const FBadge = /* @__PURE__ */ _export_sfc$5(_sfc_main$k, [["__scopeId", "data-v-be6947ff"]]);
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FAffix",
   props: {
@@ -4320,7 +4698,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAffix = /* @__PURE__ */ _export_sfc$4(_sfc_main$j, [["__scopeId", "data-v-8506d679"]]);
+const FAffix = /* @__PURE__ */ _export_sfc$5(_sfc_main$j, [["__scopeId", "data-v-8506d679"]]);
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FForm",
   props: {
@@ -4378,7 +4756,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FForm = /* @__PURE__ */ _export_sfc$4(_sfc_main$i, [["__scopeId", "data-v-21f7de9b"]]);
+const FForm = /* @__PURE__ */ _export_sfc$5(_sfc_main$i, [["__scopeId", "data-v-21f7de9b"]]);
 const validateSingleField = (value, rules) => __async(null, null, function* () {
   const ruleArray = Array.isArray(rules) ? rules : [rules];
   for (let rule of ruleArray) {
@@ -4551,7 +4929,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FFormItem = /* @__PURE__ */ _export_sfc$4(_sfc_main$h, [["__scopeId", "data-v-c3d6ec01"]]);
+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 = {
@@ -4594,7 +4972,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCheckbox = /* @__PURE__ */ _export_sfc$4(_sfc_main$g, [["__scopeId", "data-v-633b283a"]]);
+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" };
@@ -4618,7 +4996,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["alert", `alert--${_ctx.type}`])
       }, [
-        createVNode(FIcon$4, { class: "alert__icon" }, {
+        createVNode(FIcon$5, { class: "alert__icon" }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(unref(config).icon)))
           ]),
@@ -4636,7 +5014,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAlert = /* @__PURE__ */ _export_sfc$4(_sfc_main$f, [["__scopeId", "data-v-f16678ef"]]);
+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" };
@@ -4898,7 +5276,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FEditor = /* @__PURE__ */ _export_sfc$4(_sfc_main$e, [["__scopeId", "data-v-6d590649"]]);
+const FEditor = /* @__PURE__ */ _export_sfc$5(_sfc_main$e, [["__scopeId", "data-v-6d590649"]]);
 const _hoisted_1$b = { class: "f-table" };
 const _hoisted_2$9 = {
   key: 0,
@@ -5103,7 +5481,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTable = /* @__PURE__ */ _export_sfc$4(_sfc_main$d, [["__scopeId", "data-v-01724962"]]);
+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"];
@@ -5179,7 +5557,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               onChange: onFileChange
             }, null, 40, _hoisted_3$8),
             renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(FIcon$4, { size: 40 }, {
+              createVNode(FIcon$5, { size: 40 }, {
                 default: withCtx(() => [
                   createVNode(unref(CloudUpload))
                 ]),
@@ -5191,7 +5569,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ])
         ], 34),
         file.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
-          createVNode(FIcon$4, null, {
+          createVNode(FIcon$5, null, {
             default: withCtx(() => [
               createVNode(unref(DocumentOutline))
             ]),
@@ -5205,7 +5583,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               "show-text": ""
             }, null, 8, ["percent"])) : createCommentVNode("", true)
           ]),
-          createVNode(FIcon$4, {
+          createVNode(FIcon$5, {
             onClick: withModifiers(clearFile, ["stop"]),
             onMouseenter: _cache[0] || (_cache[0] = ($event) => isCloseHover.value = true),
             onMouseleave: _cache[1] || (_cache[1] = ($event) => isCloseHover.value = false),
@@ -5221,7 +5599,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FUpload = /* @__PURE__ */ _export_sfc$4(_sfc_main$c, [["__scopeId", "data-v-07b95a32"]]);
+const FUpload = /* @__PURE__ */ _export_sfc$5(_sfc_main$c, [["__scopeId", "data-v-07b95a32"]]);
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FButtonGroup",
   props: {
@@ -5243,7 +5621,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FButtonGroup = /* @__PURE__ */ _export_sfc$4(_sfc_main$b, [["__scopeId", "data-v-62561657"]]);
+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({
   __name: "FCollapse",
@@ -6295,7 +6673,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onMouseup: stopRepeat,
           onMouseleave: stopRepeat
         }, [
-          createVNode(unref(FIcon$3), null, {
+          createVNode(unref(FIcon$4), null, {
             default: withCtx(() => [
               createVNode(unref(RemoveOutline))
             ]),
@@ -6327,7 +6705,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           onMouseup: stopRepeat,
           onMouseleave: stopRepeat
         }, [
-          createVNode(unref(FIcon$3), null, {
+          createVNode(unref(FIcon$4), null, {
             default: withCtx(() => [
               createVNode(unref(AddOutline))
             ]),
@@ -6344,7 +6722,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
           }, [
-            createVNode(unref(FIcon$3), null, {
+            createVNode(unref(FIcon$4), null, {
               default: withCtx(() => [
                 createVNode(unref(ChevronUpOutline))
               ]),
@@ -6360,7 +6738,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
           }, [
-            createVNode(unref(FIcon$3), null, {
+            createVNode(unref(FIcon$4), null, {
               default: withCtx(() => [
                 createVNode(unref(ChevronDownOutline))
               ]),
@@ -6372,7 +6750,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FInputNumber = /* @__PURE__ */ _export_sfc$4(_sfc_main$4, [["__scopeId", "data-v-292cd24f"]]);
+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 = {
   key: 0,
@@ -6422,7 +6800,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1$3, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
-            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon$4, {
+            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon$5, {
               key: 1,
               size: 72
             }, {
@@ -6453,7 +6831,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FResult = /* @__PURE__ */ _export_sfc$4(_sfc_main$3, [["__scopeId", "data-v-1667a865"]]);
+const FResult = /* @__PURE__ */ _export_sfc$5(_sfc_main$3, [["__scopeId", "data-v-1667a865"]]);
 const _hoisted_1$2 = { class: "f-message__content" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FMessage",
@@ -6525,7 +6903,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             onMouseenter: clearTimer,
             onMouseleave: startTimer
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$4, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$5, {
               key: 0,
               class: "f-message__icon"
             }, {
@@ -6542,7 +6920,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: close
             }, [
-              createVNode(FIcon$4, null, {
+              createVNode(FIcon$5, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -6556,7 +6934,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMessageComp = /* @__PURE__ */ _export_sfc$4(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
+const FMessageComp = /* @__PURE__ */ _export_sfc$5(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
 const GAP$1 = 16;
 const BASE_OFFSET$1 = 20;
 let seed$1 = 0;
@@ -6712,7 +7090,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onMouseleave: startTimer,
             onClick: handleClick
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon$4, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$5, {
               key: 0,
               class: "f-notification__icon"
             }, {
@@ -6732,7 +7110,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: withModifiers(close, ["stop"])
             }, [
-              createVNode(FIcon$4, null, {
+              createVNode(FIcon$5, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -6746,7 +7124,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FNotificationComp = /* @__PURE__ */ _export_sfc$4(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
+const FNotificationComp = /* @__PURE__ */ _export_sfc$5(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
 const GAP = 16;
 const BASE_OFFSET = 20;
 let seed = 0;
@@ -6948,7 +7326,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       class: "f-dialog__close",
                       onClick: handleClose
                     }, [
-                      createVNode(FIcon$4, null, {
+                      createVNode(FIcon$5, null, {
                         default: withCtx(() => [
                           createVNode(unref(CloseOutline))
                         ]),
@@ -6961,7 +7339,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
                         unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                          createVNode(FIcon$4, null, {
+                          createVNode(FIcon$5, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
                             ]),
@@ -7010,7 +7388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDialogComp = /* @__PURE__ */ _export_sfc$4(_sfc_main, [["__scopeId", "data-v-991352de"]]);
+const FDialogComp = /* @__PURE__ */ _export_sfc$5(_sfc_main, [["__scopeId", "data-v-991352de"]]);
 const showDialog = (options) => {
   return new Promise((resolve) => {
     const container = document.createElement("div");
@@ -7114,7 +7492,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FEmpty: _sfc_main$7,
   FForm,
   FFormItem,
-  FIcon: FIcon$4,
+  FIcon: FIcon$5,
   FImage,
   FInput,
   FInputNumber,
@@ -7166,7 +7544,7 @@ export {
   _sfc_main$7 as FEmpty,
   FForm,
   FFormItem,
-  FIcon$4 as FIcon,
+  FIcon$5 as FIcon,
   FImage,
   FInput,
   FInputNumber,