fantasia-ui 0.2.21 → 0.2.26

package/dist/fantasia-ui.es.js

@@ -37,10 +37,10 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, readonly, vModelDynamic, createBlock, nextTick, onUnmounted, Teleport, withModifiers, resolveDynamicComponent, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, inject, provide, onMounted, onBeforeUnmount, toRefs, reactive, createStaticVNode } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, readonly, vModelDynamic, createBlock, nextTick, onUnmounted, Teleport, withModifiers, resolveDynamicComponent, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, inject, provide, onMounted, onBeforeUnmount, reactive, toRefs, createStaticVNode } from "vue";
 import { Search, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, InformationCircle, AlertCircle, CheckmarkCircle } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -64,20 +64,20 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
+const _export_sfc$1 = (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$G, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__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$w = {
+const _hoisted_1$D = {
   key: 0,
   class: "loop cubes"
 };
-const _hoisted_2$q = {
+const _hoisted_2$x = {
   key: 2,
   class: "msg"
 };
@@ -94,7 +94,7 @@ const _sfc_main$F = /* @__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$w, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -105,22 +105,22 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["loader", _ctx.type])
         }, null, 2)),
-        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$q, toDisplayString(props.text), 1)) : createCommentVNode("", true)
+        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$x, toDisplayString(props.text), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$v = { class: "f-image" };
-const _hoisted_2$p = {
+const FLoading = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-20f58a50"]]);
+const _hoisted_1$C = { class: "f-image" };
+const _hoisted_2$w = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$m = {
+const _hoisted_3$t = {
   key: 0,
   class: "f-image__error"
 };
-const _hoisted_4$b = ["src", "loading"];
+const _hoisted_4$c = ["src", "loading"];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "FImage",
   props: {
@@ -138,10 +138,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const onLoad = () => status.value = "loaded";
     const onError = () => status.value = "error";
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
+            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
               createVNode(FLoading, { type: "classic first" })
             ])) : createCommentVNode("", true)
           ]),
@@ -149,9 +149,9 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         }),
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
               renderSlot(_ctx.$slots, "error", {}, () => [
-                createVNode(FIcon, { size: "48px" }, {
+                createVNode(FIcon$1, { size: "48px" }, {
                   default: withCtx(() => [
                     createVNode(unref(PictureError))
                   ]),
@@ -169,15 +169,15 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           class: "f-image__img",
           onLoad,
           onError
-        }, null, 44, _hoisted_4$b), [
+        }, null, 44, _hoisted_4$c), [
           [vShow, unref(status) === "loaded"]
         ])
       ]);
     };
   }
 });
-const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-e959ab10"]]);
-const _hoisted_1$u = ["type", "placeholder", "disabled", "readonly", "name", "id"];
+const FImage = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__scopeId", "data-v-e959ab10"]]);
+const _hoisted_1$B = ["type", "placeholder", "disabled", "readonly", "name", "id"];
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "FInput",
   props: /* @__PURE__ */ mergeModels({
@@ -213,7 +213,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-input", { "is-disabled": _ctx.disabled, "is-readonly": "readonly" in _ctx ? _ctx.readonly : unref(readonly) }])
       }, [
-        createVNode(FIcon, { class: "f-input__icon" }, {
+        createVNode(FIcon$1, { class: "f-input__icon" }, {
           default: withCtx(() => [
             createVNode(unref(Search))
           ]),
@@ -232,16 +232,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           onChange: handleChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$u), [
+        }, null, 40, _hoisted_1$B), [
           [vModelDynamic, model.value]
         ])
       ], 2);
     };
   }
 });
-const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-9af0fbbe"]]);
-const _hoisted_1$t = ["onMousemove"];
-const _hoisted_2$o = {
+const FInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-9af0fbbe"]]);
+const _hoisted_1$A = ["onMousemove"];
+const _hoisted_2$v = {
   key: 0,
   class: "f-rate__score"
 };
@@ -319,7 +319,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             onMousemove: ($event) => onMouseMove($event, index),
             onClick
           }, [
-            createVNode(FIcon, {
+            createVNode(FIcon$1, {
               color: getStarColor(index),
               size: unref(starSize)
             }, {
@@ -328,22 +328,22 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$t);
+          ], 40, _hoisted_1$A);
         }), 128)),
-        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$o, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
+        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$v, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
-const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3b5c4f14"]]);
-const _hoisted_1$s = { class: "f-dropdown-wrapper" };
-const _hoisted_2$n = { class: "f-dropdown-content" };
-const _hoisted_3$l = ["onClick"];
-const _hoisted_4$a = {
+const FRate = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-3b5c4f14"]]);
+const _hoisted_1$z = { class: "f-dropdown-wrapper" };
+const _hoisted_2$u = { class: "f-dropdown-content" };
+const _hoisted_3$s = ["onClick"];
+const _hoisted_4$b = {
   key: 0,
   class: "opt-icon"
 };
-const _hoisted_5$9 = { class: "opt-label" };
+const _hoisted_5$a = { class: "opt-label" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "FDropdown",
   props: {
@@ -513,7 +513,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "click", handleWindowClick);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -543,18 +543,18 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   class: "f-dropdown-bridge",
                   style: normalizeStyle(unref(bridgeStyle))
                 }, null, 4)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_2$n, [
+                createElementVNode("div", _hoisted_2$u, [
                   _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$a, [
+                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_5$9, toDisplayString(opt.label), 1)
-                    ], 10, _hoisted_3$l);
+                      createElementVNode("span", _hoisted_5$a, toDisplayString(opt.label), 1)
+                    ], 10, _hoisted_3$s);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
               ], 36)) : createCommentVNode("", true)
@@ -566,7 +566,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-addb3a3b"]]);
+const FDropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__scopeId", "data-v-addb3a3b"]]);
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "FSelect",
   props: /* @__PURE__ */ mergeModels({
@@ -614,7 +614,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass(["f-select__label", { "is-placeholder": !unref(hasValue) }])
             }, toDisplayString(unref(selectedLabel)), 3),
-            createVNode(FIcon, { class: "f-select__arrow" }, {
+            createVNode(FIcon$1, { class: "f-select__arrow" }, {
               default: withCtx(() => [
                 createVNode(unref(ChevronDownOutline))
               ]),
@@ -627,21 +627,21 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-61444561"]]);
-const _hoisted_1$r = {
+const FSelect = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-61444561"]]);
+const _hoisted_1$y = {
   key: 0,
   class: "f-pagination"
 };
-const _hoisted_2$m = {
+const _hoisted_2$t = {
   key: 0,
   class: "f-pagination__total"
 };
-const _hoisted_3$k = {
+const _hoisted_3$r = {
   key: 1,
   class: "f-pagination__size"
 };
-const _hoisted_4$9 = ["value"];
-const _hoisted_5$8 = ["value"];
+const _hoisted_4$a = ["value"];
+const _hoisted_5$9 = ["value"];
 const _hoisted_6$7 = {
   key: 3,
   class: "f-pagination__list"
@@ -705,10 +705,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       jumpInput.value = "";
     };
     return (_ctx, _cache) => {
-      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+      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$m, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
+            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$t, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
               createElementVNode("select", {
                 class: "size-select",
                 value: _ctx.pageSize,
@@ -718,15 +718,15 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$8);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$9);
                 }), 128))
-              ], 40, _hoisted_4$9)
+              ], 40, _hoisted_4$a)
             ])) : 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, null, {
+              createVNode(FIcon$1, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronBackOutline))
                 ]),
@@ -736,7 +736,7 @@ const _sfc_main$z = /* @__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, null, {
+                    createVNode(FIcon$1, null, {
                       default: withCtx(() => [
                         createVNode(unref(EllipsisHorizontal))
                       ]),
@@ -754,7 +754,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["page-btn", { disabled: currentPage.value === unref(pageCount) }]),
               onClick: _cache[1] || (_cache[1] = ($event) => go(currentPage.value + 1))
             }, [
-              createVNode(FIcon, null, {
+              createVNode(FIcon$1, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronForwardOutline))
                 ]),
@@ -781,24 +781,24 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FPagination = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-930f8b20"]]);
-const _hoisted_1$q = {
+const FPagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-930f8b20"]]);
+const _hoisted_1$x = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_2$l = {
+const _hoisted_2$s = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_3$j = {
+const _hoisted_3$q = {
   key: 1,
   class: "f-card__cover"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$9 = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$7 = {
+const _hoisted_5$8 = {
   key: 3,
   class: "f-card__footer"
 };
@@ -835,19 +835,19 @@ const _sfc_main$y = /* @__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$q, [
+          _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$l, [
+            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
+          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
             renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -873,8 +873,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCard = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-a66fa373"]]);
-const _hoisted_1$p = {
+const FCard = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-a66fa373"]]);
+const _hoisted_1$w = {
   key: 0,
   class: "f-tag__dot"
 };
@@ -902,9 +902,9 @@ const _sfc_main$x = /* @__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$p)) : 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, {
+        _ctx.closable ? (openBlock(), createBlock(FIcon$1, {
           key: 1,
           class: "f-tag__close",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("close"), ["stop"]))
@@ -918,7 +918,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTag = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-02bd5aa6"]]);
+const FTag = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__scopeId", "data-v-02bd5aa6"]]);
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "FTooltip",
   props: {
@@ -1023,9 +1023,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-be9acca7"]]);
-const _hoisted_1$o = { class: "f-progress" };
-const _hoisted_2$k = {
+const FTooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-be9acca7"]]);
+const _hoisted_1$v = { class: "f-progress" };
+const _hoisted_2$r = {
   key: 0,
   class: "f-progress__text"
 };
@@ -1041,7 +1041,7 @@ const _sfc_main$v = /* @__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$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         createElementVNode("div", {
           class: "f-progress__track",
           style: normalizeStyle({ height: `${_ctx.height}px` })
@@ -1054,16 +1054,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             })
           }, null, 4)
         ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$k, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
+        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$r, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const FProgress = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c2164d6e"]]);
-const _hoisted_1$n = { class: "f-tabs__nav-container" };
-const _hoisted_2$j = { class: "f-tabs__nav" };
-const _hoisted_3$i = ["onClick"];
-const _hoisted_4$7 = { class: "f-tabs__label" };
+const FProgress = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__scopeId", "data-v-c2164d6e"]]);
+const _hoisted_1$u = { class: "f-tabs__nav-container" };
+const _hoisted_2$q = { class: "f-tabs__nav" };
+const _hoisted_3$p = ["onClick"];
+const _hoisted_4$8 = { class: "f-tabs__label" };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FTabs",
   props: {
@@ -1097,8 +1097,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
       }, [
-        createElementVNode("div", _hoisted_1$n, [
-          createElementVNode("div", _hoisted_2$j, [
+        createElementVNode("div", _hoisted_1$u, [
+          createElementVNode("div", _hoisted_2$q, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.name,
@@ -1108,8 +1108,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 }]),
                 onClick: ($event) => setActiveTab(tab.name, tab.disabled)
               }, [
-                createElementVNode("span", _hoisted_4$7, toDisplayString(tab.label), 1)
-              ], 10, _hoisted_3$i);
+                createElementVNode("span", _hoisted_4$8, toDisplayString(tab.label), 1)
+              ], 10, _hoisted_3$p);
             }), 128))
           ])
         ]),
@@ -1127,13 +1127,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTabs = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-268fc654"]]);
-const _hoisted_1$m = {
+const FTabs = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-268fc654"]]);
+const _hoisted_1$t = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
 };
-const _hoisted_2$i = ["href"];
-const _hoisted_3$h = {
+const _hoisted_2$p = ["href"];
+const _hoisted_3$o = {
   key: 3,
   class: "f-breadcrumb__text"
 };
@@ -1165,12 +1165,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   key: 1,
                   item
                 }, () => [
-                  createElementVNode("span", _hoisted_1$m, 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$i)) : (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(item.label), 1))
+                }, toDisplayString(item.label), 9, _hoisted_2$p)) : (openBlock(), createElementBlock("span", _hoisted_3$o, toDisplayString(item.label), 1))
               ], 64);
             }), 128))
           ]),
@@ -1180,7 +1180,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-bb787dcc"]]);
+const FBreadcrumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__scopeId", "data-v-bb787dcc"]]);
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FCol",
   props: {
@@ -1222,7 +1222,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCol = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-5a8b0cb4"]]);
+const FCol = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__scopeId", "data-v-5a8b0cb4"]]);
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FRow",
   props: {
@@ -1276,9 +1276,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FRow = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-72f62339"]]);
-const _hoisted_1$l = { class: "f-space__item" };
-const _hoisted_2$h = {
+const FRow = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__scopeId", "data-v-72f62339"]]);
+const _hoisted_1$s = { class: "f-space__item" };
+const _hoisted_2$o = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
@@ -1337,17 +1337,17 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, index) => {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
-            createElementVNode("div", _hoisted_1$l, [
+            createElementVNode("div", _hoisted_1$s, [
               (openBlock(), createBlock(resolveDynamicComponent(child)))
             ]),
-            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
+            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$o, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 4);
     };
   }
 });
-const FSpace = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-5fb3b1a0"]]);
+const FSpace = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__scopeId", "data-v-5fb3b1a0"]]);
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FContainer",
   props: {
@@ -1368,7 +1368,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FContainer = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-08450ddf"]]);
+const FContainer = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__scopeId", "data-v-08450ddf"]]);
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FDivider",
   props: {
@@ -1396,8 +1396,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDivider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-512ee743"]]);
-const _hoisted_1$k = ["src", "alt"];
+const FDivider = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__scopeId", "data-v-512ee743"]]);
+const _hoisted_1$r = ["src", "alt"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "FAvatar",
   props: {
@@ -1430,7 +1430,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.alt
-        }, null, 8, _hoisted_1$k)) : (openBlock(), createBlock(FIcon, {
+        }, null, 8, _hoisted_1$r)) : (openBlock(), createBlock(FIcon$1, {
           key: 1,
           size: 24
         }, {
@@ -1443,14 +1443,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b3665268"]]);
-const _hoisted_1$j = ["type", "disabled"];
-const _hoisted_2$g = {
+const FAvatar = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__scopeId", "data-v-b3665268"]]);
+const _hoisted_1$q = ["type", "disabled"];
+const _hoisted_2$n = { class: "f-button__inner" };
+const _hoisted_3$n = {
   key: 0,
   class: "f-loader"
 };
-const _hoisted_3$g = {
+const _hoisted_4$7 = {
   key: 2,
+  class: "f-icon"
+};
+const _hoisted_5$7 = {
+  key: 3,
   class: "f-button__content"
 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
@@ -1466,14 +1471,15 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     plain: { type: Boolean },
     block: { type: Boolean },
     icon: {},
+    active: { type: Boolean, default: false },
     bgColor: {},
     color: {}
   },
   setup(__props) {
     const SIZE_MAP = {
       small: { h: "24px", p: "0 8px", f: "12px" },
-      normal: { h: "32px", p: "0 15px", f: "14px" },
-      large: { h: "40px", p: "0 20px", f: "16px" }
+      normal: { h: "32px", p: "0 12px", f: "13px" },
+      large: { h: "40px", p: "0 20px", f: "14px" }
     };
     const props = __props;
     const groupContext = inject("FButtonGroupContext", null);
@@ -1492,7 +1498,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         height: s.h,
         padding: props.circle ? "0" : s.p,
         fontSize: s.f,
-        minWidth: s.h,
+        minWidth: props.circle ? s.h : "auto",
         backgroundColor: props.bgColor,
         color: props.color
       };
@@ -1516,24 +1522,29 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             "is-disabled": unref(isDisabled),
             "is-loading": _ctx.loading,
             "is-plain": _ctx.plain,
-            "is-block": _ctx.block
+            "is-block": _ctx.block,
+            "is-active": _ctx.active
           }
         ]]),
         disabled: unref(isDisabled),
         style: normalizeStyle(unref(buttonStyle))
       }, [
-        _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_2$g)) : _ctx.icon ? (openBlock(), createElementBlock("i", {
-          key: 1,
-          class: normalizeClass(["f-icon", _ctx.icon])
-        }, null, 2)) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$g, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$j);
+        createElementVNode("span", _hoisted_2$n, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$n)) : _ctx.icon ? (openBlock(), createElementBlock("i", {
+            key: 1,
+            class: normalizeClass(["f-icon", _ctx.icon])
+          }, null, 2)) : _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$7, [
+            renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_5$7, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 14, _hoisted_1$q);
     };
   }
 });
-const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-04bddf31"]]);
+const FButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-17d0ecc9"]]);
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FTypography",
   props: {
@@ -1556,7 +1567,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTypography = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-50e044db"]]);
+const FTypography = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-50e044db"]]);
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "FText",
   props: {
@@ -1615,8 +1626,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FText = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-8bcfc6b3"]]);
-const _hoisted_1$i = ["href", "target", "rel"];
+const FText = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-8bcfc6b3"]]);
+const _hoisted_1$p = ["href", "target", "rel"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FLink",
   props: {
@@ -1640,12 +1651,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         rel: props.target === "_blank" ? "noopener noreferrer" : void 0
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$p);
     };
   }
 });
-const FLink = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-daaa3e25"]]);
-const _hoisted_1$h = { class: "f-badge" };
+const FLink = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-daaa3e25"]]);
+const _hoisted_1$o = { class: "f-badge" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
@@ -1675,7 +1686,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return map[props.placement];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -1686,7 +1697,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBadge = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-be6947ff"]]);
+const FBadge = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-be6947ff"]]);
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "FAffix",
   props: {
@@ -1715,7 +1726,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAffix = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8506d679"]]);
+const FAffix = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-8506d679"]]);
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FForm",
   props: {
@@ -1773,7 +1784,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-21f7de9b"]]);
+const FForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-21f7de9b"]]);
 const validateSingleField = (value, rules) => __async(null, null, function* () {
   const ruleArray = Array.isArray(rules) ? rules : [rules];
   for (let rule of ruleArray) {
@@ -1855,12 +1866,12 @@ const checkRange = (value, rule) => {
   }
   return void 0;
 };
-const _hoisted_1$g = {
+const _hoisted_1$n = {
   key: 0,
   class: "star"
 };
-const _hoisted_2$f = { class: "f-form-item__content" };
-const _hoisted_3$f = {
+const _hoisted_2$m = { class: "f-form-item__content" };
+const _hoisted_3$m = {
   key: 0,
   class: "f-form-item__error"
 };
@@ -1930,14 +1941,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             textAlign: unref(labelPosition) === "top" ? "left" : unref(labelPosition)
           })
         }, [
-          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$g, "*")) : createCommentVNode("", true),
+          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$n, "*")) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(_ctx.label) + "： ", 1)
         ], 4)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_2$m, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
           createVNode(Transition, { name: "err-slide" }, {
             default: withCtx(() => [
-              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$f, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
+              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$m, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -1946,10 +1957,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c3d6ec01"]]);
-const _hoisted_1$f = { class: "f-checkbox__wrapper" };
-const _hoisted_2$e = ["checked", "disabled"];
-const _hoisted_3$e = {
+const FFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-c3d6ec01"]]);
+const _hoisted_1$m = { class: "f-checkbox__wrapper" };
+const _hoisted_2$l = ["checked", "disabled"];
+const _hoisted_3$l = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -1975,21 +1986,21 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$f, [
+        createElementVNode("span", _hoisted_1$m, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$e),
+          }, null, 40, _hoisted_2$l),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-633b283a"]]);
+const FCheckbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-633b283a"]]);
 const _hoisted_1$b = { class: "alert__body" };
 const _hoisted_2$a = { class: "alert__title" };
 const _hoisted_3$a = { class: "alert__content" };
@@ -2013,7 +2024,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["alert", `alert--${_ctx.type}`])
       }, [
-        createVNode(FIcon, { class: "alert__icon" }, {
+        createVNode(FIcon$1, { class: "alert__icon" }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(unref(config).icon)))
           ]),
@@ -2031,7 +2042,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAlert = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-f16678ef"]]);
+const FAlert = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-f16678ef"]]);
 const _hoisted_1$9 = { class: "f-editor__toolbar" };
 const _hoisted_2$8 = { class: "f-editor__status" };
 const _hoisted_3$8 = { class: "f-editor__lines" };
@@ -2293,7 +2304,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FEditor = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6d590649"]]);
+const FEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-6d590649"]]);
 const _hoisted_1$8 = { class: "f-table" };
 const _hoisted_2$7 = {
   key: 0,
@@ -2498,7 +2509,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-22daf8be"]]);
+const FTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-22daf8be"]]);
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FDialog",
   props: /* @__PURE__ */ mergeModels({
@@ -2554,7 +2565,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDialog = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-31496822"]]);
+const FDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-31496822"]]);
 const _hoisted_1$7 = { class: "f-upload" };
 const _hoisted_2$6 = { class: "f-upload__label" };
 const _hoisted_3$6 = ["accept"];
@@ -2630,7 +2641,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               onChange: onFileChange
             }, null, 40, _hoisted_3$6),
             renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(FIcon, { size: 40 }, {
+              createVNode(FIcon$1, { size: 40 }, {
                 default: withCtx(() => [
                   createVNode(unref(CloudUpload))
                 ]),
@@ -2642,7 +2653,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ])
         ], 34),
         file.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
-          createVNode(FIcon, null, {
+          createVNode(FIcon$1, null, {
             default: withCtx(() => [
               createVNode(unref(DocumentOutline))
             ]),
@@ -2656,7 +2667,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               "show-text": ""
             }, null, 8, ["percent"])) : createCommentVNode("", true)
           ]),
-          createVNode(FIcon, {
+          createVNode(FIcon$1, {
             onClick: withModifiers(clearFile, ["stop"]),
             onMouseenter: _cache[0] || (_cache[0] = ($event) => isCloseHover.value = true),
             onMouseleave: _cache[1] || (_cache[1] = ($event) => isCloseHover.value = false),
@@ -2672,26 +2683,18 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-07b95a32"]]);
+const FUpload = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-07b95a32"]]);
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FButtonGroup",
   props: {
     size: { default: "normal" },
     type: { default: "default" },
-    disabled: { type: Boolean, default: false },
+    disabled: { type: Boolean },
     vertical: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
-    const { size, type, disabled } = toRefs(props);
-    provide(
-      "FButtonGroupContext",
-      reactive({
-        size,
-        type,
-        disabled
-      })
-    );
+    provide("FButtonGroupContext", reactive(__spreadValues({}, toRefs(props))));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-button-group", { "f-button-group--vertical": _ctx.vertical }]),
@@ -3867,7 +3870,7 @@ var __spreadValues2 = (a, b) => {
     }
   return a;
 };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -3891,17 +3894,17 @@ const _sfc_main$H = /* @__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$H, [["__scopeId", "data-v-baf7de0c"]]);
-const _hoisted_1$e = { class: "f-checkbox__wrapper" };
-const _hoisted_2$d = ["checked", "disabled"];
-const _hoisted_3$d = {
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-baf7de0c"]]);
+const _hoisted_1$l = { class: "f-checkbox__wrapper" };
+const _hoisted_2$k = ["checked", "disabled"];
+const _hoisted_3$k = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -3927,16 +3930,16 @@ const _hoisted_3$d = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$e, [
+        createElementVNode("span", _hoisted_1$l, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$d),
+          }, null, 40, _hoisted_2$k),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4012,9 +4015,9 @@ var __spreadValues22 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$d = { class: "f-checkbox__wrapper" };
-const _hoisted_2$c = ["checked", "disabled"];
-const _hoisted_3$c = {
+const _hoisted_1$k = { class: "f-checkbox__wrapper" };
+const _hoisted_2$j = ["checked", "disabled"];
+const _hoisted_3$j = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4040,16 +4043,16 @@ const _hoisted_3$c = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$d, [
+        createElementVNode("span", _hoisted_1$k, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$c),
+          }, null, 40, _hoisted_2$j),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4125,9 +4128,9 @@ var __spreadValues222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$c = { class: "f-checkbox__wrapper" };
-const _hoisted_2$b = ["checked", "disabled"];
-const _hoisted_3$b = {
+const _hoisted_1$j = { class: "f-checkbox__wrapper" };
+const _hoisted_2$i = ["checked", "disabled"];
+const _hoisted_3$i = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4153,16 +4156,16 @@ const _hoisted_3$b = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$c, [
+        createElementVNode("span", _hoisted_1$j, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$b),
+          }, null, 40, _hoisted_2$i),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4238,9 +4241,9 @@ var __spreadValues2222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$a = { class: "f-checkbox__wrapper" };
-const _hoisted_2$9 = ["checked", "disabled"];
-const _hoisted_3$9 = {
+const _hoisted_1$i = { class: "f-checkbox__wrapper" };
+const _hoisted_2$h = ["checked", "disabled"];
+const _hoisted_3$h = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4266,16 +4269,16 @@ const _hoisted_3$9 = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$a, [
+        createElementVNode("span", _hoisted_1$i, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$9),
+          }, null, 40, _hoisted_2$h),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$9, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4335,6 +4338,797 @@ const _hoisted_3$9 = {
     };
   }
 });
+var __defProp22222 = Object.defineProperty;
+var __getOwnPropSymbols22222 = Object.getOwnPropertySymbols;
+var __hasOwnProp22222 = Object.prototype.hasOwnProperty;
+var __propIsEnum22222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22222 = (obj, key, value) => key in obj ? __defProp22222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp22222.call(b, prop))
+      __defNormalProp22222(a, prop, b[prop]);
+  if (__getOwnPropSymbols22222)
+    for (var prop of __getOwnPropSymbols22222(b)) {
+      if (__propIsEnum22222.call(b, prop))
+        __defNormalProp22222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$h = { class: "f-checkbox__wrapper" };
+const _hoisted_2$g = ["checked", "disabled"];
+const _hoisted_3$g = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues22222({ 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$h, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$g),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$g, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues22222({ 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
+        })
+      ]);
+    };
+  }
+});
+var __defProp222222 = Object.defineProperty;
+var __getOwnPropSymbols222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222222 = (obj, key, value) => key in obj ? __defProp222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222222.call(b, prop))
+      __defNormalProp222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222222)
+    for (var prop of __getOwnPropSymbols222222(b)) {
+      if (__propIsEnum222222.call(b, prop))
+        __defNormalProp222222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$g = { class: "f-checkbox__wrapper" };
+const _hoisted_2$f = ["checked", "disabled"];
+const _hoisted_3$f = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues222222({ 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$g, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$f),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues222222({ 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
+        })
+      ]);
+    };
+  }
+});
+var __defProp2222222 = Object.defineProperty;
+var __getOwnPropSymbols2222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp2222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum2222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2222222 = (obj, key, value) => key in obj ? __defProp2222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2222222.call(b, prop))
+      __defNormalProp2222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols2222222)
+    for (var prop of __getOwnPropSymbols2222222(b)) {
+      if (__propIsEnum2222222.call(b, prop))
+        __defNormalProp2222222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$f = { class: "f-checkbox__wrapper" };
+const _hoisted_2$e = ["checked", "disabled"];
+const _hoisted_3$e = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2222222({ 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$f, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$e),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues2222222({ 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
+        })
+      ]);
+    };
+  }
+});
+var __defProp22222222 = Object.defineProperty;
+var __getOwnPropSymbols22222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp22222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum22222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22222222 = (obj, key, value) => key in obj ? __defProp22222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp22222222.call(b, prop))
+      __defNormalProp22222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols22222222)
+    for (var prop of __getOwnPropSymbols22222222(b)) {
+      if (__propIsEnum22222222.call(b, prop))
+        __defNormalProp22222222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$e = { class: "f-checkbox__wrapper" };
+const _hoisted_2$d = ["checked", "disabled"];
+const _hoisted_3$d = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues22222222({ 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, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$d),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues22222222({ 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
+        })
+      ]);
+    };
+  }
+});
+var __defProp222222222 = Object.defineProperty;
+var __getOwnPropSymbols222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222222222 = (obj, key, value) => key in obj ? __defProp222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222222222.call(b, prop))
+      __defNormalProp222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222222222)
+    for (var prop of __getOwnPropSymbols222222222(b)) {
+      if (__propIsEnum222222222.call(b, prop))
+        __defNormalProp222222222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$d = { class: "f-checkbox__wrapper" };
+const _hoisted_2$c = ["checked", "disabled"];
+const _hoisted_3$c = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues222222222({ 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$d, [
+          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))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues222222222({ 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
+        })
+      ]);
+    };
+  }
+});
+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$c = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b = ["checked", "disabled"];
+const _hoisted_3$b = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2222222222({ 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$c, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues2222222222({ 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
+        })
+      ]);
+    };
+  }
+});
+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;
+};
+const _hoisted_1$a = { class: "f-checkbox__wrapper" };
+const _hoisted_2$9 = ["checked", "disabled"];
+const _hoisted_3$9 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues22222222222({ 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$a, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$9),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$9, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues22222222222({ 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 = { class: "f-result__icon" };
 const _hoisted_2 = {
   key: 0,
@@ -4384,7 +5178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
-            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(unref(FIcon$1), {
+            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(unref(FIcon), {
               key: 1,
               size: 72
             }, {
@@ -4415,7 +5209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FResult = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8f97d09"]]);
+const FResult = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-c8f97d09"]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FAffix,
@@ -4439,7 +5233,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FEmpty: _sfc_main$4,
   FForm,
   FFormItem,
-  FIcon,
+  FIcon: FIcon$1,
   FImage,
   FInput,
   FInputNumber: _sfc_main$1,
@@ -4489,7 +5283,7 @@ export {
   _sfc_main$4 as FEmpty,
   FForm,
   FFormItem,
-  FIcon,
+  FIcon$1 as FIcon,
   FImage,
   FInput,
   _sfc_main$1 as FInputNumber,