fantasia-ui 0.2.26 → 0.2.28

package/dist/fantasia-ui.es.js

@@ -73,11 +73,11 @@ const _export_sfc$1 = (sfc, props) => {
 };
 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$D = {
+const _hoisted_1$F = {
   key: 0,
   class: "loop cubes"
 };
-const _hoisted_2$x = {
+const _hoisted_2$z = {
   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$D, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -105,18 +105,18 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["loader", _ctx.type])
         }, null, 2)),
-        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$x, toDisplayString(props.text), 1)) : createCommentVNode("", true)
+        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$z, toDisplayString(props.text), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 const FLoading = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$C = { class: "f-image" };
-const _hoisted_2$w = {
+const _hoisted_1$E = { class: "f-image" };
+const _hoisted_2$y = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$t = {
+const _hoisted_3$v = {
   key: 0,
   class: "f-image__error"
 };
@@ -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$C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
+            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
               createVNode(FLoading, { type: "classic first" })
             ])) : createCommentVNode("", true)
           ]),
@@ -149,7 +149,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         }),
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
               renderSlot(_ctx.$slots, "error", {}, () => [
                 createVNode(FIcon$1, { size: "48px" }, {
                   default: withCtx(() => [
@@ -177,7 +177,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const FImage = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__scopeId", "data-v-e959ab10"]]);
-const _hoisted_1$B = ["type", "placeholder", "disabled", "readonly", "name", "id"];
+const _hoisted_1$D = ["type", "placeholder", "disabled", "readonly", "name", "id"];
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "FInput",
   props: /* @__PURE__ */ mergeModels({
@@ -232,7 +232,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           onChange: handleChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$B), [
+        }, null, 40, _hoisted_1$D), [
           [vModelDynamic, model.value]
         ])
       ], 2);
@@ -240,8 +240,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const FInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-9af0fbbe"]]);
-const _hoisted_1$A = ["onMousemove"];
-const _hoisted_2$v = {
+const _hoisted_1$C = ["onMousemove"];
+const _hoisted_2$x = {
   key: 0,
   class: "f-rate__score"
 };
@@ -328,17 +328,17 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$A);
+          ], 40, _hoisted_1$C);
         }), 128)),
-        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$v, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
+        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$x, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
 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_1$B = { class: "f-dropdown-wrapper" };
+const _hoisted_2$w = { class: "f-dropdown-content" };
+const _hoisted_3$u = ["onClick"];
 const _hoisted_4$b = {
   key: 0,
   class: "opt-icon"
@@ -513,7 +513,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "click", handleWindowClick);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -543,7 +543,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   class: "f-dropdown-bridge",
                   style: normalizeStyle(unref(bridgeStyle))
                 }, null, 4)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_2$u, [
+                createElementVNode("div", _hoisted_2$w, [
                   _ctx.options && _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (opt) => {
                     return openBlock(), createElementBlock("div", {
                       key: opt.key,
@@ -554,7 +554,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
                       createElementVNode("span", _hoisted_5$a, toDisplayString(opt.label), 1)
-                    ], 10, _hoisted_3$s);
+                    ], 10, _hoisted_3$u);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
               ], 36)) : createCommentVNode("", true)
@@ -628,15 +628,15 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 const FSelect = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-61444561"]]);
-const _hoisted_1$y = {
+const _hoisted_1$A = {
   key: 0,
   class: "f-pagination"
 };
-const _hoisted_2$t = {
+const _hoisted_2$v = {
   key: 0,
   class: "f-pagination__total"
 };
-const _hoisted_3$r = {
+const _hoisted_3$t = {
   key: 1,
   class: "f-pagination__size"
 };
@@ -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$y, [
+      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutItems), (item) => {
           return openBlock(), createElementBlock(Fragment, { key: item }, [
-            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$t, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$v, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
               createElementVNode("select", {
                 class: "size-select",
                 value: _ctx.pageSize,
@@ -782,15 +782,15 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 const FPagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-930f8b20"]]);
-const _hoisted_1$x = {
+const _hoisted_1$z = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_2$s = {
+const _hoisted_2$u = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_3$q = {
+const _hoisted_3$s = {
   key: 1,
   class: "f-card__cover"
 };
@@ -835,13 +835,13 @@ 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$x, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
+            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
             renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : createCommentVNode("", true),
           _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
@@ -874,7 +874,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const FCard = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-a66fa373"]]);
-const _hoisted_1$w = {
+const _hoisted_1$y = {
   key: 0,
   class: "f-tag__dot"
 };
@@ -902,7 +902,7 @@ 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$w)) : createCommentVNode("", true),
+        _ctx.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_1$y)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.closable ? (openBlock(), createBlock(FIcon$1, {
           key: 1,
@@ -1024,8 +1024,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const FTooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-be9acca7"]]);
-const _hoisted_1$v = { class: "f-progress" };
-const _hoisted_2$r = {
+const _hoisted_1$x = { class: "f-progress" };
+const _hoisted_2$t = {
   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$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createElementVNode("div", {
           class: "f-progress__track",
           style: normalizeStyle({ height: `${_ctx.height}px` })
@@ -1054,15 +1054,15 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             })
           }, null, 4)
         ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$r, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
+        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$t, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
 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_1$w = { class: "f-tabs__nav-container" };
+const _hoisted_2$s = { class: "f-tabs__nav" };
+const _hoisted_3$r = ["onClick"];
 const _hoisted_4$8 = { class: "f-tabs__label" };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FTabs",
@@ -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$u, [
-          createElementVNode("div", _hoisted_2$q, [
+        createElementVNode("div", _hoisted_1$w, [
+          createElementVNode("div", _hoisted_2$s, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.name,
@@ -1109,7 +1109,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => setActiveTab(tab.name, tab.disabled)
               }, [
                 createElementVNode("span", _hoisted_4$8, toDisplayString(tab.label), 1)
-              ], 10, _hoisted_3$p);
+              ], 10, _hoisted_3$r);
             }), 128))
           ])
         ]),
@@ -1128,12 +1128,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 const FTabs = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-268fc654"]]);
-const _hoisted_1$t = {
+const _hoisted_1$v = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
 };
-const _hoisted_2$p = ["href"];
-const _hoisted_3$o = {
+const _hoisted_2$r = ["href"];
+const _hoisted_3$q = {
   key: 3,
   class: "f-breadcrumb__text"
 };
@@ -1165,12 +1165,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   key: 1,
                   item
                 }, () => [
-                  createElementVNode("span", _hoisted_1$t, toDisplayString(item.label), 1)
+                  createElementVNode("span", _hoisted_1$v, 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$p)) : (openBlock(), createElementBlock("span", _hoisted_3$o, toDisplayString(item.label), 1))
+                }, toDisplayString(item.label), 9, _hoisted_2$r)) : (openBlock(), createElementBlock("span", _hoisted_3$q, toDisplayString(item.label), 1))
               ], 64);
             }), 128))
           ]),
@@ -1277,8 +1277,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 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 = {
+const _hoisted_1$u = { class: "f-space__item" };
+const _hoisted_2$q = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
@@ -1337,10 +1337,10 @@ 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$s, [
+            createElementVNode("div", _hoisted_1$u, [
               (openBlock(), createBlock(resolveDynamicComponent(child)))
             ]),
-            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$o, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
+            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$q, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 4);
@@ -1397,7 +1397,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const FDivider = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__scopeId", "data-v-512ee743"]]);
-const _hoisted_1$r = ["src", "alt"];
+const _hoisted_1$t = ["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$r)) : (openBlock(), createBlock(FIcon$1, {
+        }, null, 8, _hoisted_1$t)) : (openBlock(), createBlock(FIcon$1, {
           key: 1,
           size: 24
         }, {
@@ -1444,9 +1444,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 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 = {
+const _hoisted_1$s = ["type", "disabled"];
+const _hoisted_2$p = { class: "f-button__inner" };
+const _hoisted_3$p = {
   key: 0,
   class: "f-loader"
 };
@@ -1471,7 +1471,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     plain: { type: Boolean },
     block: { type: Boolean },
     icon: {},
-    active: { type: Boolean, default: false },
+    active: { type: Boolean },
     bgColor: {},
     color: {}
   },
@@ -1503,11 +1503,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         color: props.color
       };
       if (props.circle) {
-        style.width = s.h;
         style.borderRadius = "50%";
+        style.width = s.h;
       } else if (typeof props.round === "number") {
         style.borderRadius = `${props.round}px`;
-      } else if (props.round) {
+      } else if (props.round === true) {
         style.borderRadius = "999px";
       }
       return style;
@@ -1529,8 +1529,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         disabled: unref(isDisabled),
         style: normalizeStyle(unref(buttonStyle))
       }, [
-        createElementVNode("span", _hoisted_2$n, [
-          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$n)) : _ctx.icon ? (openBlock(), createElementBlock("i", {
+        createElementVNode("span", _hoisted_2$p, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$p)) : _ctx.icon ? (openBlock(), createElementBlock("i", {
             key: 1,
             class: normalizeClass(["f-icon", _ctx.icon])
           }, null, 2)) : _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$7, [
@@ -1540,11 +1540,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ])
-      ], 14, _hoisted_1$q);
+      ], 14, _hoisted_1$s);
     };
   }
 });
-const FButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-17d0ecc9"]]);
+const FButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-90c6b608"]]);
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FTypography",
   props: {
@@ -1627,7 +1627,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const FText = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-8bcfc6b3"]]);
-const _hoisted_1$p = ["href", "target", "rel"];
+const _hoisted_1$r = ["href", "target", "rel"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FLink",
   props: {
@@ -1651,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$p);
+      ], 10, _hoisted_1$r);
     };
   }
 });
 const FLink = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-daaa3e25"]]);
-const _hoisted_1$o = { class: "f-badge" };
+const _hoisted_1$q = { class: "f-badge" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
@@ -1686,7 +1686,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return map[props.placement];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -1866,12 +1866,12 @@ const checkRange = (value, rule) => {
   }
   return void 0;
 };
-const _hoisted_1$n = {
+const _hoisted_1$p = {
   key: 0,
   class: "star"
 };
-const _hoisted_2$m = { class: "f-form-item__content" };
-const _hoisted_3$m = {
+const _hoisted_2$o = { class: "f-form-item__content" };
+const _hoisted_3$o = {
   key: 0,
   class: "f-form-item__error"
 };
@@ -1941,14 +1941,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             textAlign: unref(labelPosition) === "top" ? "left" : unref(labelPosition)
           })
         }, [
-          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$n, "*")) : createCommentVNode("", true),
+          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$p, "*")) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(_ctx.label) + "： ", 1)
         ], 4)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$m, [
+        createElementVNode("div", _hoisted_2$o, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
           createVNode(Transition, { name: "err-slide" }, {
             default: withCtx(() => [
-              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$m, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
+              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$o, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -1958,9 +1958,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 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 = {
+const _hoisted_1$o = { class: "f-checkbox__wrapper" };
+const _hoisted_2$n = ["checked", "disabled"];
+const _hoisted_3$n = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -1986,16 +1986,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$m, [
+        createElementVNode("span", _hoisted_1$o, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$l),
+          }, null, 40, _hoisted_2$n),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -2690,7 +2690,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     size: { default: "normal" },
     type: { default: "default" },
     disabled: { type: Boolean },
-    vertical: { type: Boolean, default: false }
+    vertical: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -2700,11 +2700,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["f-button-group", { "f-button-group--vertical": _ctx.vertical }]),
         role: "group"
       }, [
-        renderSlot(_ctx.$slots, "default")
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);
     };
   }
 });
+const FButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-7c8148f9"]]);
 const _hoisted_1$6 = { class: "f-collapse" };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FCollapse",
@@ -3902,9 +3903,9 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 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 = {
+const _hoisted_1$n = { class: "f-checkbox__wrapper" };
+const _hoisted_2$m = ["checked", "disabled"];
+const _hoisted_3$m = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -3930,16 +3931,16 @@ const _hoisted_3$k = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$l, [
+        createElementVNode("span", _hoisted_1$n, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$k),
+          }, null, 40, _hoisted_2$m),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4015,9 +4016,9 @@ var __spreadValues22 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$k = { class: "f-checkbox__wrapper" };
-const _hoisted_2$j = ["checked", "disabled"];
-const _hoisted_3$j = {
+const _hoisted_1$m = { class: "f-checkbox__wrapper" };
+const _hoisted_2$l = ["checked", "disabled"];
+const _hoisted_3$l = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4043,16 +4044,16 @@ const _hoisted_3$j = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$k, [
+        createElementVNode("span", _hoisted_1$m, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$j),
+          }, null, 40, _hoisted_2$l),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4128,9 +4129,9 @@ var __spreadValues222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$j = { class: "f-checkbox__wrapper" };
-const _hoisted_2$i = ["checked", "disabled"];
-const _hoisted_3$i = {
+const _hoisted_1$l = { class: "f-checkbox__wrapper" };
+const _hoisted_2$k = ["checked", "disabled"];
+const _hoisted_3$k = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4156,16 +4157,16 @@ const _hoisted_3$i = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$j, [
+        createElementVNode("span", _hoisted_1$l, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$i),
+          }, null, 40, _hoisted_2$k),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4241,9 +4242,9 @@ var __spreadValues2222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$i = { class: "f-checkbox__wrapper" };
-const _hoisted_2$h = ["checked", "disabled"];
-const _hoisted_3$h = {
+const _hoisted_1$k = { class: "f-checkbox__wrapper" };
+const _hoisted_2$j = ["checked", "disabled"];
+const _hoisted_3$j = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4269,16 +4270,16 @@ const _hoisted_3$h = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$i, [
+        createElementVNode("span", _hoisted_1$k, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$h),
+          }, null, 40, _hoisted_2$j),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4354,9 +4355,9 @@ var __spreadValues22222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$h = { class: "f-checkbox__wrapper" };
-const _hoisted_2$g = ["checked", "disabled"];
-const _hoisted_3$g = {
+const _hoisted_1$j = { class: "f-checkbox__wrapper" };
+const _hoisted_2$i = ["checked", "disabled"];
+const _hoisted_3$i = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4382,16 +4383,16 @@ const _hoisted_3$g = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$h, [
+        createElementVNode("span", _hoisted_1$j, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$g),
+          }, null, 40, _hoisted_2$i),
           _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)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4467,9 +4468,9 @@ var __spreadValues222222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$g = { class: "f-checkbox__wrapper" };
-const _hoisted_2$f = ["checked", "disabled"];
-const _hoisted_3$f = {
+const _hoisted_1$i = { class: "f-checkbox__wrapper" };
+const _hoisted_2$h = ["checked", "disabled"];
+const _hoisted_3$h = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4495,16 +4496,16 @@ const _hoisted_3$f = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$g, [
+        createElementVNode("span", _hoisted_1$i, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$f),
+          }, null, 40, _hoisted_2$h),
           _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)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4580,9 +4581,9 @@ var __spreadValues2222222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$f = { class: "f-checkbox__wrapper" };
-const _hoisted_2$e = ["checked", "disabled"];
-const _hoisted_3$e = {
+const _hoisted_1$h = { class: "f-checkbox__wrapper" };
+const _hoisted_2$g = ["checked", "disabled"];
+const _hoisted_3$g = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4608,16 +4609,16 @@ const _hoisted_3$e = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$f, [
+        createElementVNode("span", _hoisted_1$h, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$e),
+          }, null, 40, _hoisted_2$g),
           _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$g, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4693,9 +4694,9 @@ var __spreadValues22222222 = (a, b) => {
     }
   return a;
 };
-const _hoisted_1$e = { class: "f-checkbox__wrapper" };
-const _hoisted_2$d = ["checked", "disabled"];
-const _hoisted_3$d = {
+const _hoisted_1$g = { class: "f-checkbox__wrapper" };
+const _hoisted_2$f = ["checked", "disabled"];
+const _hoisted_3$f = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4721,16 +4722,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$g, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$d),
+          }, null, 40, _hoisted_2$f),
           _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$f, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4806,9 +4807,9 @@ var __spreadValues222222222 = (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$f = { class: "f-checkbox__wrapper" };
+const _hoisted_2$e = ["checked", "disabled"];
+const _hoisted_3$e = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4834,16 +4835,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$f, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$c),
+          }, null, 40, _hoisted_2$e),
           _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$e, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4919,9 +4920,9 @@ var __spreadValues2222222222 = (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$e = { class: "f-checkbox__wrapper" };
+const _hoisted_2$d = ["checked", "disabled"];
+const _hoisted_3$d = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -4947,16 +4948,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$e, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$b),
+          }, null, 40, _hoisted_2$d),
           _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$d, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -5032,6 +5033,232 @@ var __spreadValues22222222222 = (a, b) => {
     }
   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": __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$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": __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
+        })
+      ]);
+    };
+  }
+});
+var __defProp222222222222 = Object.defineProperty;
+var __getOwnPropSymbols222222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222222222222 = (obj, key, value) => key in obj ? __defProp222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222222222222.call(b, prop))
+      __defNormalProp222222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222222222222)
+    for (var prop of __getOwnPropSymbols222222222222(b)) {
+      if (__propIsEnum222222222222.call(b, prop))
+        __defNormalProp222222222222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$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": __spreadValues222222222222({ 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": __spreadValues222222222222({ 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 __defProp2222222222222 = Object.defineProperty;
+var __getOwnPropSymbols2222222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp2222222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum2222222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2222222222222 = (obj, key, value) => key in obj ? __defProp2222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2222222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2222222222222.call(b, prop))
+      __defNormalProp2222222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols2222222222222)
+    for (var prop of __getOwnPropSymbols2222222222222(b)) {
+      if (__propIsEnum2222222222222.call(b, prop))
+        __defNormalProp2222222222222(a, prop, b[prop]);
+    }
+  return a;
+};
 const _hoisted_1$a = { class: "f-checkbox__wrapper" };
 const _hoisted_2$9 = ["checked", "disabled"];
 const _hoisted_3$9 = {
@@ -5044,7 +5271,7 @@ const _hoisted_3$9 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -5081,7 +5308,7 @@ const _hoisted_3$9 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues22222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues2222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -5218,7 +5445,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FBadge,
   FBreadcrumb,
   FButton,
-  FButtonGroup: _sfc_main$8,
+  FButtonGroup,
   FCard,
   FCheckbox,
   FCol,
@@ -5268,7 +5495,7 @@ export {
   FBadge,
   FBreadcrumb,
   FButton,
-  _sfc_main$8 as FButtonGroup,
+  FButtonGroup,
   FCard,
   FCheckbox,
   FCol,