fantasia-ui 0.2.28 → 0.2.30

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$F = {
+const _hoisted_1$H = {
   key: 0,
   class: "loop cubes"
 };
-const _hoisted_2$z = {
+const _hoisted_2$B = {
   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$F, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -105,22 +105,22 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["loader", _ctx.type])
         }, null, 2)),
-        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$z, toDisplayString(props.text), 1)) : createCommentVNode("", true)
+        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$B, toDisplayString(props.text), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 const FLoading = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$E = { class: "f-image" };
-const _hoisted_2$y = {
+const _hoisted_1$G = { class: "f-image" };
+const _hoisted_2$A = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$v = {
+const _hoisted_3$x = {
   key: 0,
   class: "f-image__error"
 };
-const _hoisted_4$c = ["src", "loading"];
+const _hoisted_4$b = ["src", "loading"];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "FImage",
   props: {
@@ -138,10 +138,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const onLoad = () => status.value = "loaded";
     const onError = () => status.value = "error";
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$G, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
+            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
               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$v, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$x, [
               renderSlot(_ctx.$slots, "error", {}, () => [
                 createVNode(FIcon$1, { size: "48px" }, {
                   default: withCtx(() => [
@@ -169,7 +169,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           class: "f-image__img",
           onLoad,
           onError
-        }, null, 44, _hoisted_4$c), [
+        }, null, 44, _hoisted_4$b), [
           [vShow, unref(status) === "loaded"]
         ])
       ]);
@@ -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$D = ["type", "placeholder", "disabled", "readonly", "name", "id"];
+const _hoisted_1$F = ["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$D), [
+        }, null, 40, _hoisted_1$F), [
           [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$C = ["onMousemove"];
-const _hoisted_2$x = {
+const _hoisted_1$E = ["onMousemove"];
+const _hoisted_2$z = {
   key: 0,
   class: "f-rate__score"
 };
@@ -328,22 +328,22 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$C);
+          ], 40, _hoisted_1$E);
         }), 128)),
-        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$x, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
+        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$z, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
 const FRate = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-3b5c4f14"]]);
-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 = {
+const _hoisted_1$D = { class: "f-dropdown-wrapper" };
+const _hoisted_2$y = { class: "f-dropdown-content" };
+const _hoisted_3$w = ["onClick"];
+const _hoisted_4$a = {
   key: 0,
   class: "opt-icon"
 };
-const _hoisted_5$a = { class: "opt-label" };
+const _hoisted_5$9 = { class: "opt-label" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "FDropdown",
   props: {
@@ -513,7 +513,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "click", handleWindowClick);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -543,18 +543,18 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   class: "f-dropdown-bridge",
                   style: normalizeStyle(unref(bridgeStyle))
                 }, null, 4)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_2$w, [
+                createElementVNode("div", _hoisted_2$y, [
                   _ctx.options && _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (opt) => {
                     return openBlock(), createElementBlock("div", {
                       key: opt.key,
                       class: normalizeClass(["f-dropdown-option", { "is-disabled": opt.disabled }]),
                       onClick: ($event) => handleOptionClick(opt)
                     }, [
-                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
+                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$a, [
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_5$a, toDisplayString(opt.label), 1)
-                    ], 10, _hoisted_3$u);
+                      createElementVNode("span", _hoisted_5$9, toDisplayString(opt.label), 1)
+                    ], 10, _hoisted_3$w);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
               ], 36)) : createCommentVNode("", true)
@@ -628,20 +628,20 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 const FSelect = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-61444561"]]);
-const _hoisted_1$A = {
+const _hoisted_1$C = {
   key: 0,
   class: "f-pagination"
 };
-const _hoisted_2$v = {
+const _hoisted_2$x = {
   key: 0,
   class: "f-pagination__total"
 };
-const _hoisted_3$t = {
+const _hoisted_3$v = {
   key: 1,
   class: "f-pagination__size"
 };
-const _hoisted_4$a = ["value"];
-const _hoisted_5$9 = ["value"];
+const _hoisted_4$9 = ["value"];
+const _hoisted_5$8 = ["value"];
 const _hoisted_6$7 = {
   key: 3,
   class: "f-pagination__list"
@@ -705,10 +705,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       jumpInput.value = "";
     };
     return (_ctx, _cache) => {
-      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutItems), (item) => {
           return openBlock(), createElementBlock(Fragment, { key: item }, [
-            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$v, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
+            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$x, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
               createElementVNode("select", {
                 class: "size-select",
                 value: _ctx.pageSize,
@@ -718,9 +718,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$9);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$8);
                 }), 128))
-              ], 40, _hoisted_4$a)
+              ], 40, _hoisted_4$9)
             ])) : item === "prev" ? (openBlock(), createElementBlock("button", {
               key: 2,
               class: normalizeClass(["page-btn", { disabled: currentPage.value === 1 }]),
@@ -782,23 +782,23 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 const FPagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-930f8b20"]]);
-const _hoisted_1$z = {
+const _hoisted_1$B = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_2$u = {
+const _hoisted_2$w = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_3$s = {
+const _hoisted_3$u = {
   key: 1,
   class: "f-card__cover"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$8 = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$8 = {
+const _hoisted_5$7 = {
   key: 3,
   class: "f-card__footer"
 };
@@ -835,19 +835,19 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["f-card", [`f-card--${_ctx.direction}`, { "is-hoverable": _ctx.hoverable }]])
       }, [
         _ctx.direction === "vertical" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
+            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
+          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
             renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -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$y = {
+const _hoisted_1$A = {
   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$y)) : createCommentVNode("", true),
+        _ctx.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_1$A)) : 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$x = { class: "f-progress" };
-const _hoisted_2$t = {
+const _hoisted_1$z = { class: "f-progress" };
+const _hoisted_2$v = {
   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$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createElementVNode("div", {
           class: "f-progress__track",
           style: normalizeStyle({ height: `${_ctx.height}px` })
@@ -1054,16 +1054,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             })
           }, null, 4)
         ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$t, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
+        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$v, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
 const FProgress = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__scopeId", "data-v-c2164d6e"]]);
-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 _hoisted_1$y = { class: "f-tabs__nav-container" };
+const _hoisted_2$u = { class: "f-tabs__nav" };
+const _hoisted_3$t = ["onClick"];
+const _hoisted_4$7 = { class: "f-tabs__label" };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FTabs",
   props: {
@@ -1097,8 +1097,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
       }, [
-        createElementVNode("div", _hoisted_1$w, [
-          createElementVNode("div", _hoisted_2$s, [
+        createElementVNode("div", _hoisted_1$y, [
+          createElementVNode("div", _hoisted_2$u, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.name,
@@ -1108,8 +1108,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 }]),
                 onClick: ($event) => setActiveTab(tab.name, tab.disabled)
               }, [
-                createElementVNode("span", _hoisted_4$8, toDisplayString(tab.label), 1)
-              ], 10, _hoisted_3$r);
+                createElementVNode("span", _hoisted_4$7, toDisplayString(tab.label), 1)
+              ], 10, _hoisted_3$t);
             }), 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$v = {
+const _hoisted_1$x = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
 };
-const _hoisted_2$r = ["href"];
-const _hoisted_3$q = {
+const _hoisted_2$t = ["href"];
+const _hoisted_3$s = {
   key: 3,
   class: "f-breadcrumb__text"
 };
@@ -1165,12 +1165,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   key: 1,
                   item
                 }, () => [
-                  createElementVNode("span", _hoisted_1$v, toDisplayString(item.label), 1)
+                  createElementVNode("span", _hoisted_1$x, 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$r)) : (openBlock(), createElementBlock("span", _hoisted_3$q, toDisplayString(item.label), 1))
+                }, toDisplayString(item.label), 9, _hoisted_2$t)) : (openBlock(), createElementBlock("span", _hoisted_3$s, 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$u = { class: "f-space__item" };
-const _hoisted_2$q = {
+const _hoisted_1$w = { class: "f-space__item" };
+const _hoisted_2$s = {
   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$u, [
+            createElementVNode("div", _hoisted_1$w, [
               (openBlock(), createBlock(resolveDynamicComponent(child)))
             ]),
-            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$q, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
+            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$s, 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$t = ["src", "alt"];
+const _hoisted_1$v = ["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$t)) : (openBlock(), createBlock(FIcon$1, {
+        }, null, 8, _hoisted_1$v)) : (openBlock(), createBlock(FIcon$1, {
           key: 1,
           size: 24
         }, {
@@ -1444,20 +1444,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const FAvatar = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__scopeId", "data-v-b3665268"]]);
-const _hoisted_1$s = ["type", "disabled"];
-const _hoisted_2$p = { class: "f-button__inner" };
-const _hoisted_3$p = {
+const _hoisted_1$u = ["type", "disabled"];
+const _hoisted_2$r = { class: "f-button__inner" };
+const _hoisted_3$r = {
   key: 0,
   class: "f-loader"
 };
-const _hoisted_4$7 = {
-  key: 2,
-  class: "f-icon"
-};
-const _hoisted_5$7 = {
-  key: 3,
-  class: "f-button__content"
-};
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "FButton",
   props: {
@@ -1466,7 +1458,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     nativeType: { default: "button" },
     loading: { type: Boolean },
     disabled: { type: Boolean },
-    round: { type: [Boolean, Number], default: false },
+    round: { type: [Boolean, Number] },
     circle: { type: Boolean },
     plain: { type: Boolean },
     block: { type: Boolean },
@@ -1477,9 +1469,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const SIZE_MAP = {
-      small: { h: "24px", p: "0 8px", f: "12px" },
-      normal: { h: "32px", p: "0 12px", f: "13px" },
-      large: { h: "40px", p: "0 20px", f: "14px" }
+      small: { h: "24px", p: "0 8px", f: "12px", i: "14px" },
+      normal: { h: "32px", p: "0 12px", f: "13px", i: "16px" },
+      large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
     };
     const props = __props;
     const groupContext = inject("FButtonGroupContext", null);
@@ -1518,33 +1510,20 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["f-button", [
           `f-button--${unref(mergedType)}`,
           `f-button--${unref(mergedSize)}`,
-          {
-            "is-disabled": unref(isDisabled),
-            "is-loading": _ctx.loading,
-            "is-plain": _ctx.plain,
-            "is-block": _ctx.block,
-            "is-active": _ctx.active
-          }
+          { "is-disabled": unref(isDisabled), "is-loading": _ctx.loading, "is-active": _ctx.active }
         ]]),
         disabled: unref(isDisabled),
         style: normalizeStyle(unref(buttonStyle))
       }, [
-        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, [
-            renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_5$7, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ])) : createCommentVNode("", true)
+        createElementVNode("span", _hoisted_2$r, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$r)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
-      ], 14, _hoisted_1$s);
+      ], 14, _hoisted_1$u);
     };
   }
 });
-const FButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-90c6b608"]]);
+const FButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-8ec1ff5a"]]);
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FTypography",
   props: {
@@ -1627,7 +1606,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const FText = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-8bcfc6b3"]]);
-const _hoisted_1$r = ["href", "target", "rel"];
+const _hoisted_1$t = ["href", "target", "rel"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FLink",
   props: {
@@ -1651,12 +1630,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$r);
+      ], 10, _hoisted_1$t);
     };
   }
 });
 const FLink = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-daaa3e25"]]);
-const _hoisted_1$q = { class: "f-badge" };
+const _hoisted_1$s = { class: "f-badge" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
@@ -1686,7 +1665,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return map[props.placement];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -1866,12 +1845,12 @@ const checkRange = (value, rule) => {
   }
   return void 0;
 };
-const _hoisted_1$p = {
+const _hoisted_1$r = {
   key: 0,
   class: "star"
 };
-const _hoisted_2$o = { class: "f-form-item__content" };
-const _hoisted_3$o = {
+const _hoisted_2$q = { class: "f-form-item__content" };
+const _hoisted_3$q = {
   key: 0,
   class: "f-form-item__error"
 };
@@ -1941,14 +1920,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             textAlign: unref(labelPosition) === "top" ? "left" : unref(labelPosition)
           })
         }, [
-          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$p, "*")) : createCommentVNode("", true),
+          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$r, "*")) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(_ctx.label) + "： ", 1)
         ], 4)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$o, [
+        createElementVNode("div", _hoisted_2$q, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
           createVNode(Transition, { name: "err-slide" }, {
             default: withCtx(() => [
-              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$o, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
+              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$q, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -1958,9 +1937,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const FFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-c3d6ec01"]]);
-const _hoisted_1$o = { class: "f-checkbox__wrapper" };
-const _hoisted_2$n = ["checked", "disabled"];
-const _hoisted_3$n = {
+const _hoisted_1$q = { class: "f-checkbox__wrapper" };
+const _hoisted_2$p = ["checked", "disabled"];
+const _hoisted_3$p = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -1986,16 +1965,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$o, [
+        createElementVNode("span", _hoisted_1$q, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$n),
+          }, null, 40, _hoisted_2$p),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -2690,7 +2669,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     size: { default: "normal" },
     type: { default: "default" },
     disabled: { type: Boolean },
-    vertical: { type: Boolean }
+    vertical: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
@@ -2705,7 +2684,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-7c8148f9"]]);
+const FButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-15cf49dc"]]);
 const _hoisted_1$6 = { class: "f-collapse" };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FCollapse",
@@ -3903,9 +3882,9 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-baf7de0c"]]);
-const _hoisted_1$n = { class: "f-checkbox__wrapper" };
-const _hoisted_2$m = ["checked", "disabled"];
-const _hoisted_3$m = {
+const _hoisted_1$p = { class: "f-checkbox__wrapper" };
+const _hoisted_2$o = ["checked", "disabled"];
+const _hoisted_3$o = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -3931,16 +3910,16 @@ const _hoisted_3$m = {
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$n, [
+        createElementVNode("span", _hoisted_1$p, [
           createElementVNode("input", {
             type: "checkbox",
             checked: modelValue.value,
             disabled: _ctx.disabled,
             onChange: handleChange
-          }, null, 40, _hoisted_2$m),
+          }, null, 40, _hoisted_2$o),
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
         ]),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$o, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -4016,9 +3995,9 @@ var __spreadValues22 = (a, b) => {
     }
   return a;
 };
-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"
 };
@@ -4044,16 +4023,16 @@ const _hoisted_3$l = {
       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);
     };
   }
@@ -4129,9 +4108,9 @@ var __spreadValues222 = (a, b) => {
     }
   return a;
 };
-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"
 };
@@ -4157,16 +4136,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);
     };
   }
@@ -4242,9 +4221,9 @@ var __spreadValues2222 = (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"
 };
@@ -4270,16 +4249,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);
     };
   }
@@ -4355,9 +4334,9 @@ var __spreadValues22222 = (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"
 };
@@ -4383,16 +4362,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);
     };
   }
@@ -4468,9 +4447,9 @@ var __spreadValues222222 = (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"
 };
@@ -4496,16 +4475,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);
     };
   }
@@ -4581,9 +4560,9 @@ var __spreadValues2222222 = (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"
 };
@@ -4609,16 +4588,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);
     };
   }
@@ -4694,9 +4673,9 @@ var __spreadValues22222222 = (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"
 };
@@ -4722,16 +4701,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);
     };
   }
@@ -4807,9 +4786,9 @@ var __spreadValues222222222 = (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"
 };
@@ -4835,16 +4814,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);
     };
   }
@@ -4920,9 +4899,9 @@ var __spreadValues2222222222 = (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"
 };
@@ -4948,16 +4927,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);
     };
   }
@@ -5033,9 +5012,9 @@ var __spreadValues22222222222 = (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"
 };
@@ -5061,16 +5040,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);
     };
   }
@@ -5146,9 +5125,9 @@ var __spreadValues222222222222 = (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"
 };
@@ -5174,16 +5153,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);
     };
   }
@@ -5259,6 +5238,232 @@ var __spreadValues2222222222222 = (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": __spreadValues2222222222222({ 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": __spreadValues2222222222222({ 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 __defProp22222222222222 = Object.defineProperty;
+var __getOwnPropSymbols22222222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp22222222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum22222222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22222222222222 = (obj, key, value) => key in obj ? __defProp22222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22222222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp22222222222222.call(b, prop))
+      __defNormalProp22222222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols22222222222222)
+    for (var prop of __getOwnPropSymbols22222222222222(b)) {
+      if (__propIsEnum22222222222222.call(b, prop))
+        __defNormalProp22222222222222(a, prop, b[prop]);
+    }
+  return a;
+};
+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": __spreadValues22222222222222({ 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": __spreadValues22222222222222({ 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 __defProp222222222222222 = Object.defineProperty;
+var __getOwnPropSymbols222222222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222222222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222222222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222222222222222 = (obj, key, value) => key in obj ? __defProp222222222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222222222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222222222222222.call(b, prop))
+      __defNormalProp222222222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222222222222222)
+    for (var prop of __getOwnPropSymbols222222222222222(b)) {
+      if (__propIsEnum222222222222222.call(b, prop))
+        __defNormalProp222222222222222(a, prop, b[prop]);
+    }
+  return a;
+};
 const _hoisted_1$a = { class: "f-checkbox__wrapper" };
 const _hoisted_2$9 = ["checked", "disabled"];
 const _hoisted_3$9 = {
@@ -5271,7 +5476,7 @@ const _hoisted_3$9 = {
     label: {},
     disabled: { type: Boolean }
   }, {
-    "modelValue": __spreadValues2222222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -5308,7 +5513,7 @@ const _hoisted_3$9 = {
     maskColor: { default: "black" },
     showMask: { type: Boolean, default: true }
   }, {
-    "modelValue": __spreadValues2222222222222({ type: Boolean }, { default: false }),
+    "modelValue": __spreadValues222222222222222({ type: Boolean }, { default: false }),
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],