fantasia-ui 0.2.21 → 0.2.26

package/dist/fantasia-ui.umd.js

@@ -41,7 +41,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     __name: "FIcon",
     props: {
       color: {},
@@ -65,20 +65,20 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
   };
@@ -95,7 +95,7 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["flex-center-col size-full loading-container", { "global-mask": _ctx.mask }])
         }, [
-          _ctx.type === "cubes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+          _ctx.type === "cubes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
             (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(6, (i) => {
               return vue.createElementVNode("div", {
                 class: "item cubes",
@@ -106,22 +106,22 @@ var __async = (__this, __arguments, generator) => {
             key: 1,
             class: vue.normalizeClass(["loader", _ctx.type])
           }, null, 2)),
-          props.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$q, vue.toDisplayString(props.text), 1)) : vue.createCommentVNode("", true)
+          props.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$x, vue.toDisplayString(props.text), 1)) : vue.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__ */ vue.defineComponent({
     __name: "FImage",
     props: {
@@ -139,10 +139,10 @@ var __async = (__this, __arguments, generator) => {
       const onLoad = () => status.value = "loaded";
       const onError = () => status.value = "error";
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
           vue.createVNode(vue.Transition, { name: "fade" }, {
             default: vue.withCtx(() => [
-              vue.unref(status) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+              vue.unref(status) === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
                 vue.createVNode(FLoading, { type: "classic first" })
               ])) : vue.createCommentVNode("", true)
             ]),
@@ -150,9 +150,9 @@ var __async = (__this, __arguments, generator) => {
           }),
           vue.createVNode(vue.Transition, { name: "fade" }, {
             default: vue.withCtx(() => [
-              vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
+              vue.unref(status) === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
                 vue.renderSlot(_ctx.$slots, "error", {}, () => [
-                  vue.createVNode(FIcon, { size: "48px" }, {
+                  vue.createVNode(FIcon$1, { size: "48px" }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(PictureError))
                     ]),
@@ -170,15 +170,15 @@ var __async = (__this, __arguments, generator) => {
             class: "f-image__img",
             onLoad,
             onError
-          }, null, 44, _hoisted_4$b), [
+          }, null, 44, _hoisted_4$c), [
             [vue.vShow, vue.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__ */ vue.defineComponent({
     __name: "FInput",
     props: /* @__PURE__ */ vue.mergeModels({
@@ -214,7 +214,7 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["f-input", { "is-disabled": _ctx.disabled, "is-readonly": "readonly" in _ctx ? _ctx.readonly : vue.unref(vue.readonly) }])
         }, [
-          vue.createVNode(FIcon, { class: "f-input__icon" }, {
+          vue.createVNode(FIcon$1, { class: "f-input__icon" }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(ionicons5.Search))
             ]),
@@ -233,16 +233,16 @@ var __async = (__this, __arguments, generator) => {
             onChange: handleChange,
             onFocus: handleFocus,
             onBlur: handleBlur
-          }, null, 40, _hoisted_1$u), [
+          }, null, 40, _hoisted_1$B), [
             [vue.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"
   };
@@ -320,7 +320,7 @@ var __async = (__this, __arguments, generator) => {
               onMousemove: ($event) => onMouseMove($event, index),
               onClick
             }, [
-              vue.createVNode(FIcon, {
+              vue.createVNode(FIcon$1, {
                 color: getStarColor(index),
                 size: vue.unref(starSize)
               }, {
@@ -329,22 +329,22 @@ var __async = (__this, __arguments, generator) => {
                 ]),
                 _: 2
               }, 1032, ["color", "size"])
-            ], 40, _hoisted_1$t);
+            ], 40, _hoisted_1$A);
           }), 128)),
-          props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$o, vue.toDisplayString(vue.unref(scoreText)), 1)) : vue.createCommentVNode("", true)
+          props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$v, vue.toDisplayString(vue.unref(scoreText)), 1)) : vue.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__ */ vue.defineComponent({
     __name: "FDropdown",
     props: {
@@ -514,7 +514,7 @@ var __async = (__this, __arguments, generator) => {
       });
       core.useEventListener(window, "click", handleWindowClick);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
           vue.createElementVNode("div", {
             ref_key: "triggerRef",
             ref: triggerRef,
@@ -544,18 +544,18 @@ var __async = (__this, __arguments, generator) => {
                     class: "f-dropdown-bridge",
                     style: vue.normalizeStyle(vue.unref(bridgeStyle))
                   }, null, 4)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_2$n, [
+                  vue.createElementVNode("div", _hoisted_2$u, [
                     _ctx.options && _ctx.options.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.options, (opt) => {
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: opt.key,
                         class: vue.normalizeClass(["f-dropdown-option", { "is-disabled": opt.disabled }]),
                         onClick: ($event) => handleOptionClick(opt)
                       }, [
-                        opt.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$a, [
+                        opt.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, [
                           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(opt.icon)))
                         ])) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("span", _hoisted_5$9, vue.toDisplayString(opt.label), 1)
-                      ], 10, _hoisted_3$l);
+                        vue.createElementVNode("span", _hoisted_5$a, vue.toDisplayString(opt.label), 1)
+                      ], 10, _hoisted_3$s);
                     }), 128)) : vue.renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                   ])
                 ], 36)) : vue.createCommentVNode("", true)
@@ -567,7 +567,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FSelect",
     props: /* @__PURE__ */ vue.mergeModels({
@@ -615,7 +615,7 @@ var __async = (__this, __arguments, generator) => {
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["f-select__label", { "is-placeholder": !vue.unref(hasValue) }])
               }, vue.toDisplayString(vue.unref(selectedLabel)), 3),
-              vue.createVNode(FIcon, { class: "f-select__arrow" }, {
+              vue.createVNode(FIcon$1, { class: "f-select__arrow" }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(ionicons5.ChevronDownOutline))
                 ]),
@@ -628,21 +628,21 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
@@ -706,10 +706,10 @@ var __async = (__this, __arguments, generator) => {
         jumpInput.value = "";
       };
       return (_ctx, _cache) => {
-        return !_ctx.hideOnSingle || vue.unref(pageCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+        return !_ctx.hideOnSingle || vue.unref(pageCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(layoutItems), (item) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: item }, [
-              item === "total" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m, " 共 " + vue.toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$k, [
+              item === "total" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$t, " 共 " + vue.toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$r, [
                 vue.createElementVNode("select", {
                   class: "size-select",
                   value: _ctx.pageSize,
@@ -719,15 +719,15 @@ var __async = (__this, __arguments, generator) => {
                     return vue.openBlock(), vue.createElementBlock("option", {
                       key: s,
                       value: s
-                    }, vue.toDisplayString(s) + " 条/页", 9, _hoisted_5$8);
+                    }, vue.toDisplayString(s) + " 条/页", 9, _hoisted_5$9);
                   }), 128))
-                ], 40, _hoisted_4$9)
+                ], 40, _hoisted_4$a)
               ])) : item === "prev" ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 2,
                 class: vue.normalizeClass(["page-btn", { disabled: currentPage.value === 1 }]),
                 onClick: _cache[0] || (_cache[0] = ($event) => go(currentPage.value - 1))
               }, [
-                vue.createVNode(FIcon, null, {
+                vue.createVNode(FIcon$1, null, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.ChevronBackOutline))
                   ]),
@@ -737,7 +737,7 @@ var __async = (__this, __arguments, generator) => {
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pages), (page, index) => {
                   return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
                     page === "..." ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_7$3, [
-                      vue.createVNode(FIcon, null, {
+                      vue.createVNode(FIcon$1, null, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(ionicons5.EllipsisHorizontal))
                         ]),
@@ -755,7 +755,7 @@ var __async = (__this, __arguments, generator) => {
                 class: vue.normalizeClass(["page-btn", { disabled: currentPage.value === vue.unref(pageCount) }]),
                 onClick: _cache[1] || (_cache[1] = ($event) => go(currentPage.value + 1))
               }, [
-                vue.createVNode(FIcon, null, {
+                vue.createVNode(FIcon$1, null, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.ChevronForwardOutline))
                   ]),
@@ -782,24 +782,24 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
   };
@@ -836,19 +836,19 @@ var __async = (__this, __arguments, generator) => {
           class: vue.normalizeClass(["f-card", [`f-card--${_ctx.direction}`, { "is-hoverable": _ctx.hoverable }]])
         }, [
           _ctx.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
               vue.renderSlot(_ctx.$slots, "header", {}, void 0, true),
-              _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$l, [
+              _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
                 vue.renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
+            _ctx.$slots.cover ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
               vue.renderSlot(_ctx.$slots, "cover", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, [
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
               vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -874,8 +874,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
   };
@@ -903,9 +903,9 @@ var __async = (__this, __arguments, generator) => {
           onMouseenter: _cache[1] || (_cache[1] = ($event) => isHover.value = true),
           onMouseleave: _cache[2] || (_cache[2] = ($event) => isHover.value = false)
         }, [
-          _ctx.type === "dot" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$p)) : vue.createCommentVNode("", true),
+          _ctx.type === "dot" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$w)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          _ctx.closable ? (vue.openBlock(), vue.createBlock(FIcon, {
+          _ctx.closable ? (vue.openBlock(), vue.createBlock(FIcon$1, {
             key: 1,
             class: "f-tag__close",
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emit("close"), ["stop"]))
@@ -919,7 +919,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FTooltip",
     props: {
@@ -1024,9 +1024,9 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
   };
@@ -1042,7 +1042,7 @@ var __async = (__this, __arguments, generator) => {
       const props = __props;
       const clampedPercent = vue.computed(() => Math.min(100, Math.max(0, props.percent)));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
           vue.createElementVNode("div", {
             class: "f-progress__track",
             style: vue.normalizeStyle({ height: `${_ctx.height}px` })
@@ -1055,16 +1055,16 @@ var __async = (__this, __arguments, generator) => {
               })
             }, null, 4)
           ], 4),
-          _ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$k, vue.toDisplayString(vue.unref(clampedPercent)) + "%", 1)) : vue.createCommentVNode("", true)
+          _ctx.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$r, vue.toDisplayString(vue.unref(clampedPercent)) + "%", 1)) : vue.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__ */ vue.defineComponent({
     __name: "FTabs",
     props: {
@@ -1098,8 +1098,8 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
         }, [
-          vue.createElementVNode("div", _hoisted_1$n, [
-            vue.createElementVNode("div", _hoisted_2$j, [
+          vue.createElementVNode("div", _hoisted_1$u, [
+            vue.createElementVNode("div", _hoisted_2$q, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (tab) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: tab.name,
@@ -1109,8 +1109,8 @@ var __async = (__this, __arguments, generator) => {
                   }]),
                   onClick: ($event) => setActiveTab(tab.name, tab.disabled)
                 }, [
-                  vue.createElementVNode("span", _hoisted_4$7, vue.toDisplayString(tab.label), 1)
-                ], 10, _hoisted_3$i);
+                  vue.createElementVNode("span", _hoisted_4$8, vue.toDisplayString(tab.label), 1)
+                ], 10, _hoisted_3$p);
               }), 128))
             ])
           ]),
@@ -1128,13 +1128,13 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
   };
@@ -1166,12 +1166,12 @@ var __async = (__this, __arguments, generator) => {
                     key: 1,
                     item
                   }, () => [
-                    vue.createElementVNode("span", _hoisted_1$m, vue.toDisplayString(item.label), 1)
+                    vue.createElementVNode("span", _hoisted_1$t, vue.toDisplayString(item.label), 1)
                   ], true) : item.href ? (vue.openBlock(), vue.createElementBlock("a", {
                     key: 2,
                     href: item.href,
                     class: "f-breadcrumb__link"
-                  }, vue.toDisplayString(item.label), 9, _hoisted_2$i)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, vue.toDisplayString(item.label), 1))
+                  }, vue.toDisplayString(item.label), 9, _hoisted_2$p)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, vue.toDisplayString(item.label), 1))
                 ], 64);
               }), 128))
             ]),
@@ -1181,7 +1181,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FCol",
     props: {
@@ -1223,7 +1223,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FRow",
     props: {
@@ -1277,9 +1277,9 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
@@ -1338,17 +1338,17 @@ var __async = (__this, __arguments, generator) => {
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(children), (child, index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
-              vue.createElementVNode("div", _hoisted_1$l, [
+              vue.createElementVNode("div", _hoisted_1$s, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(child)))
               ]),
-              _ctx.split && index < vue.unref(children).length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$h, vue.toDisplayString(_ctx.split), 1)) : vue.createCommentVNode("", true)
+              _ctx.split && index < vue.unref(children).length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$o, vue.toDisplayString(_ctx.split), 1)) : vue.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__ */ vue.defineComponent({
     __name: "FContainer",
     props: {
@@ -1369,7 +1369,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FDivider",
     props: {
@@ -1397,8 +1397,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FAvatar",
     props: {
@@ -1431,7 +1431,7 @@ var __async = (__this, __arguments, generator) => {
             key: 0,
             src: _ctx.src,
             alt: _ctx.alt
-          }, null, 8, _hoisted_1$k)) : (vue.openBlock(), vue.createBlock(FIcon, {
+          }, null, 8, _hoisted_1$r)) : (vue.openBlock(), vue.createBlock(FIcon$1, {
             key: 1,
             size: 24
           }, {
@@ -1444,14 +1444,19 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
@@ -1467,14 +1472,15 @@ var __async = (__this, __arguments, generator) => {
       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 = vue.inject("FButtonGroupContext", null);
@@ -1493,7 +1499,7 @@ var __async = (__this, __arguments, generator) => {
           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
         };
@@ -1517,24 +1523,29 @@ var __async = (__this, __arguments, generator) => {
               "is-disabled": vue.unref(isDisabled),
               "is-loading": _ctx.loading,
               "is-plain": _ctx.plain,
-              "is-block": _ctx.block
+              "is-block": _ctx.block,
+              "is-active": _ctx.active
             }
           ]]),
           disabled: vue.unref(isDisabled),
           style: vue.normalizeStyle(vue.unref(buttonStyle))
         }, [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g)) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("i", {
-            key: 1,
-            class: vue.normalizeClass(["f-icon", _ctx.icon])
-          }, null, 2)) : vue.createCommentVNode("", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$g, [
-            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ])) : vue.createCommentVNode("", true)
-        ], 14, _hoisted_1$j);
+          vue.createElementVNode("span", _hoisted_2$n, [
+            _ctx.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n)) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("i", {
+              key: 1,
+              class: vue.normalizeClass(["f-icon", _ctx.icon])
+            }, null, 2)) : _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$7, [
+              vue.renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+            ])) : vue.createCommentVNode("", true),
+            _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [
+              vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])) : vue.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__ */ vue.defineComponent({
     __name: "FTypography",
     props: {
@@ -1557,7 +1568,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FText",
     props: {
@@ -1616,8 +1627,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FLink",
     props: {
@@ -1641,12 +1652,12 @@ var __async = (__this, __arguments, generator) => {
           rel: props.target === "_blank" ? "noopener noreferrer" : void 0
         }, [
           vue.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__ */ vue.defineComponent({
     __name: "FBadge",
     props: {
@@ -1676,7 +1687,7 @@ var __async = (__this, __arguments, generator) => {
         return map[props.placement];
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
           _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
@@ -1687,7 +1698,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FAffix",
     props: {
@@ -1716,7 +1727,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FForm",
     props: {
@@ -1774,7 +1785,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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) {
@@ -1856,12 +1867,12 @@ var __async = (__this, __arguments, generator) => {
     }
     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"
   };
@@ -1931,14 +1942,14 @@ var __async = (__this, __arguments, generator) => {
               textAlign: vue.unref(labelPosition) === "top" ? "left" : vue.unref(labelPosition)
             })
           }, [
-            vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$g, "*")) : vue.createCommentVNode("", true),
+            vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$n, "*")) : vue.createCommentVNode("", true),
             vue.createTextVNode(" " + vue.toDisplayString(_ctx.label) + "： ", 1)
           ], 4)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$f, [
+          vue.createElementVNode("div", _hoisted_2$m, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
             vue.createVNode(vue.Transition, { name: "err-slide" }, {
               default: vue.withCtx(() => [
-                vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$f, vue.toDisplayString(vue.unref(errorMsg)), 1)) : vue.createCommentVNode("", true)
+                vue.unref(errorMsg) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$m, vue.toDisplayString(vue.unref(errorMsg)), 1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             })
@@ -1947,10 +1958,10 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
   };
@@ -1976,21 +1987,21 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
         }, [
-          vue.createElementVNode("span", _hoisted_1$f, [
+          vue.createElementVNode("span", _hoisted_1$m, [
             vue.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] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
           ]),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$l, vue.toDisplayString(_ctx.label), 1)) : vue.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" };
@@ -2014,7 +2025,7 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["alert", `alert--${_ctx.type}`])
         }, [
-          vue.createVNode(FIcon, { class: "alert__icon" }, {
+          vue.createVNode(FIcon$1, { class: "alert__icon" }, {
             default: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(config).icon)))
             ]),
@@ -2032,7 +2043,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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" };
@@ -2294,7 +2305,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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,
@@ -2499,7 +2510,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.defineComponent({
     __name: "FDialog",
     props: /* @__PURE__ */ vue.mergeModels({
@@ -2555,7 +2566,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"];
@@ -2631,7 +2642,7 @@ var __async = (__this, __arguments, generator) => {
                 onChange: onFileChange
               }, null, 40, _hoisted_3$6),
               vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createVNode(FIcon, { size: 40 }, {
+                vue.createVNode(FIcon$1, { size: 40 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ionicons5.CloudUpload))
                   ]),
@@ -2643,7 +2654,7 @@ var __async = (__this, __arguments, generator) => {
             ])
           ], 34),
           file.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
-            vue.createVNode(FIcon, null, {
+            vue.createVNode(FIcon$1, null, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(ionicons5.DocumentOutline))
               ]),
@@ -2657,7 +2668,7 @@ var __async = (__this, __arguments, generator) => {
                 "show-text": ""
               }, null, 8, ["percent"])) : vue.createCommentVNode("", true)
             ]),
-            vue.createVNode(FIcon, {
+            vue.createVNode(FIcon$1, {
               onClick: vue.withModifiers(clearFile, ["stop"]),
               onMouseenter: _cache[0] || (_cache[0] = ($event) => isCloseHover.value = true),
               onMouseleave: _cache[1] || (_cache[1] = ($event) => isCloseHover.value = false),
@@ -2673,26 +2684,18 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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__ */ vue.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 } = vue.toRefs(props);
-      vue.provide(
-        "FButtonGroupContext",
-        vue.reactive({
-          size,
-          type,
-          disabled
-        })
-      );
+      vue.provide("FButtonGroupContext", vue.reactive(__spreadValues({}, vue.toRefs(props))));
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["f-button-group", { "f-button-group--vertical": _ctx.vertical }]),
@@ -3868,7 +3871,7 @@ var __async = (__this, __arguments, generator) => {
       }
     return a;
   };
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     __name: "FIcon",
     props: {
       color: {},
@@ -3892,17 +3895,17 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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"
   };
@@ -3928,16 +3931,16 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
         }, [
-          vue.createElementVNode("span", _hoisted_1$e, [
+          vue.createElementVNode("span", _hoisted_1$l, [
             vue.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] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
           ]),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$k, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
@@ -4013,9 +4016,9 @@ var __async = (__this, __arguments, generator) => {
       }
     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"
   };
@@ -4041,16 +4044,16 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
         }, [
-          vue.createElementVNode("span", _hoisted_1$d, [
+          vue.createElementVNode("span", _hoisted_1$k, [
             vue.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] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
           ]),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$j, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
@@ -4126,9 +4129,9 @@ var __async = (__this, __arguments, generator) => {
       }
     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"
   };
@@ -4154,16 +4157,16 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
         }, [
-          vue.createElementVNode("span", _hoisted_1$c, [
+          vue.createElementVNode("span", _hoisted_1$j, [
             vue.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] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
           ]),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$i, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
@@ -4239,9 +4242,9 @@ var __async = (__this, __arguments, generator) => {
       }
     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"
   };
@@ -4267,16 +4270,16 @@ var __async = (__this, __arguments, generator) => {
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
         }, [
-          vue.createElementVNode("span", _hoisted_1$a, [
+          vue.createElementVNode("span", _hoisted_1$i, [
             vue.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] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
           ]),
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
         ], 2);
       };
     }
@@ -4336,6 +4339,797 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
+  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__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.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 vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$h, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$g),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$g, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.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 = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.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__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.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 vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$g, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$f),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.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 = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.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__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.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 vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$f, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$e),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$e, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.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 = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.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__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.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 vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$e, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$d),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.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 = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.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__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.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 vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$d, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$c),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$c, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.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 = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.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__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.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 vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$c, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$b),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.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 = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.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__ */ vue.defineComponent({
+    __name: "FCheckbox",
+    props: /* @__PURE__ */ vue.mergeModels({
+      label: {},
+      disabled: { type: Boolean }
+    }, {
+      "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
+      "modelModifiers": {}
+    }),
+    emits: ["update:modelValue"],
+    setup(__props) {
+      const modelValue = vue.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 vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+        }, [
+          vue.createElementVNode("span", _hoisted_1$a, [
+            vue.createElementVNode("input", {
+              type: "checkbox",
+              checked: modelValue.value,
+              disabled: _ctx.disabled,
+              onChange: handleChange
+            }, null, 40, _hoisted_2$9),
+            _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+          ]),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true)
+        ], 2);
+      };
+    }
+  });
+  /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.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 = vue.useModel(__props, "modelValue");
+      const handleMaskClick = () => {
+        if (props.maskClosable) visible.value = false;
+      };
+      const maskBackgroundColor = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, { name: "fade" }, {
+            default: vue.withCtx(() => [
+              visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "f-dialog-mask",
+                style: vue.normalizeStyle({ backgroundColor: vue.unref(maskBackgroundColor) }),
+                onClick: handleMaskClick
+              }, [
+                vue.createElementVNode("div", {
+                  class: "f-dialog-container",
+                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
   const _hoisted_1 = { class: "f-result__icon" };
   const _hoisted_2 = {
     key: 0,
@@ -4385,7 +5179,7 @@ var __async = (__this, __arguments, generator) => {
         }, [
           vue.createElementVNode("div", _hoisted_1, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-              vue.unref(showCode) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.status), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(FIcon$1), {
+              vue.unref(showCode) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.status), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(FIcon), {
                 key: 1,
                 size: 72
               }, {
@@ -4416,7 +5210,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  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,
@@ -4440,7 +5234,7 @@ var __async = (__this, __arguments, generator) => {
     FEmpty: _sfc_main$4,
     FForm,
     FFormItem,
-    FIcon,
+    FIcon: FIcon$1,
     FImage,
     FInput,
     FInputNumber: _sfc_main$1,
@@ -4489,7 +5283,7 @@ var __async = (__this, __arguments, generator) => {
   exports2.FEmpty = _sfc_main$4;
   exports2.FForm = FForm;
   exports2.FFormItem = FFormItem;
-  exports2.FIcon = FIcon;
+  exports2.FIcon = FIcon$1;
   exports2.FImage = FImage;
   exports2.FInput = FInput;
   exports2.FInputNumber = _sfc_main$1;