fantasia-ui 0.2.39 → 0.2.43

package/dist/fantasia-ui.es.js

@@ -37,10 +37,10 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, readonly, vModelDynamic, createBlock, nextTick, onUnmounted, Teleport, withModifiers, resolveDynamicComponent, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, inject, provide, onMounted, onBeforeUnmount, reactive, toRefs, createStaticVNode, render } from "vue";
-import { Search, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, InformationCircle, AlertCircle, CheckmarkCircle, Warning } from "@vicons/ionicons5";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, inject, createBlock, resolveDynamicComponent, nextTick, onUnmounted, Teleport, withModifiers, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, onMounted, onBeforeUnmount, render, h, provide, readonly, reactive, toRefs, createStaticVNode } from "vue";
+import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, CloseOutline, InformationCircleOutline, AlertCircleOutline, WarningOutline, CheckmarkCircleOutline, InformationCircle, Warning, CheckmarkCircle, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, AlertCircle } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
   props: {
     color: {},
@@ -64,24 +64,24 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
+const _export_sfc$3 = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
   }
   return target;
 };
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-baf7de0c"]]);
+const FIcon$3 = /* @__PURE__ */ _export_sfc$3(_sfc_main$M, [["__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$u = {
+const _hoisted_1$x = {
   key: 0,
   class: "loop cubes"
 };
-const _hoisted_2$n = {
+const _hoisted_2$r = {
   key: 2,
   class: "msg"
 };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "FLoading",
   props: {
     type: { default: "dots" },
@@ -94,7 +94,7 @@ const _sfc_main$H = /* @__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$u, [
+        _ctx.type === "cubes" ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
           (openBlock(), createElementBlock(Fragment, null, renderList(6, (i) => {
             return createElementVNode("div", {
               class: "item cubes",
@@ -105,23 +105,23 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           key: 1,
           class: normalizeClass(["loader", _ctx.type])
         }, null, 2)),
-        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$n, toDisplayString(props.text), 1)) : createCommentVNode("", true)
+        props.text ? (openBlock(), createElementBlock("p", _hoisted_2$r, toDisplayString(props.text), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FLoading = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-20f58a50"]]);
-const _hoisted_1$t = { class: "f-image" };
-const _hoisted_2$m = {
+const FLoading = /* @__PURE__ */ _export_sfc$3(_sfc_main$I, [["__scopeId", "data-v-20f58a50"]]);
+const _hoisted_1$w = { class: "f-image" };
+const _hoisted_2$q = {
   key: 0,
   class: "f-image__placeholder"
 };
-const _hoisted_3$j = {
+const _hoisted_3$m = {
   key: 0,
   class: "f-image__error"
 };
-const _hoisted_4$b = ["src", "loading"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _hoisted_4$f = ["src", "loading"];
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "FImage",
   props: {
     src: {},
@@ -138,10 +138,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const onLoad = () => status.value = "loaded";
     const onError = () => status.value = "error";
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
+            unref(status) === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
               createVNode(FLoading, { type: "classic first" })
             ])) : createCommentVNode("", true)
           ]),
@@ -149,9 +149,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         }),
         createVNode(Transition, { name: "fade" }, {
           default: withCtx(() => [
-            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
+            unref(status) === "error" ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
               renderSlot(_ctx.$slots, "error", {}, () => [
-                createVNode(FIcon, { size: "48px" }, {
+                createVNode(FIcon$3, { size: "48px" }, {
                   default: withCtx(() => [
                     createVNode(unref(PictureError))
                   ]),
@@ -169,83 +169,116 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           class: "f-image__img",
           onLoad,
           onError
-        }, null, 44, _hoisted_4$b), [
+        }, null, 44, _hoisted_4$f), [
           [vShow, unref(status) === "loaded"]
         ])
       ]);
     };
   }
 });
-const FImage = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-e959ab10"]]);
-const _hoisted_1$s = ["type", "placeholder", "disabled", "readonly", "name", "id"];
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const FImage = /* @__PURE__ */ _export_sfc$3(_sfc_main$H, [["__scopeId", "data-v-e959ab10"]]);
+const _hoisted_1$v = ["type", "value", "placeholder"];
+const _hoisted_2$p = { class: "f-input__suffix" };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "FInput",
   props: /* @__PURE__ */ mergeModels({
-    placeholder: { default: "输入..." },
-    type: { default: "text" },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    name: { default: "" },
-    id: { default: "" }
+    type: {},
+    placeholder: {},
+    clearable: { type: Boolean },
+    showPassword: { type: Boolean }
   }, {
     "modelValue": { default: "" },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["input", "change", "focus", "blur"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const model = useModel(__props, "modelValue");
-    const emit = __emit;
-    const handleInput = (event) => {
-      const value = event.target.value;
-      emit("input", value);
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const formItemContext = inject("FFormItemContext", null);
+    const isPasswordVisible = ref(false);
+    const isFocused = ref(false);
+    const hasError = computed(() => {
+      var _a;
+      return !!((_a = formItemContext == null ? void 0 : formItemContext.errorMsg) == null ? void 0 : _a.value);
+    });
+    const inputType = computed(() => {
+      if (props.showPassword && props.type === "password") {
+        return isPasswordVisible.value ? "text" : "password";
+      }
+      return props.type || "text";
+    });
+    const showClearIcon = computed(() => {
+      return props.clearable && modelValue.value && !props.showPassword;
+    });
+    const showPasswordIcon = computed(() => {
+      return props.showPassword && props.type === "password" && modelValue.value;
+    });
+    const onInput = (e) => {
+      modelValue.value = e.target.value;
+    };
+    const onBlur = (e) => {
+      isFocused.value = false;
+      formItemContext == null ? void 0 : formItemContext.validate();
     };
-    const handleChange = (event) => {
-      const value = event.target.value;
-      emit("change", value);
+    const onFocus = () => {
+      isFocused.value = true;
     };
-    const handleFocus = (event) => {
-      emit("focus", event);
+    const clearValue = () => {
+      modelValue.value = "";
     };
-    const handleBlur = (event) => {
-      emit("blur", event);
+    const togglePassword = () => {
+      isPasswordVisible.value = !isPasswordVisible.value;
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["f-input", { "is-disabled": _ctx.disabled, "is-readonly": "readonly" in _ctx ? _ctx.readonly : unref(readonly) }])
+        class: normalizeClass(["f-input", {
+          "is-focus": unref(isFocused),
+          "is-error": unref(hasError)
+        }])
       }, [
-        createVNode(FIcon, { class: "f-input__icon" }, {
-          default: withCtx(() => [
-            createVNode(unref(Search))
-          ]),
-          _: 1
-        }),
-        withDirectives(createElementVNode("input", {
-          class: "f-input__text",
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-          type: _ctx.type,
+        createElementVNode("input", {
+          type: unref(inputType),
+          value: modelValue.value,
           placeholder: _ctx.placeholder,
-          disabled: _ctx.disabled,
-          readonly: "readonly" in _ctx ? _ctx.readonly : unref(readonly),
-          name: _ctx.name,
-          id: _ctx.id,
-          onInput: handleInput,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        }, null, 40, _hoisted_1$s), [
-          [vModelDynamic, model.value]
-        ])
+          onInput,
+          onBlur,
+          onFocus,
+          class: "f-input__inner"
+        }, null, 40, _hoisted_1$v),
+        createElementVNode("div", _hoisted_2$p, [
+          unref(showClearIcon) ? (openBlock(), createBlock(FIcon$3, {
+            key: 0,
+            onClick: clearValue,
+            class: "icon-btn"
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(CloseCircleOutline))))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          unref(showPasswordIcon) ? (openBlock(), createBlock(FIcon$3, {
+            key: 1,
+            onClick: togglePassword,
+            class: "icon-btn"
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(isPasswordVisible) ? unref(EyeOutline) : unref(EyeOffOutline))))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "f-input__focus-bg" }, null, -1))
       ], 2);
     };
   }
 });
-const FInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-9af0fbbe"]]);
-const _hoisted_1$r = ["onMousemove"];
-const _hoisted_2$l = {
+const FInput = /* @__PURE__ */ _export_sfc$3(_sfc_main$G, [["__scopeId", "data-v-68f468e1"]]);
+const _hoisted_1$u = ["onMousemove"];
+const _hoisted_2$o = {
   key: 0,
   class: "f-rate__score"
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "FRate",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -319,7 +352,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             onMousemove: ($event) => onMouseMove($event, index),
             onClick
           }, [
-            createVNode(FIcon, {
+            createVNode(FIcon$3, {
               color: getStarColor(index),
               size: unref(starSize)
             }, {
@@ -328,32 +361,33 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["color", "size"])
-          ], 40, _hoisted_1$r);
+          ], 40, _hoisted_1$u);
         }), 128)),
-        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$l, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
+        props.showText ? (openBlock(), createElementBlock("span", _hoisted_2$o, toDisplayString(unref(scoreText)), 1)) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
-const FRate = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-3b5c4f14"]]);
-const _hoisted_1$q = { class: "f-dropdown-wrapper" };
-const _hoisted_2$k = { class: "f-dropdown-content" };
-const _hoisted_3$i = ["onClick"];
-const _hoisted_4$a = {
+const FRate = /* @__PURE__ */ _export_sfc$3(_sfc_main$F, [["__scopeId", "data-v-3b5c4f14"]]);
+const _hoisted_1$t = { class: "f-dropdown-wrapper" };
+const _hoisted_2$n = { class: "f-dropdown-content" };
+const _hoisted_3$l = ["onClick"];
+const _hoisted_4$e = {
   key: 0,
   class: "opt-icon"
 };
-const _hoisted_5$9 = { class: "opt-label" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_5$c = { class: "opt-label" };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "FDropdown",
   props: {
     placement: { default: "right-start" },
     offset: { default: 12 },
     zIndex: { default: 2e3 },
     trigger: { default: "hover" },
-    options: { default: () => [] }
+    options: { default: () => [] },
+    disabled: { type: Boolean, default: false }
   },
-  emits: ["select"],
+  emits: ["select", "show", "hide"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -400,7 +434,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       const vw = window.innerWidth;
       const vh = window.innerHeight;
       const w = dropdownWidth.value || 160;
-      const h = dropdownHeight.value || 200;
+      const h2 = dropdownHeight.value || 200;
       let top = 0;
       let left = 0;
       let resolvedSide = side;
@@ -418,12 +452,12 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         }
       } else if (side === "bottom") {
         top = rect.bottom + gap;
-        if (top + h > vh) {
-          top = rect.top - h - gap;
+        if (top + h2 > vh) {
+          top = rect.top - h2 - gap;
           resolvedSide = "top";
         }
       } else if (side === "top") {
-        top = rect.top - h - gap;
+        top = rect.top - h2 - gap;
         if (top < 0) {
           top = rect.bottom + gap;
           resolvedSide = "bottom";
@@ -436,9 +470,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         left = Math.max(8, Math.min(left, vw - w - 8));
       } else {
         if (align === "start") top = rect.top;
-        else if (align === "end") top = rect.bottom - h;
-        else top = rect.top + (rect.height - h) / 2;
-        top = Math.max(8, Math.min(top, vh - h - 8));
+        else if (align === "end") top = rect.bottom - h2;
+        else top = rect.top + (rect.height - h2) / 2;
+        top = Math.max(8, Math.min(top, vh - h2 - 8));
       }
       const originX = resolvedSide === "right" ? "left" : resolvedSide === "left" ? "right" : align === "start" ? "left" : align === "end" ? "right" : "center";
       const originY = resolvedSide === "bottom" ? "top" : resolvedSide === "top" ? "bottom" : align === "start" ? "top" : align === "end" ? "bottom" : "center";
@@ -457,7 +491,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       }
     };
     const handleTriggerClick = (e) => {
-      if (props.trigger !== "click") return;
+      if (props.trigger !== "click" || props.disabled) return;
       e.stopPropagation();
       if (!show.value) {
         anchorRect.value = triggerRef.value.getBoundingClientRect();
@@ -467,7 +501,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       }
     };
     const handleMouseEnter = () => {
-      if (props.trigger !== "hover") return;
+      if (props.trigger !== "hover" || props.disabled) return;
       clearLeaveTimer();
       showTimer = setTimeout(() => {
         if (triggerRef.value) {
@@ -502,9 +536,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         yield nextTick();
         dropdownHeight.value = ((_a = dropdownRef.value) == null ? void 0 : _a.offsetHeight) || 200;
         dropdownWidth.value = ((_b = dropdownRef.value) == null ? void 0 : _b.offsetWidth) || 160;
+        emit("show");
       } else {
         dropdownHeight.value = 0;
         dropdownWidth.value = 0;
+        emit("hide");
       }
     }));
     onUnmounted(() => {
@@ -513,7 +549,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     });
     useEventListener(window, "click", handleWindowClick);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -543,18 +579,18 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   class: "f-dropdown-bridge",
                   style: normalizeStyle(unref(bridgeStyle))
                 }, null, 4)) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_2$k, [
+                createElementVNode("div", _hoisted_2$n, [
                   _ctx.options && _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (opt) => {
                     return openBlock(), createElementBlock("div", {
                       key: opt.key,
                       class: normalizeClass(["f-dropdown-option", { "is-disabled": opt.disabled }]),
                       onClick: ($event) => handleOptionClick(opt)
                     }, [
-                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$a, [
+                      opt.icon ? (openBlock(), createElementBlock("span", _hoisted_4$e, [
                         (openBlock(), createBlock(resolveDynamicComponent(opt.icon)))
                       ])) : createCommentVNode("", true),
-                      createElementVNode("span", _hoisted_5$9, toDisplayString(opt.label), 1)
-                    ], 10, _hoisted_3$i);
+                      createElementVNode("span", _hoisted_5$c, toDisplayString(opt.label), 1)
+                    ], 10, _hoisted_3$l);
                   }), 128)) : renderSlot(_ctx.$slots, "content", { key: 1 }, void 0, true)
                 ])
               ], 36)) : createCommentVNode("", true)
@@ -566,55 +602,66 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-addb3a3b"]]);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const FDropdown = /* @__PURE__ */ _export_sfc$3(_sfc_main$E, [["__scopeId", "data-v-834f9929"]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "FSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
-    placeholder: {}
+    placeholder: {},
+    disabled: { type: Boolean }
   }, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["select"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["select", "change"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const modelValue = useModel(__props, "modelValue");
     const isOpen = ref(false);
-    const selectedLabel = computed(
-      () => {
-        var _a, _b, _c;
-        return (_c = (_a = props.options.find((o) => o.key === modelValue.value)) == null ? void 0 : _a.label) != null ? _c : (_b = props.placeholder) != null ? _b : "请选择";
-      }
-    );
-    const hasValue = computed(() => modelValue.value !== void 0 && modelValue.value !== "");
+    const dropdownRef = ref();
+    const selectedLabel = computed(() => {
+      var _a, _b;
+      const option = props.options.find((o) => o.key === modelValue.value);
+      return (_b = option == null ? void 0 : option.label) != null ? _b : (_a = props.placeholder) != null ? _a : "请选择";
+    });
+    const hasValue = computed(() => {
+      return modelValue.value !== void 0 && modelValue.value !== null && modelValue.value !== "";
+    });
     const handleSelect = (key, option) => {
+      const oldValue = modelValue.value;
       modelValue.value = key;
       emit("select", key, option);
+      if (oldValue !== key) {
+        emit("change", key, option);
+      }
       isOpen.value = false;
     };
-    const handleDropdownShow = (val) => {
-      isOpen.value = val;
-    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(FDropdown, {
+        ref_key: "dropdownRef",
+        ref: dropdownRef,
         options: _ctx.options,
+        disabled: _ctx.disabled,
         trigger: "click",
         onSelect: handleSelect,
-        onShow: _cache[0] || (_cache[0] = ($event) => handleDropdownShow(true)),
-        onHide: _cache[1] || (_cache[1] = ($event) => handleDropdownShow(false)),
+        onShow: _cache[0] || (_cache[0] = ($event) => isOpen.value = true),
+        onHide: _cache[1] || (_cache[1] = ($event) => isOpen.value = false),
         placement: "bottom",
         offset: 4
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["f-select", { "is-active": unref(hasValue), "is-open": unref(isOpen) }])
+            class: normalizeClass(["f-select", {
+              "is-active": unref(hasValue),
+              "is-open": unref(isOpen),
+              "is-disabled": _ctx.disabled
+            }])
           }, [
             createElementVNode("span", {
               class: normalizeClass(["f-select__label", { "is-placeholder": !unref(hasValue) }])
             }, toDisplayString(unref(selectedLabel)), 3),
-            createVNode(FIcon, { class: "f-select__arrow" }, {
+            createVNode(FIcon$3, { class: "f-select__arrow" }, {
               default: withCtx(() => [
                 createVNode(unref(ChevronDownOutline))
               ]),
@@ -623,25 +670,25 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           ], 2)
         ]),
         _: 1
-      }, 8, ["options"]);
+      }, 8, ["options", "disabled"]);
     };
   }
 });
-const FSelect = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-61444561"]]);
-const _hoisted_1$p = {
+const FSelect = /* @__PURE__ */ _export_sfc$3(_sfc_main$D, [["__scopeId", "data-v-fc1ceb39"]]);
+const _hoisted_1$s = {
   key: 0,
   class: "f-pagination"
 };
-const _hoisted_2$j = {
+const _hoisted_2$m = {
   key: 0,
   class: "f-pagination__total"
 };
-const _hoisted_3$h = {
+const _hoisted_3$k = {
   key: 1,
   class: "f-pagination__size"
 };
-const _hoisted_4$9 = ["value"];
-const _hoisted_5$8 = ["value"];
+const _hoisted_4$d = ["value"];
+const _hoisted_5$b = ["value"];
 const _hoisted_6$7 = {
   key: 3,
   class: "f-pagination__list"
@@ -656,7 +703,7 @@ const _hoisted_9$2 = {
   class: "f-pagination__jump"
 };
 const _hoisted_10$2 = ["max"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "FPagination",
   props: /* @__PURE__ */ mergeModels({
     total: {},
@@ -705,10 +752,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       jumpInput.value = "";
     };
     return (_ctx, _cache) => {
-      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return !_ctx.hideOnSingle || unref(pageCount) > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(layoutItems), (item) => {
           return openBlock(), createElementBlock(Fragment, { key: item }, [
-            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$j, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
+            item === "total" ? (openBlock(), createElementBlock("span", _hoisted_2$m, " 共 " + toDisplayString(_ctx.total) + " 条 ", 1)) : item === "sizes" ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
               createElementVNode("select", {
                 class: "size-select",
                 value: _ctx.pageSize,
@@ -718,15 +765,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: s,
                     value: s
-                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$8);
+                  }, toDisplayString(s) + " 条/页", 9, _hoisted_5$b);
                 }), 128))
-              ], 40, _hoisted_4$9)
+              ], 40, _hoisted_4$d)
             ])) : item === "prev" ? (openBlock(), createElementBlock("button", {
               key: 2,
               class: normalizeClass(["page-btn", { disabled: currentPage.value === 1 }]),
               onClick: _cache[0] || (_cache[0] = ($event) => go(currentPage.value - 1))
             }, [
-              createVNode(FIcon, null, {
+              createVNode(FIcon$3, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronBackOutline))
                 ]),
@@ -736,7 +783,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pages), (page, index) => {
                 return openBlock(), createElementBlock(Fragment, { key: index }, [
                   page === "..." ? (openBlock(), createElementBlock("li", _hoisted_7$3, [
-                    createVNode(FIcon, null, {
+                    createVNode(FIcon$3, null, {
                       default: withCtx(() => [
                         createVNode(unref(EllipsisHorizontal))
                       ]),
@@ -754,7 +801,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["page-btn", { disabled: currentPage.value === unref(pageCount) }]),
               onClick: _cache[1] || (_cache[1] = ($event) => go(currentPage.value + 1))
             }, [
-              createVNode(FIcon, null, {
+              createVNode(FIcon$3, null, {
                 default: withCtx(() => [
                   createVNode(unref(ChevronForwardOutline))
                 ]),
@@ -781,24 +828,24 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FPagination = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-930f8b20"]]);
-const _hoisted_1$o = {
+const FPagination = /* @__PURE__ */ _export_sfc$3(_sfc_main$C, [["__scopeId", "data-v-930f8b20"]]);
+const _hoisted_1$r = {
   key: 0,
   class: "f-card__header"
 };
-const _hoisted_2$i = {
+const _hoisted_2$l = {
   key: 0,
   class: "f-card__header-extra"
 };
-const _hoisted_3$g = {
+const _hoisted_3$j = {
   key: 1,
   class: "f-card__cover"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$c = {
   key: 2,
   class: "f-card__body"
 };
-const _hoisted_5$7 = {
+const _hoisted_5$a = {
   key: 3,
   class: "f-card__footer"
 };
@@ -823,7 +870,7 @@ const _hoisted_11$1 = {
   key: 1,
   class: "f-card__footer"
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "FCard",
   props: {
     hoverable: { type: Boolean, default: true },
@@ -835,19 +882,19 @@ const _sfc_main$A = /* @__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$o, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
+            _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
+          _ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
             renderSlot(_ctx.$slots, "cover", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -873,12 +920,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCard = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-a66fa373"]]);
-const _hoisted_1$n = {
+const FCard = /* @__PURE__ */ _export_sfc$3(_sfc_main$B, [["__scopeId", "data-v-a66fa373"]]);
+const _hoisted_1$q = {
   key: 0,
   class: "f-tag__dot"
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "FTag",
   props: {
     color: {},
@@ -902,9 +949,9 @@ const _sfc_main$z = /* @__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$n)) : createCommentVNode("", true),
+        _ctx.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_1$q)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        _ctx.closable ? (openBlock(), createBlock(FIcon, {
+        _ctx.closable ? (openBlock(), createBlock(FIcon$3, {
           key: 1,
           class: "f-tag__close",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("close"), ["stop"]))
@@ -918,8 +965,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-02bd5aa6"]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const FTag = /* @__PURE__ */ _export_sfc$3(_sfc_main$A, [["__scopeId", "data-v-02bd5aa6"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "FTooltip",
   props: {
     content: {},
@@ -1023,13 +1070,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-be9acca7"]]);
-const _hoisted_1$m = { class: "f-progress" };
-const _hoisted_2$h = {
+const FTooltip = /* @__PURE__ */ _export_sfc$3(_sfc_main$z, [["__scopeId", "data-v-be9acca7"]]);
+const _hoisted_1$p = { class: "f-progress" };
+const _hoisted_2$k = {
   key: 0,
   class: "f-progress__text"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "FProgress",
   props: {
     percent: {},
@@ -1041,7 +1088,7 @@ const _sfc_main$x = /* @__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$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("div", {
           class: "f-progress__track",
           style: normalizeStyle({ height: `${_ctx.height}px` })
@@ -1054,17 +1101,17 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             })
           }, null, 4)
         ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
+        _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$k, toDisplayString(unref(clampedPercent)) + "%", 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const FProgress = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-c2164d6e"]]);
-const _hoisted_1$l = { class: "f-tabs__nav-container" };
-const _hoisted_2$g = { class: "f-tabs__nav" };
-const _hoisted_3$f = ["onClick"];
-const _hoisted_4$7 = { class: "f-tabs__label" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const FProgress = /* @__PURE__ */ _export_sfc$3(_sfc_main$y, [["__scopeId", "data-v-c2164d6e"]]);
+const _hoisted_1$o = { class: "f-tabs__nav-container" };
+const _hoisted_2$j = { class: "f-tabs__nav" };
+const _hoisted_3$i = ["onClick"];
+const _hoisted_4$b = { class: "f-tabs__label" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "FTabs",
   props: {
     tabs: {},
@@ -1097,8 +1144,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-tabs", [`f-tabs--${_ctx.type}`]])
       }, [
-        createElementVNode("div", _hoisted_1$l, [
-          createElementVNode("div", _hoisted_2$g, [
+        createElementVNode("div", _hoisted_1$o, [
+          createElementVNode("div", _hoisted_2$j, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.name,
@@ -1108,8 +1155,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                 }]),
                 onClick: ($event) => setActiveTab(tab.name, tab.disabled)
               }, [
-                createElementVNode("span", _hoisted_4$7, toDisplayString(tab.label), 1)
-              ], 10, _hoisted_3$f);
+                createElementVNode("span", _hoisted_4$b, toDisplayString(tab.label), 1)
+              ], 10, _hoisted_3$i);
             }), 128))
           ])
         ]),
@@ -1127,17 +1174,17 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTabs = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-268fc654"]]);
-const _hoisted_1$k = {
+const FTabs = /* @__PURE__ */ _export_sfc$3(_sfc_main$x, [["__scopeId", "data-v-268fc654"]]);
+const _hoisted_1$n = {
   class: "f-breadcrumb__current",
   "aria-current": "page"
 };
-const _hoisted_2$f = ["href"];
-const _hoisted_3$e = {
+const _hoisted_2$i = ["href"];
+const _hoisted_3$h = {
   key: 3,
   class: "f-breadcrumb__text"
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "FBreadcrumb",
   props: {
     items: { default: () => [] },
@@ -1165,12 +1212,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   key: 1,
                   item
                 }, () => [
-                  createElementVNode("span", _hoisted_1$k, toDisplayString(item.label), 1)
+                  createElementVNode("span", _hoisted_1$n, 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$f)) : (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(item.label), 1))
+                }, toDisplayString(item.label), 9, _hoisted_2$i)) : (openBlock(), createElementBlock("span", _hoisted_3$h, toDisplayString(item.label), 1))
               ], 64);
             }), 128))
           ]),
@@ -1180,8 +1227,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-55b15358"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const FBreadcrumb = /* @__PURE__ */ _export_sfc$3(_sfc_main$w, [["__scopeId", "data-v-55b15358"]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FCol",
   props: {
     span: { default: 24 },
@@ -1222,8 +1269,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FCol = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-5a8b0cb4"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const FCol = /* @__PURE__ */ _export_sfc$3(_sfc_main$v, [["__scopeId", "data-v-5a8b0cb4"]]);
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FRow",
   props: {
     gutter: { default: 0 },
@@ -1276,14 +1323,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FRow = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-72f62339"]]);
-const _hoisted_1$j = { class: "f-space__item" };
-const _hoisted_2$e = {
+const FRow = /* @__PURE__ */ _export_sfc$3(_sfc_main$u, [["__scopeId", "data-v-72f62339"]]);
+const _hoisted_1$m = { class: "f-space__item" };
+const _hoisted_2$h = {
   key: 0,
   class: "f-space__split",
   "aria-hidden": "true"
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FSpace",
   props: {
     direction: { default: "horizontal" },
@@ -1337,18 +1384,18 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, index) => {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
-            createElementVNode("div", _hoisted_1$j, [
+            createElementVNode("div", _hoisted_1$m, [
               (openBlock(), createBlock(resolveDynamicComponent(child)))
             ]),
-            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
+            _ctx.split && index < unref(children).length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString(_ctx.split), 1)) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ], 4);
     };
   }
 });
-const FSpace = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-5fb3b1a0"]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const FSpace = /* @__PURE__ */ _export_sfc$3(_sfc_main$t, [["__scopeId", "data-v-5fb3b1a0"]]);
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FContainer",
   props: {
     gap: { default: 12 }
@@ -1368,8 +1415,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FContainer = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-08450ddf"]]);
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const FContainer = /* @__PURE__ */ _export_sfc$3(_sfc_main$s, [["__scopeId", "data-v-08450ddf"]]);
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FDivider",
   props: {
     color: {},
@@ -1396,9 +1443,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDivider = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-512ee743"]]);
-const _hoisted_1$i = ["src", "alt"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const FDivider = /* @__PURE__ */ _export_sfc$3(_sfc_main$r, [["__scopeId", "data-v-512ee743"]]);
+const _hoisted_1$l = ["src", "alt"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "FAvatar",
   props: {
     src: {},
@@ -1430,7 +1477,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.alt
-        }, null, 8, _hoisted_1$i)) : (openBlock(), createBlock(FIcon, {
+        }, null, 8, _hoisted_1$l)) : (openBlock(), createBlock(FIcon$3, {
           key: 1,
           size: 24
         }, {
@@ -1443,13 +1490,2174 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-b3665268"]]);
-const _hoisted_1$h = ["type", "disabled"];
-const _hoisted_2$d = { class: "f-button__inner" };
-const _hoisted_3$d = {
+const FAvatar = /* @__PURE__ */ _export_sfc$3(_sfc_main$q, [["__scopeId", "data-v-b3665268"]]);
+var __defProp2 = Object.defineProperty;
+var __defProps2 = Object.defineProperties;
+var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2)
+    for (var prop of __getOwnPropSymbols2(b)) {
+      if (__propIsEnum2.call(b, prop))
+        __defNormalProp2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  __name: "FIcon",
+  props: {
+    color: {},
+    size: { default: "1em" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => ({
+      width: typeof props.size === "number" ? `${props.size}px` : props.size,
+      height: typeof props.size === "number" ? `${props.size}px` : props.size,
+      color: props.color
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        role: "img",
+        class: "f-icon",
+        style: normalizeStyle(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const _export_sfc$2 = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const FIcon$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$L, [["__scopeId", "data-v-baf7de0c"]]);
+var __defProp22 = Object.defineProperty;
+var __getOwnPropSymbols22 = Object.getOwnPropertySymbols;
+var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+var __propIsEnum22 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp22.call(b, prop))
+      __defNormalProp22(a, prop, b[prop]);
+  if (__getOwnPropSymbols22)
+    for (var prop of __getOwnPropSymbols22(b)) {
+      if (__propIsEnum22.call(b, prop))
+        __defNormalProp22(a, prop, b[prop]);
+    }
+  return a;
+};
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  __name: "FIcon",
+  props: {
+    color: {},
+    size: { default: "1em" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => ({
+      width: typeof props.size === "number" ? `${props.size}px` : props.size,
+      height: typeof props.size === "number" ? `${props.size}px` : props.size,
+      color: props.color
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        role: "img",
+        class: "f-icon",
+        style: normalizeStyle(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-baf7de0c"]]);
+var __defProp222 = Object.defineProperty;
+var __getOwnPropSymbols222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222 = (obj, key, value) => key in obj ? __defProp222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222.call(b, prop))
+      __defNormalProp222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222)
+    for (var prop of __getOwnPropSymbols222(b)) {
+      if (__propIsEnum222.call(b, prop))
+        __defNormalProp222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "FIcon",
+  props: {
+    color: {},
+    size: { default: "1em" }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => ({
+      width: typeof props.size === "number" ? `${props.size}px` : props.size,
+      height: typeof props.size === "number" ? `${props.size}px` : props.size,
+      color: props.color
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        role: "img",
+        class: "f-icon",
+        style: normalizeStyle(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const _export_sfc$1 = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const FIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-baf7de0c"]]);
+var __defProp2222 = Object.defineProperty;
+var __getOwnPropSymbols2222 = Object.getOwnPropertySymbols;
+var __hasOwnProp2222 = Object.prototype.hasOwnProperty;
+var __propIsEnum2222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2222 = (obj, key, value) => key in obj ? __defProp2222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2222.call(b, prop))
+      __defNormalProp2222(a, prop, b[prop]);
+  if (__getOwnPropSymbols2222)
+    for (var prop of __getOwnPropSymbols2222(b)) {
+      if (__propIsEnum2222.call(b, prop))
+        __defNormalProp2222(a, prop, b[prop]);
+    }
+  return a;
+};
+var __defProp22222 = Object.defineProperty;
+var __getOwnPropSymbols22222 = Object.getOwnPropertySymbols;
+var __hasOwnProp22222 = Object.prototype.hasOwnProperty;
+var __propIsEnum22222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22222 = (obj, key, value) => key in obj ? __defProp22222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp22222.call(b, prop))
+      __defNormalProp22222(a, prop, b[prop]);
+  if (__getOwnPropSymbols22222)
+    for (var prop of __getOwnPropSymbols22222(b)) {
+      if (__propIsEnum22222.call(b, prop))
+        __defNormalProp22222(a, prop, b[prop]);
+    }
+  return a;
+};
+var __defProp222222 = Object.defineProperty;
+var __getOwnPropSymbols222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222222 = (obj, key, value) => key in obj ? __defProp222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222222.call(b, prop))
+      __defNormalProp222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222222)
+    for (var prop of __getOwnPropSymbols222222(b)) {
+      if (__propIsEnum222222.call(b, prop))
+        __defNormalProp222222(a, prop, b[prop]);
+    }
+  return a;
+};
+var __defProp2222222 = Object.defineProperty;
+var __getOwnPropSymbols2222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp2222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum2222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2222222 = (obj, key, value) => key in obj ? __defProp2222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2222222.call(b, prop))
+      __defNormalProp2222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols2222222)
+    for (var prop of __getOwnPropSymbols2222222(b)) {
+      if (__propIsEnum2222222.call(b, prop))
+        __defNormalProp2222222(a, prop, b[prop]);
+    }
+  return a;
+};
+var __defProp22222222 = Object.defineProperty;
+var __getOwnPropSymbols22222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp22222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum22222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp22222222 = (obj, key, value) => key in obj ? __defProp22222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues22222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp22222222.call(b, prop))
+      __defNormalProp22222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols22222222)
+    for (var prop of __getOwnPropSymbols22222222(b)) {
+      if (__propIsEnum22222222.call(b, prop))
+        __defNormalProp22222222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$f$1 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$d$1 = ["checked", "disabled"];
+const _hoisted_3$d$1 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$f$1, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$d$1),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$d$1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues22222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+var __defProp222222222 = Object.defineProperty;
+var __getOwnPropSymbols222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp222222222 = (obj, key, value) => key in obj ? __defProp222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp222222222.call(b, prop))
+      __defNormalProp222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols222222222)
+    for (var prop of __getOwnPropSymbols222222222(b)) {
+      if (__propIsEnum222222222.call(b, prop))
+        __defNormalProp222222222(a, prop, b[prop]);
+    }
+  return a;
+};
+var __defProp2222222222 = Object.defineProperty;
+var __getOwnPropSymbols2222222222 = Object.getOwnPropertySymbols;
+var __hasOwnProp2222222222 = Object.prototype.hasOwnProperty;
+var __propIsEnum2222222222 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2222222222 = (obj, key, value) => key in obj ? __defProp2222222222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues2222222222 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2222222222.call(b, prop))
+      __defNormalProp2222222222(a, prop, b[prop]);
+  if (__getOwnPropSymbols2222222222)
+    for (var prop of __getOwnPropSymbols2222222222(b)) {
+      if (__propIsEnum2222222222.call(b, prop))
+        __defNormalProp2222222222(a, prop, b[prop]);
+    }
+  return a;
+};
+const _hoisted_1$d$1 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b$1 = ["checked", "disabled"];
+const _hoisted_3$b$1 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$d$1, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b$1),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b$1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues2222222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$d$2 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b$2 = ["checked", "disabled"];
+const _hoisted_3$b$2 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$d$2, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b$2),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b$2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues222222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$d$3 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b$3 = ["checked", "disabled"];
+const _hoisted_3$b$3 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$d$3, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b$3),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b$3, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues2222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$d$4 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b$4 = ["checked", "disabled"];
+const _hoisted_3$b$4 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$d$4, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b$4),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b$4, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues222222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$d$5 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b$5 = ["checked", "disabled"];
+const _hoisted_3$b$5 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$d$5, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b$5),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b$5, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    maskClosable: { type: Boolean, default: true },
+    maskColor: { default: "black" },
+    showMask: { type: Boolean, default: true }
+  }, {
+    "modelValue": __spreadValues22222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$d$6 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b$6 = ["checked", "disabled"];
+const _hoisted_3$b$6 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2222({ 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$6, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b$6),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b$6, 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": __spreadValues2222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$d$7 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$b$7 = ["checked", "disabled"];
+const _hoisted_3$b$7 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues222({ 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$7, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$b$7),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$b$7, 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": __spreadValues222({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const visible = useModel(__props, "modelValue");
+    const handleMaskClick = () => {
+      if (props.maskClosable) visible.value = false;
+    };
+    const maskBackgroundColor = computed(() => {
+      if (!props.showMask) return "transparent";
+      switch (props.maskColor) {
+        case "white":
+          return "rgba(255, 255, 255, 0.5)";
+        case "black":
+          return "rgba(0, 0, 0, 0.5)";
+        case "transparent":
+          return "transparent";
+        default:
+          return "rgba(0, 0, 0, 0.5)";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-mask",
+              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
+              onClick: handleMaskClick
+            }, [
+              createElementVNode("div", {
+                class: "f-dialog-container",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$i$1 = ["type", "disabled"];
+const _hoisted_2$e$1 = { class: "f-button__inner" };
+const _hoisted_3$e$1 = {
+  key: 0,
+  class: "f-loader"
+};
+const _hoisted_4$8$1 = {
+  key: 2,
+  class: "f-button__text"
+};
+const _sfc_main$o$1 = /* @__PURE__ */ defineComponent({
+  __name: "FButton",
+  props: {
+    type: {},
+    size: {},
+    nativeType: { default: "button" },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    round: { type: [Boolean, Number] },
+    circle: { type: Boolean },
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    block: { type: Boolean },
+    icon: {},
+    active: { type: Boolean },
+    bgColor: {},
+    color: {}
+  },
+  setup(__props) {
+    const SIZE_MAP = {
+      small: { h: "24px", p: "0 8px", f: "12px", i: "14px" },
+      normal: { h: "32px", p: "0 12px", f: "13px", i: "16px" },
+      large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
+    };
+    const props = __props;
+    const slots = useSlots();
+    const groupContext = inject("FButtonGroupContext", null);
+    const mergedSize = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.size) != null ? _a : groupContext == null ? void 0 : groupContext.size) != null ? _b : "normal";
+    });
+    const mergedType = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
+    });
+    const isDisabled = computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
+    const hasText = computed(() => !!slots.default);
+    const buttonStyle = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      const style = {
+        height: s.h,
+        padding: props.circle ? "0" : s.p,
+        fontSize: s.f,
+        minWidth: props.circle ? s.h : "auto",
+        backgroundColor: props.bgColor,
+        color: props.color
+      };
+      if (props.circle) {
+        style.borderRadius = "50%";
+        style.width = s.h;
+      } else if (typeof props.round === "number") {
+        style.borderRadius = `${props.round}px`;
+      } else if (props.round === true) {
+        style.borderRadius = "999px";
+      }
+      return style;
+    });
+    const iconSize = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      return s.i;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: _ctx.nativeType,
+        class: normalizeClass(["f-button", [
+          `f-button--${unref(mergedType)}`,
+          `f-button--${unref(mergedSize)}`,
+          {
+            "is-disabled": unref(isDisabled),
+            "is-loading": _ctx.loading,
+            "is-active": _ctx.active,
+            "is-text": _ctx.text,
+            "is-icon-only": !unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+          }
+        ]]),
+        disabled: unref(isDisabled),
+        style: normalizeStyle(unref(buttonStyle))
+      }, [
+        createElementVNode("span", _hoisted_2$e$1, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$e$1)) : createCommentVNode("", true),
+          !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$1), {
+              key: 0,
+              class: "f-button__icon",
+              style: normalizeStyle({ fontSize: unref(iconSize) })
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true)
+                ], true)
+              ]),
+              _: 3
+            }, 8, ["style"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true),
+          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$8$1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 14, _hoisted_1$i$1);
+    };
+  }
+});
+const FButton$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o$1, [["__scopeId", "data-v-41be5001"]]);
+const _hoisted_1$e$1 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$c$1 = ["checked", "disabled"];
+const _hoisted_3$c$1 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues22({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$e$1, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$c$1),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$c$1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$j = {
+  key: 0,
+  class: "f-dialog__icon"
+};
+const _hoisted_2$f = { class: "f-dialog__title" };
+const _hoisted_3$f = { class: "f-dialog__body" };
+const _hoisted_4$9 = { key: 0 };
+const _hoisted_5$8 = {
+  key: 2,
+  class: "f-dialog__footer"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    title: { default: "提示" },
+    content: {},
+    width: { default: "500px" },
+    type: { default: "default" },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    showCancel: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: true },
+    closeOnEsc: { type: Boolean, default: true },
+    center: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    destroyOnClose: { type: Boolean, default: false },
+    beforeClose: {}
+  }, {
+    "modelValue": __spreadValues22({ type: Boolean }, { required: true }),
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "modelValue");
+    const handleClose = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const handleConfirm = () => {
+      emit("confirm");
+      if (props.beforeClose) {
+        props.beforeClose(() => {
+          visible.value = false;
+        });
+      } else {
+        visible.value = false;
+      }
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      handleClose();
+    };
+    const handleOverlayClick = (e) => {
+      if (props.closeOnClickModal && e.target === e.currentTarget) {
+        handleClose();
+      }
+    };
+    const handleKeydown = (e) => {
+      if (props.closeOnEsc && e.key === "Escape") {
+        handleClose();
+      }
+    };
+    onMounted(() => {
+      if (props.closeOnEsc) {
+        window.addEventListener("keydown", handleKeydown);
+      }
+      emit("open");
+    });
+    onBeforeUnmount(() => {
+      if (props.closeOnEsc) {
+        window.removeEventListener("keydown", handleKeydown);
+      }
+    });
+    const iconMap = {
+      info: InformationCircleOutline,
+      success: CheckmarkCircleOutline,
+      warning: WarningOutline,
+      failed: AlertCircleOutline,
+      primary: InformationCircleOutline,
+      default: InformationCircleOutline
+    };
+    const hasIcon = computed(() => props.type && props.type !== "default");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "f-dialog-fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-overlay",
+              onClick: handleOverlayClick
+            }, [
+              createVNode(Transition, { name: "f-dialog-zoom" }, {
+                default: withCtx(() => [
+                  visible.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["f-dialog", [
+                      `f-dialog--${_ctx.type}`,
+                      {
+                        "is-center": _ctx.center,
+                        "is-fullscreen": _ctx.fullscreen
+                      }
+                    ]]),
+                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                  }, [
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "f-dialog__close",
+                      onClick: handleClose
+                    }, [
+                      createVNode(FIcon, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(CloseOutline))
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
+                    }, [
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
+                          createVNode(FIcon, null, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
+                            ]),
+                            _: 1
+                          })
+                        ])) : createCommentVNode("", true),
+                        createElementVNode("h3", _hoisted_2$f, toDisplayString(_ctx.title), 1)
+                      ], true)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$f, [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$9, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
+                    ]),
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton$1, {
+                          key: 0,
+                          onClick: handleCancel
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(FButton$1, {
+                          type: "primary",
+                          onClick: handleConfirm
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], true)
+                    ])) : createCommentVNode("", true)
+                  ], 6)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$i$2 = ["type", "disabled"];
+const _hoisted_2$e$2 = { class: "f-button__inner" };
+const _hoisted_3$e$2 = {
+  key: 0,
+  class: "f-loader"
+};
+const _hoisted_4$8$2 = {
+  key: 2,
+  class: "f-button__text"
+};
+const _sfc_main$o$2 = /* @__PURE__ */ defineComponent({
+  __name: "FButton",
+  props: {
+    type: {},
+    size: {},
+    nativeType: { default: "button" },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    round: { type: [Boolean, Number] },
+    circle: { type: Boolean },
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    block: { type: Boolean },
+    icon: {},
+    active: { type: Boolean },
+    bgColor: {},
+    color: {}
+  },
+  setup(__props) {
+    const SIZE_MAP = {
+      small: { h: "24px", p: "0 8px", f: "12px", i: "14px" },
+      normal: { h: "32px", p: "0 12px", f: "13px", i: "16px" },
+      large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
+    };
+    const props = __props;
+    const slots = useSlots();
+    const groupContext = inject("FButtonGroupContext", null);
+    const mergedSize = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.size) != null ? _a : groupContext == null ? void 0 : groupContext.size) != null ? _b : "normal";
+    });
+    const mergedType = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
+    });
+    const isDisabled = computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
+    const hasText = computed(() => !!slots.default);
+    const buttonStyle = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      const style = {
+        height: s.h,
+        padding: props.circle ? "0" : s.p,
+        fontSize: s.f,
+        minWidth: props.circle ? s.h : "auto",
+        backgroundColor: props.bgColor,
+        color: props.color
+      };
+      if (props.circle) {
+        style.borderRadius = "50%";
+        style.width = s.h;
+      } else if (typeof props.round === "number") {
+        style.borderRadius = `${props.round}px`;
+      } else if (props.round === true) {
+        style.borderRadius = "999px";
+      }
+      return style;
+    });
+    const iconSize = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      return s.i;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: _ctx.nativeType,
+        class: normalizeClass(["f-button", [
+          `f-button--${unref(mergedType)}`,
+          `f-button--${unref(mergedSize)}`,
+          {
+            "is-disabled": unref(isDisabled),
+            "is-loading": _ctx.loading,
+            "is-active": _ctx.active,
+            "is-text": _ctx.text,
+            "is-icon-only": !unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+          }
+        ]]),
+        disabled: unref(isDisabled),
+        style: normalizeStyle(unref(buttonStyle))
+      }, [
+        createElementVNode("span", _hoisted_2$e$2, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$e$2)) : createCommentVNode("", true),
+          !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon), {
+              key: 0,
+              class: "f-button__icon",
+              style: normalizeStyle({ fontSize: unref(iconSize) })
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true)
+                ], true)
+              ]),
+              _: 3
+            }, 8, ["style"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true),
+          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$8$2, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 14, _hoisted_1$i$2);
+    };
+  }
+});
+const FButton$2 = /* @__PURE__ */ _export_sfc$2(_sfc_main$o$2, [["__scopeId", "data-v-41be5001"]]);
+const _hoisted_1$e$2 = { class: "f-checkbox__wrapper" };
+const _hoisted_2$c$2 = ["checked", "disabled"];
+const _hoisted_3$c$2 = {
+  key: 0,
+  class: "f-checkbox__label"
+};
+/* @__PURE__ */ defineComponent({
+  __name: "FCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": __spreadValues2({ type: Boolean }, { default: false }),
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handleChange = (e) => {
+      if (props.disabled) return;
+      const target = e.target;
+      modelValue.value = target.checked;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
+      }, [
+        createElementVNode("span", _hoisted_1$e$2, [
+          createElementVNode("input", {
+            type: "checkbox",
+            checked: modelValue.value,
+            disabled: _ctx.disabled,
+            onChange: handleChange
+          }, null, 40, _hoisted_2$c$2),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "f-checkbox__checkmark" }, null, -1))
+        ]),
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$c$2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$2$1 = { class: "f-message__content" };
+const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
+  __name: "FMessage",
+  props: {
+    type: { default: "info" },
+    message: {},
+    duration: { default: 3e3 },
+    closable: { type: Boolean, default: false },
+    showIcon: { type: Boolean, default: true },
+    offset: { default: 20 }
+  },
+  emits: ["close", "destroy"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    let timer = null;
+    const iconName = computed(() => {
+      const map = {
+        info: InformationCircle,
+        success: CheckmarkCircle,
+        warning: Warning,
+        failed: CloseCircle,
+        default: InformationCircle,
+        primary: InformationCircle
+      };
+      return map[props.type];
+    });
+    const rootStyle = computed(() => ({
+      top: `${props.offset}px`
+    }));
+    const startTimer = () => {
+      if (props.duration <= 0) return;
+      timer = setTimeout(() => {
+        close();
+      }, props.duration);
+    };
+    const clearTimer = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    };
+    const close = () => {
+      clearTimer();
+      visible.value = false;
+      emit("close");
+    };
+    const handleAfterLeave = () => emit("destroy");
+    onMounted(() => {
+      visible.value = true;
+      startTimer();
+    });
+    onBeforeUnmount(() => {
+      clearTimer();
+    });
+    __expose({ close });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "f-message-fade",
+        onAfterLeave: handleAfterLeave
+      }, {
+        default: withCtx(() => [
+          unref(visible) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["f-message", [`f-message--${_ctx.type}`]]),
+            style: normalizeStyle(unref(rootStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer
+          }, [
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$2, {
+              key: 0,
+              class: "f-message__icon"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(iconName))))
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_1$2$1, toDisplayString(_ctx.message), 1),
+            _ctx.closable ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "f-message__close",
+              "aria-label": "close",
+              onClick: close
+            }, [
+              createVNode(FIcon$2, null, {
+                default: withCtx(() => [
+                  createVNode(unref(Close))
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("", true)
+          ], 38)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const FMessageComp$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$2$1, [["__scopeId", "data-v-97556afa"]]);
+const GAP$1$1 = 16;
+const BASE_OFFSET$1$1 = 20;
+let seed$1$1 = 0;
+const instances$1 = [];
+const normalizeOptions$1$1 = (options) => {
+  return typeof options === "string" ? { message: options } : options;
+};
+const repositionAll$1 = () => {
+  let offset = BASE_OFFSET$1$1;
+  instances$1.forEach((item) => {
+    const vm = item.vnode.component;
+    if (vm) {
+      vm.props.offset = offset;
+    }
+    offset += item.height + GAP$1$1;
+  });
+};
+const removeInstance$1$1 = (id) => {
+  const index = instances$1.findIndex((item) => item.id === id);
+  if (index === -1) return;
+  const { container } = instances$1[index];
+  render(null, container);
+  container.remove();
+  instances$1.splice(index, 1);
+  repositionAll$1();
+};
+const createInstance$1$1 = (options) => {
+  var _a;
+  const id = seed$1$1++;
+  const container = document.createElement("div");
+  const offset = instances$1.length === 0 ? BASE_OFFSET$1$1 : (() => {
+    var _a2;
+    const last = instances$1[instances$1.length - 1];
+    return ((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + last.height + GAP$1$1;
+  })();
+  const vnode = createVNode(FMessageComp$1, __spreadProps2(__spreadValues2({}, options), {
+    offset,
+    onClose: () => {
+      var _a2;
+      (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
+    },
+    onDestroy: () => {
+      removeInstance$1$1(id);
+    }
+  }));
+  render(vnode, container);
+  document.body.appendChild(container);
+  const el = vnode.el;
+  const height = (_a = el == null ? void 0 : el.offsetHeight) != null ? _a : 44;
+  instances$1.push({ id, vnode, container, height });
+  return {
+    id,
+    close: () => {
+      var _a2, _b, _c;
+      (_c = (_b = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+    }
+  };
+};
+const FMessage$1 = (options) => {
+  return createInstance$1$1(normalizeOptions$1$1(options));
+};
+const withType$1$1 = (type) => (options) => createInstance$1$1(__spreadProps2(__spreadValues2({}, normalizeOptions$1$1(options)), { type }));
+FMessage$1.info = withType$1$1("info");
+FMessage$1.success = withType$1$1("success");
+FMessage$1.warning = withType$1$1("warning");
+FMessage$1.failed = withType$1$1("failed");
+FMessage$1.closeAll = () => {
+  [...instances$1].forEach((item) => {
+    var _a, _b, _c;
+    (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+  });
+};
+const _hoisted_1$1$1 = { class: "f-notification__body" };
+const _hoisted_2$1$1 = {
+  key: 0,
+  class: "f-notification__title"
+};
+const _hoisted_3$1$1 = { class: "f-notification__content" };
+const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
+  __name: "FNotification",
+  props: {
+    type: { default: "info" },
+    title: {},
+    message: {},
+    duration: { default: 4500 },
+    closable: { type: Boolean, default: true },
+    showIcon: { type: Boolean, default: true },
+    position: { default: "top-right" },
+    offset: { default: 20 }
+  },
+  emits: ["close", "destroy", "click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    let timer = null;
+    const iconName = computed(() => {
+      const map = {
+        info: InformationCircle,
+        success: CheckmarkCircle,
+        warning: Warning,
+        failed: CloseCircle,
+        default: InformationCircle,
+        primary: InformationCircle
+      };
+      return map[props.type];
+    });
+    const isTop = computed(() => props.position.startsWith("top"));
+    const isRight = computed(() => props.position.endsWith("right"));
+    const rootStyle = computed(() => ({
+      [isTop.value ? "top" : "bottom"]: `${props.offset}px`,
+      [isRight.value ? "right" : "left"]: "20px"
+    }));
+    const startTimer = () => {
+      if (props.duration <= 0) return;
+      timer = setTimeout(() => {
+        close();
+      }, props.duration);
+    };
+    const clearTimer = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    };
+    const close = () => {
+      clearTimer();
+      visible.value = false;
+      emit("close");
+    };
+    const handleAfterLeave = () => emit("destroy");
+    const handleClick = () => emit("click");
+    onMounted(() => {
+      visible.value = true;
+      startTimer();
+    });
+    onBeforeUnmount(() => {
+      clearTimer();
+    });
+    __expose({ close });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: `f-notification-${_ctx.position}`,
+        onAfterLeave: handleAfterLeave
+      }, {
+        default: withCtx(() => [
+          unref(visible) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["f-notification", [`f-notification--${_ctx.type}`]]),
+            style: normalizeStyle(unref(rootStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer,
+            onClick: handleClick
+          }, [
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$2, {
+              key: 0,
+              class: "f-notification__icon"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(iconName))))
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_1$1$1, [
+              _ctx.title ? (openBlock(), createElementBlock("p", _hoisted_2$1$1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+              createElementVNode("p", _hoisted_3$1$1, toDisplayString(_ctx.message), 1)
+            ]),
+            _ctx.closable ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "f-notification__close",
+              "aria-label": "close",
+              onClick: withModifiers(close, ["stop"])
+            }, [
+              createVNode(FIcon$2, null, {
+                default: withCtx(() => [
+                  createVNode(unref(Close))
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("", true)
+          ], 38)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["name"]);
+    };
+  }
+});
+const FNotificationComp$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$1$1, [["__scopeId", "data-v-0a7315d6"]]);
+const GAP$2 = 16;
+const BASE_OFFSET$2 = 20;
+let seed$2 = 0;
+const groups$1 = {
+  "top-right": [],
+  "top-left": [],
+  "bottom-right": [],
+  "bottom-left": []
+};
+const normalizeOptions$2 = (options) => {
+  return typeof options === "string" ? { message: options } : options;
+};
+const repositionGroup$1 = (position) => {
+  let offset = BASE_OFFSET$2;
+  groups$1[position].forEach((item) => {
+    const vm = item.vnode.component;
+    if (vm) {
+      vm.props.offset = offset;
+    }
+    offset += Number(item.size) + GAP$2;
+  });
+};
+const removeInstance$2 = (position, id) => {
+  const list = groups$1[position];
+  const index = list.findIndex((item) => item.id === id);
+  if (index === -1) return;
+  const { container } = list[index];
+  render(null, container);
+  container.remove();
+  list.splice(index, 1);
+  repositionGroup$1(position);
+};
+const createInstance$2 = (options) => {
+  var _a, _b;
+  const id = seed$2++;
+  const position = (_a = options.position) != null ? _a : "top-right";
+  const list = groups$1[position];
+  const container = document.createElement("div");
+  const offset = list.length === 0 ? BASE_OFFSET$2 : (() => {
+    var _a2;
+    const last = list[list.length - 1];
+    return Number((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + Number(last.size) + GAP$2;
+  })();
+  const vnode = createVNode(FNotificationComp$1, __spreadProps2(__spreadValues2({}, options), {
+    position,
+    offset,
+    onClose: () => {
+      var _a2;
+      (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
+    },
+    onDestroy: () => {
+      removeInstance$2(position, id);
+    },
+    onClick: () => {
+      var _a2;
+      (_a2 = options.onClick) == null ? void 0 : _a2.call(options);
+    }
+  }));
+  render(vnode, container);
+  document.body.appendChild(container);
+  const el = vnode.el;
+  const size = (_b = el == null ? void 0 : el.offsetHeight) != null ? _b : 72;
+  list.push({ id, position, vnode, container, size });
+  return {
+    id,
+    close: () => {
+      var _a2, _b2, _c;
+      (_c = (_b2 = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b2.close) == null ? void 0 : _c.call(_b2);
+    }
+  };
+};
+const FNotification$1 = (options) => {
+  return createInstance$2(normalizeOptions$2(options));
+};
+const withType$2 = (type) => (options) => createInstance$2(__spreadProps2(__spreadValues2({}, normalizeOptions$2(options)), { type }));
+FNotification$1.info = withType$2("info");
+FNotification$1.success = withType$2("success");
+FNotification$1.warning = withType$2("warning");
+FNotification$1.failed = withType$2("failed");
+FNotification$1.closeAll = (position) => {
+  const positions = position ? [position] : Object.keys(groups$1);
+  positions.forEach((pos) => {
+    [...groups$1[pos]].forEach((item) => {
+      var _a, _b, _c;
+      (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+    });
+  });
+};
+const _hoisted_1$k = {
+  key: 0,
+  class: "f-dialog__icon"
+};
+const _hoisted_2$g = { class: "f-dialog__title" };
+const _hoisted_3$g = { class: "f-dialog__body" };
+const _hoisted_4$a = { key: 0 };
+const _hoisted_5$9 = {
+  key: 2,
+  class: "f-dialog__footer"
+};
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    title: { default: "提示" },
+    content: {},
+    width: { default: "500px" },
+    type: { default: "default" },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    showCancel: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: true },
+    closeOnEsc: { type: Boolean, default: true },
+    center: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    destroyOnClose: { type: Boolean, default: false },
+    beforeClose: {}
+  }, {
+    "modelValue": __spreadValues2({ type: Boolean }, { required: true }),
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "modelValue");
+    const handleClose = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const handleConfirm = () => {
+      emit("confirm");
+      if (props.beforeClose) {
+        props.beforeClose(() => {
+          visible.value = false;
+        });
+      } else {
+        visible.value = false;
+      }
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      handleClose();
+    };
+    const handleOverlayClick = (e) => {
+      if (props.closeOnClickModal && e.target === e.currentTarget) {
+        handleClose();
+      }
+    };
+    const handleKeydown = (e) => {
+      if (props.closeOnEsc && e.key === "Escape") {
+        handleClose();
+      }
+    };
+    onMounted(() => {
+      if (props.closeOnEsc) {
+        window.addEventListener("keydown", handleKeydown);
+      }
+      emit("open");
+    });
+    onBeforeUnmount(() => {
+      if (props.closeOnEsc) {
+        window.removeEventListener("keydown", handleKeydown);
+      }
+    });
+    const iconMap = {
+      info: InformationCircleOutline,
+      success: CheckmarkCircleOutline,
+      warning: WarningOutline,
+      failed: AlertCircleOutline,
+      primary: InformationCircleOutline,
+      default: InformationCircleOutline
+    };
+    const hasIcon = computed(() => props.type && props.type !== "default");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "f-dialog-fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-overlay",
+              onClick: handleOverlayClick
+            }, [
+              createVNode(Transition, { name: "f-dialog-zoom" }, {
+                default: withCtx(() => [
+                  visible.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["f-dialog", [
+                      `f-dialog--${_ctx.type}`,
+                      {
+                        "is-center": _ctx.center,
+                        "is-fullscreen": _ctx.fullscreen
+                      }
+                    ]]),
+                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                  }, [
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "f-dialog__close",
+                      onClick: handleClose
+                    }, [
+                      createVNode(FIcon$2, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(CloseOutline))
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
+                    }, [
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+                          createVNode(FIcon$2, null, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
+                            ]),
+                            _: 1
+                          })
+                        ])) : createCommentVNode("", true),
+                        createElementVNode("h3", _hoisted_2$g, toDisplayString(_ctx.title), 1)
+                      ], true)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3$g, [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4$a, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
+                    ]),
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton$2, {
+                          key: 0,
+                          onClick: handleCancel
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(FButton$2, {
+                          type: "primary",
+                          onClick: handleConfirm
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], true)
+                    ])) : createCommentVNode("", true)
+                  ], 6)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const FDialogComp$1 = /* @__PURE__ */ _export_sfc$2(_sfc_main$p, [["__scopeId", "data-v-991352de"]]);
+const showDialog$1 = (options) => {
+  return new Promise((resolve) => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const visible = ref(true);
+    const handleConfirm = () => {
+      cleanup();
+      resolve(true);
+    };
+    const handleCancel = () => {
+      cleanup();
+      resolve(false);
+    };
+    const handleClose = () => {
+      cleanup();
+      resolve(false);
+    };
+    const cleanup = () => {
+      visible.value = false;
+      setTimeout(() => {
+        render(null, container);
+        document.body.removeChild(container);
+      }, 300);
+    };
+    const vnode = h(FDialogComp$1, __spreadValues2({
+      modelValue: visible.value,
+      "onUpdate:modelValue": (val) => {
+        visible.value = val;
+        if (!val) {
+          cleanup();
+        }
+      },
+      onConfirm: handleConfirm,
+      onCancel: handleCancel,
+      onClose: handleClose
+    }, options));
+    render(vnode, container);
+  });
+};
+const confirm$1 = (content, title = "确认") => {
+  return showDialog$1({
+    title,
+    content,
+    type: "warning",
+    showCancel: true,
+    center: true
+  });
+};
+const alert$1 = (content, title = "提示", type = "info") => {
+  return showDialog$1({
+    title,
+    content,
+    type,
+    showCancel: false,
+    confirmText: "知道了",
+    center: true
+  });
+};
+const success$1 = (content, title = "成功") => {
+  return alert$1(content, title, "success");
+};
+const warning$1 = (content, title = "警告") => {
+  return alert$1(content, title, "warning");
+};
+const failed$1 = (content, title = "错误") => {
+  return alert$1(content, title, "failed");
+};
+const info$1 = (content, title = "提示") => {
+  return alert$1(content, title, "info");
+};
+const FDialog$1 = (options) => {
+  return showDialog$1(options);
+};
+FDialog$1.showDialog = showDialog$1;
+FDialog$1.confirm = confirm$1;
+FDialog$1.alert = alert$1;
+FDialog$1.success = success$1;
+FDialog$1.warning = warning$1;
+FDialog$1.failed = failed$1;
+FDialog$1.info = info$1;
+const _hoisted_1$i = ["type", "disabled"];
+const _hoisted_2$e = { class: "f-button__inner" };
+const _hoisted_3$e = {
   key: 0,
   class: "f-loader"
 };
+const _hoisted_4$8 = {
+  key: 2,
+  class: "f-button__text"
+};
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FButton",
   props: {
@@ -1461,6 +3669,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     round: { type: [Boolean, Number] },
     circle: { type: Boolean },
     plain: { type: Boolean },
+    text: { type: Boolean },
     block: { type: Boolean },
     icon: {},
     active: { type: Boolean },
@@ -1474,6 +3683,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       large: { h: "40px", p: "0 16px", f: "14px", i: "18px" }
     };
     const props = __props;
+    const slots = useSlots();
     const groupContext = inject("FButtonGroupContext", null);
     const mergedSize = computed(() => {
       var _a, _b;
@@ -1484,6 +3694,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       return (_b = (_a = props.type) != null ? _a : groupContext == null ? void 0 : groupContext.type) != null ? _b : "default";
     });
     const isDisabled = computed(() => props.disabled || props.loading || (groupContext == null ? void 0 : groupContext.disabled));
+    const hasText = computed(() => !!slots.default);
     const buttonStyle = computed(() => {
       const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
       const style = {
@@ -1504,26 +3715,52 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
       return style;
     });
+    const iconSize = computed(() => {
+      const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
+      return s.i;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         type: _ctx.nativeType,
         class: normalizeClass(["f-button", [
           `f-button--${unref(mergedType)}`,
           `f-button--${unref(mergedSize)}`,
-          { "is-disabled": unref(isDisabled), "is-loading": _ctx.loading, "is-active": _ctx.active }
+          {
+            "is-disabled": unref(isDisabled),
+            "is-loading": _ctx.loading,
+            "is-active": _ctx.active,
+            "is-text": _ctx.text,
+            "is-icon-only": !unref(hasText) && (_ctx.icon || _ctx.$slots.icon)
+          }
         ]]),
         disabled: unref(isDisabled),
         style: normalizeStyle(unref(buttonStyle))
       }, [
-        createElementVNode("span", _hoisted_2$d, [
-          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$d)) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        createElementVNode("span", _hoisted_2$e, [
+          _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_3$e)) : createCommentVNode("", true),
+          !_ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.$slots.icon || _ctx.icon ? (openBlock(), createBlock(unref(FIcon$2), {
+              key: 0,
+              class: "f-button__icon",
+              style: normalizeStyle({ fontSize: unref(iconSize) })
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true)
+                ], true)
+              ]),
+              _: 3
+            }, 8, ["style"])) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true),
+          unref(hasText) ? (openBlock(), createElementBlock("span", _hoisted_4$8, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])) : createCommentVNode("", true)
         ])
-      ], 14, _hoisted_1$h);
+      ], 14, _hoisted_1$i);
     };
   }
 });
-const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-8ec1ff5a"]]);
+const FButton = /* @__PURE__ */ _export_sfc$3(_sfc_main$o, [["__scopeId", "data-v-41be5001"]]);
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "FTypography",
   props: {
@@ -1546,7 +3783,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTypography = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-50e044db"]]);
+const FTypography = /* @__PURE__ */ _export_sfc$3(_sfc_main$n, [["__scopeId", "data-v-50e044db"]]);
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "FText",
   props: {
@@ -1605,8 +3842,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FText = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-8bcfc6b3"]]);
-const _hoisted_1$g = ["href", "target", "rel"];
+const FText = /* @__PURE__ */ _export_sfc$3(_sfc_main$m, [["__scopeId", "data-v-8bcfc6b3"]]);
+const _hoisted_1$h = ["href", "target", "rel"];
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "FLink",
   props: {
@@ -1630,12 +3867,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         rel: props.target === "_blank" ? "noopener noreferrer" : void 0
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$h);
     };
   }
 });
-const FLink = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-daaa3e25"]]);
-const _hoisted_1$f = { class: "f-badge" };
+const FLink = /* @__PURE__ */ _export_sfc$3(_sfc_main$l, [["__scopeId", "data-v-daaa3e25"]]);
+const _hoisted_1$g = { class: "f-badge" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
@@ -1665,7 +3902,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return map[props.placement];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         _ctx.dot || _ctx.value !== void 0 && _ctx.value !== "" ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -1676,7 +3913,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FBadge = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-be6947ff"]]);
+const FBadge = /* @__PURE__ */ _export_sfc$3(_sfc_main$k, [["__scopeId", "data-v-be6947ff"]]);
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FAffix",
   props: {
@@ -1705,7 +3942,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAffix = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8506d679"]]);
+const FAffix = /* @__PURE__ */ _export_sfc$3(_sfc_main$j, [["__scopeId", "data-v-8506d679"]]);
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "FForm",
   props: {
@@ -1763,7 +4000,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-21f7de9b"]]);
+const FForm = /* @__PURE__ */ _export_sfc$3(_sfc_main$i, [["__scopeId", "data-v-21f7de9b"]]);
 const validateSingleField = (value, rules) => __async(null, null, function* () {
   const ruleArray = Array.isArray(rules) ? rules : [rules];
   for (let rule of ruleArray) {
@@ -1845,12 +4082,12 @@ const checkRange = (value, rule) => {
   }
   return void 0;
 };
-const _hoisted_1$e = {
+const _hoisted_1$f = {
   key: 0,
   class: "star"
 };
-const _hoisted_2$c = { class: "f-form-item__content" };
-const _hoisted_3$c = {
+const _hoisted_2$d = { class: "f-form-item__content" };
+const _hoisted_3$d = {
   key: 0,
   class: "f-form-item__error"
 };
@@ -1920,14 +4157,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             textAlign: unref(labelPosition) === "top" ? "left" : unref(labelPosition)
           })
         }, [
-          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$e, "*")) : createCommentVNode("", true),
+          unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$f, "*")) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(_ctx.label) + "： ", 1)
         ], 4)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$c, [
+        createElementVNode("div", _hoisted_2$d, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
           createVNode(Transition, { name: "err-slide" }, {
             default: withCtx(() => [
-              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$c, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
+              unref(errorMsg) ? (openBlock(), createElementBlock("p", _hoisted_3$d, toDisplayString(unref(errorMsg)), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -1936,10 +4173,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c3d6ec01"]]);
-const _hoisted_1$d = { class: "f-checkbox__wrapper" };
-const _hoisted_2$b = ["checked", "disabled"];
-const _hoisted_3$b = {
+const FFormItem = /* @__PURE__ */ _export_sfc$3(_sfc_main$h, [["__scopeId", "data-v-c3d6ec01"]]);
+const _hoisted_1$e = { class: "f-checkbox__wrapper" };
+const _hoisted_2$c = ["checked", "disabled"];
+const _hoisted_3$c = {
   key: 0,
   class: "f-checkbox__label"
 };
@@ -1965,24 +4202,24 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["f-checkbox", { "is-disabled": _ctx.disabled }])
       }, [
-        createElementVNode("span", _hoisted_1$d, [
+        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$c),
           _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$c, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const FCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-633b283a"]]);
-const _hoisted_1$c = { class: "alert__body" };
-const _hoisted_2$a = { class: "alert__title" };
-const _hoisted_3$a = { class: "alert__content" };
+const FCheckbox = /* @__PURE__ */ _export_sfc$3(_sfc_main$g, [["__scopeId", "data-v-633b283a"]]);
+const _hoisted_1$d = { class: "alert__body" };
+const _hoisted_2$b = { class: "alert__title" };
+const _hoisted_3$b = { class: "alert__content" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FAlert",
   props: {
@@ -2003,15 +4240,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["alert", `alert--${_ctx.type}`])
       }, [
-        createVNode(FIcon, { class: "alert__icon" }, {
+        createVNode(FIcon$3, { class: "alert__icon" }, {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(unref(config).icon)))
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_1$c, [
-          createElementVNode("h4", _hoisted_2$a, toDisplayString((_a = _ctx.title) != null ? _a : unref(config).label), 1),
-          createElementVNode("div", _hoisted_3$a, [
+        createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("h4", _hoisted_2$b, toDisplayString((_a = _ctx.title) != null ? _a : unref(config).label), 1),
+          createElementVNode("div", _hoisted_3$b, [
             renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(_ctx.content), 1)
             ], true)
@@ -2021,12 +4258,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FAlert = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-f16678ef"]]);
-const _hoisted_1$b = { class: "f-editor__toolbar" };
-const _hoisted_2$9 = { class: "f-editor__status" };
-const _hoisted_3$9 = { class: "f-editor__lines" };
-const _hoisted_4$6 = { class: "f-editor__code-wrapper" };
-const _hoisted_5$6 = ["innerHTML"];
+const FAlert = /* @__PURE__ */ _export_sfc$3(_sfc_main$f, [["__scopeId", "data-v-f16678ef"]]);
+const _hoisted_1$c = { class: "f-editor__toolbar" };
+const _hoisted_2$a = { class: "f-editor__status" };
+const _hoisted_3$a = { class: "f-editor__lines" };
+const _hoisted_4$7 = { class: "f-editor__code-wrapper" };
+const _hoisted_5$7 = ["innerHTML"];
 const _hoisted_6$5 = ["rows", "readonly", "placeholder"];
 const LINE_HEIGHT_PX = 17.6;
 const PADDING_TOP_PX = 12;
@@ -2198,9 +4435,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-editor", { "f-editor--invalid": !unref(isJsonValid) }])
       }, [
-        createElementVNode("div", _hoisted_1$b, [
-          createElementVNode("span", _hoisted_2$9, [
-            createElementVNode("span", _hoisted_3$9, toDisplayString(unref(lineCount)) + " 行", 1),
+        createElementVNode("div", _hoisted_1$c, [
+          createElementVNode("span", _hoisted_2$a, [
+            createElementVNode("span", _hoisted_3$a, toDisplayString(unref(lineCount)) + " 行", 1),
             unref(isHeavy) ? (openBlock(), createBlock(FTag, {
               key: 0,
               color: "orange",
@@ -2238,7 +4475,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               }, toDisplayString(ln), 3);
             }), 128))
           ], 512)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4$6, [
+          createElementVNode("div", _hoisted_4$7, [
             createElementVNode("div", {
               class: "f-editor__active-line",
               style: normalizeStyle({
@@ -2256,7 +4493,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   key: line.lineNo,
                   class: "f-editor__line",
                   innerHTML: line.html + "\n"
-                }, null, 8, _hoisted_5$6);
+                }, null, 8, _hoisted_5$7);
               }), 128))
             ], 512),
             withDirectives(createElementVNode("textarea", {
@@ -2283,18 +4520,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FEditor = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6d590649"]]);
-const _hoisted_1$a = { class: "f-table" };
-const _hoisted_2$8 = {
+const FEditor = /* @__PURE__ */ _export_sfc$3(_sfc_main$e, [["__scopeId", "data-v-6d590649"]]);
+const _hoisted_1$b = { class: "f-table" };
+const _hoisted_2$9 = {
   key: 0,
   class: "f-table__loading"
 };
-const _hoisted_3$8 = { class: "f-table__inner" };
-const _hoisted_4$5 = {
+const _hoisted_3$9 = { class: "f-table__inner" };
+const _hoisted_4$6 = {
   key: 0,
   class: "f-table__col--index"
 };
-const _hoisted_5$5 = { class: "f-table__head" };
+const _hoisted_5$6 = { class: "f-table__head" };
 const _hoisted_6$4 = {
   key: 0,
   class: "f-table__th f-table__th--index"
@@ -2381,8 +4618,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       scrollTop.value = 0;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
           _cache[0] || (_cache[0] = createElementVNode("span", { class: "spinner" }, null, -1)),
           createElementVNode("span", null, toDisplayString(_ctx.loadingText), 1)
         ])) : createCommentVNode("", true),
@@ -2392,9 +4629,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ref: scrollEl,
           onScroll
         }, [
-          createElementVNode("table", _hoisted_3$8, [
+          createElementVNode("table", _hoisted_3$9, [
             createElementVNode("colgroup", null, [
-              _ctx.showIndex ? (openBlock(), createElementBlock("col", _hoisted_4$5)) : createCommentVNode("", true),
+              _ctx.showIndex ? (openBlock(), createElementBlock("col", _hoisted_4$6)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
                 var _a, _b;
                 return openBlock(), createElementBlock("col", {
@@ -2406,7 +4643,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 }, null, 4);
               }), 128))
             ]),
-            createElementVNode("thead", _hoisted_5$5, [
+            createElementVNode("thead", _hoisted_5$6, [
               createElementVNode("tr", null, [
                 _ctx.showIndex ? (openBlock(), createElementBlock("th", _hoisted_6$4, "#")) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
@@ -2488,73 +4725,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FTable = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-01724962"]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "FDialog",
-  props: /* @__PURE__ */ mergeModels({
-    maskClosable: { type: Boolean, default: true },
-    maskColor: { default: "black" },
-    showMask: { type: Boolean, default: true }
-  }, {
-    "modelValue": __spreadValues({ type: Boolean }, { default: false }),
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const visible = useModel(__props, "modelValue");
-    const handleMaskClick = () => {
-      if (props.maskClosable) visible.value = false;
-    };
-    const maskBackgroundColor = computed(() => {
-      if (!props.showMask) return "transparent";
-      switch (props.maskColor) {
-        case "white":
-          return "rgba(255, 255, 255, 0.5)";
-        case "black":
-          return "rgba(0, 0, 0, 0.5)";
-        case "transparent":
-          return "transparent";
-        default:
-          return "rgba(0, 0, 0, 0.5)";
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        createVNode(Transition, { name: "fade" }, {
-          default: withCtx(() => [
-            visible.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "f-dialog-mask",
-              style: normalizeStyle({ backgroundColor: unref(maskBackgroundColor) }),
-              onClick: handleMaskClick
-            }, [
-              createElementVNode("div", {
-                class: "f-dialog-container",
-                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["stop"]))
-              }, [
-                renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ])
-            ], 4)) : createCommentVNode("", true)
-          ]),
-          _: 3
-        })
-      ]);
-    };
-  }
-});
-const FDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-31496822"]]);
-const _hoisted_1$9 = { class: "f-upload" };
-const _hoisted_2$7 = { class: "f-upload__label" };
-const _hoisted_3$7 = ["accept"];
-const _hoisted_4$4 = {
+const FTable = /* @__PURE__ */ _export_sfc$3(_sfc_main$d, [["__scopeId", "data-v-01724962"]]);
+const _hoisted_1$a = { class: "f-upload" };
+const _hoisted_2$8 = { class: "f-upload__label" };
+const _hoisted_3$8 = ["accept"];
+const _hoisted_4$5 = {
   key: 0,
   class: "f-upload__file-item"
 };
-const _hoisted_5$4 = { class: "f-upload__file-info" };
+const _hoisted_5$5 = { class: "f-upload__file-info" };
 const _hoisted_6$3 = { class: "f-upload__file-name" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FUpload",
   props: /* @__PURE__ */ mergeModels({
     accept: {},
@@ -2605,22 +4786,22 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       emit("change", f);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", {
           class: normalizeClass(["f-upload__zone", { "f-upload--drag": unref(dragActive) }]),
           onDragover: onDragOver,
           onDragleave: onDragLeave,
           onDrop
         }, [
-          createElementVNode("label", _hoisted_2$7, [
+          createElementVNode("label", _hoisted_2$8, [
             createElementVNode("input", {
               type: "file",
               accept: _ctx.accept,
               class: "f-upload__input",
               onChange: onFileChange
-            }, null, 40, _hoisted_3$7),
+            }, null, 40, _hoisted_3$8),
             renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(FIcon, { size: 40 }, {
+              createVNode(FIcon$3, { size: 40 }, {
                 default: withCtx(() => [
                   createVNode(unref(CloudUpload))
                 ]),
@@ -2631,14 +4812,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ], true)
           ])
         ], 34),
-        file.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
-          createVNode(FIcon, null, {
+        file.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+          createVNode(FIcon$3, null, {
             default: withCtx(() => [
               createVNode(unref(DocumentOutline))
             ]),
             _: 1
           }),
-          createElementVNode("div", _hoisted_5$4, [
+          createElementVNode("div", _hoisted_5$5, [
             createElementVNode("span", _hoisted_6$3, toDisplayString(file.value), 1),
             _ctx.progress != null ? (openBlock(), createBlock(FProgress, {
               key: 0,
@@ -2646,7 +4827,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               "show-text": ""
             }, null, 8, ["percent"])) : createCommentVNode("", true)
           ]),
-          createVNode(FIcon, {
+          createVNode(FIcon$3, {
             onClick: withModifiers(clearFile, ["stop"]),
             onMouseenter: _cache[0] || (_cache[0] = ($event) => isCloseHover.value = true),
             onMouseleave: _cache[1] || (_cache[1] = ($event) => isCloseHover.value = false),
@@ -2662,8 +4843,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FUpload = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-07b95a32"]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const FUpload = /* @__PURE__ */ _export_sfc$3(_sfc_main$c, [["__scopeId", "data-v-07b95a32"]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FButtonGroup",
   props: {
     size: { default: "normal" },
@@ -2684,9 +4865,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-62561657"]]);
-const _hoisted_1$8 = { class: "f-collapse" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const FButtonGroup = /* @__PURE__ */ _export_sfc$3(_sfc_main$b, [["__scopeId", "data-v-62561657"]]);
+const _hoisted_1$9 = { class: "f-collapse" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FCollapse",
   props: /* @__PURE__ */ mergeModels({
     accordion: { type: Boolean, default: false }
@@ -2726,16 +4907,16 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       })
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-const _hoisted_1$7 = { class: "f-collapse-item__header-title" };
-const _hoisted_2$6 = { class: "f-collapse-item__wrapper" };
-const _hoisted_3$6 = { class: "f-collapse-item__content" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "f-collapse-item__header-title" };
+const _hoisted_2$7 = { class: "f-collapse-item__wrapper" };
+const _hoisted_3$7 = { class: "f-collapse-item__content" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FCollapseItem",
   props: {
     name: {},
@@ -2779,7 +4960,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           onClick: handleHeaderClick
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("span", _hoisted_1$7, toDisplayString(_ctx.title), 1)
+            createElementVNode("span", _hoisted_1$8, toDisplayString(_ctx.title), 1)
           ]),
           _cache[0] || (_cache[0] = createElementVNode("svg", {
             class: "f-collapse-item__icon",
@@ -2803,8 +4984,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           onLeave
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_2$6, [
-              createElementVNode("div", _hoisted_3$6, [
+            withDirectives(createElementVNode("div", _hoisted_2$7, [
+              createElementVNode("div", _hoisted_3$7, [
                 renderSlot(_ctx.$slots, "default")
               ])
             ], 512), [
@@ -2817,21 +4998,21 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "f-color-picker__swatch" };
-const _hoisted_2$5 = {
+const _hoisted_1$7 = { class: "f-color-picker__swatch" };
+const _hoisted_2$6 = {
   key: 0,
   class: "f-color-picker__panel"
 };
-const _hoisted_3$5 = { class: "f-color-picker__sliders" };
-const _hoisted_4$3 = { class: "f-color-picker__slider-group" };
-const _hoisted_5$3 = ["value"];
+const _hoisted_3$6 = { class: "f-color-picker__sliders" };
+const _hoisted_4$4 = { class: "f-color-picker__slider-group" };
+const _hoisted_5$4 = ["value"];
 const _hoisted_6$2 = {
   key: 0,
   class: "f-color-picker__predefine"
 };
 const _hoisted_7 = ["onClick"];
 const hueBackground = "linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FColorPicker",
   props: /* @__PURE__ */ mergeModels({
     showAlpha: { type: Boolean, default: false },
@@ -2846,20 +5027,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    function hsvToRgb(h, s, v) {
+    function hsvToRgb(h2, s, v) {
       s /= 100;
       v /= 100;
       const c = v * s;
-      const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+      const x = c * (1 - Math.abs(h2 / 60 % 2 - 1));
       const m = v - c;
       let r = 0;
       let g = 0;
       let b = 0;
-      if (h < 60) [r, g, b] = [c, x, 0];
-      else if (h < 120) [r, g, b] = [x, c, 0];
-      else if (h < 180) [r, g, b] = [0, c, x];
-      else if (h < 240) [r, g, b] = [0, x, c];
-      else if (h < 300) [r, g, b] = [x, 0, c];
+      if (h2 < 60) [r, g, b] = [c, x, 0];
+      else if (h2 < 120) [r, g, b] = [x, c, 0];
+      else if (h2 < 180) [r, g, b] = [0, c, x];
+      else if (h2 < 240) [r, g, b] = [0, x, c];
+      else if (h2 < 300) [r, g, b] = [x, 0, c];
       else [r, g, b] = [c, 0, x];
       return {
         r: Math.round((r + m) * 255),
@@ -2874,15 +5055,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const max = Math.max(r, g, b);
       const min = Math.min(r, g, b);
       const d = max - min;
-      let h = 0;
+      let h2 = 0;
       if (d !== 0) {
-        if (max === r) h = 60 * ((g - b) / d % 6);
-        else if (max === g) h = 60 * ((b - r) / d + 2);
-        else h = 60 * ((r - g) / d + 4);
+        if (max === r) h2 = 60 * ((g - b) / d % 6);
+        else if (max === g) h2 = 60 * ((b - r) / d + 2);
+        else h2 = 60 * ((r - g) / d + 4);
       }
-      if (h < 0) h += 360;
+      if (h2 < 0) h2 += 360;
       const s = max === 0 ? 0 : d / max;
-      return { h, s: s * 100, v: max * 100 };
+      return { h: h2, s: s * 100, v: max * 100 };
     }
     function rgbToHex(r, g, b) {
       return `#${[r, g, b].map((c) => c.toString(16).padStart(2, "0")).join("")}`;
@@ -3057,7 +5238,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           class: "f-color-picker__trigger",
           onClick: togglePanel
         }, [
-          createElementVNode("div", _hoisted_1$6, [
+          createElementVNode("div", _hoisted_1$7, [
             createElementVNode("span", {
               class: "f-color-picker__swatch-color",
               style: normalizeStyle({ background: `rgba(${unref(previewRgb).r}, ${unref(previewRgb).g}, ${unref(previewRgb).b}, ${unref(hsva).a})` })
@@ -3066,7 +5247,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(Transition, { name: "f-color-picker-fade" }, {
           default: withCtx(() => [
-            unref(visible) ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+            unref(visible) ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
               createElementVNode("div", {
                 ref_key: "panelRef",
                 ref: panelRef,
@@ -3079,8 +5260,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle({ left: `${unref(hsva).s}%`, top: `${100 - unref(hsva).v}%` })
                 }, null, 4)
               ], 36),
-              createElementVNode("div", _hoisted_3$5, [
-                createElementVNode("div", _hoisted_4$3, [
+              createElementVNode("div", _hoisted_3$6, [
+                createElementVNode("div", _hoisted_4$4, [
                   createElementVNode("div", {
                     ref_key: "hueRef",
                     ref: hueRef,
@@ -3121,7 +5302,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 value: toColorString(),
                 onChange: handleInputChange,
                 onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => $event.target.blur(), ["enter"]))
-              }, null, 40, _hoisted_5$3),
+              }, null, 40, _hoisted_5$4),
               _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.predefine, (color) => {
                   return openBlock(), createElementBlock("span", {
@@ -3140,19 +5321,19 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "f-empty" };
-const _hoisted_2$4 = ["src"];
-const _hoisted_3$4 = {
+const _hoisted_1$6 = { class: "f-empty" };
+const _hoisted_2$5 = ["src"];
+const _hoisted_3$5 = {
   key: 1,
   viewBox: "0 0 160 160",
   class: "f-empty__image-default"
 };
-const _hoisted_4$2 = { class: "f-empty__description" };
-const _hoisted_5$2 = {
+const _hoisted_4$3 = { class: "f-empty__description" };
+const _hoisted_5$3 = {
   key: 0,
   class: "f-empty__extra"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FEmpty",
   props: {
     description: { default: "暂无数据" },
@@ -3161,7 +5342,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", {
           class: "f-empty__image",
           style: normalizeStyle({ width: `${_ctx.imageSize}px`, height: `${_ctx.imageSize}px` })
@@ -3172,30 +5353,30 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               src: _ctx.image,
               class: "f-empty__image-img",
               alt: ""
-            }, null, 8, _hoisted_2$4)) : (openBlock(), createElementBlock("svg", _hoisted_3$4, _cache[0] || (_cache[0] = [
+            }, null, 8, _hoisted_2$5)) : (openBlock(), createElementBlock("svg", _hoisted_3$5, _cache[0] || (_cache[0] = [
               createStaticVNode('<ellipse cx="80" cy="132" rx="46" ry="8" fill="currentColor" opacity="0.08"></ellipse><path d="M40 60 L120 60 L128 128 L32 128 Z" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><path d="M40 60 L58 32 L102 32 L120 60" fill="none" stroke="currentColor" stroke-width="3" stroke-linejoin="round" opacity="0.35"></path><line x1="32" y1="88" x2="128" y2="88" stroke="currentColor" stroke-width="3" opacity="0.35"></line><path d="M64 88 Q80 106 96 88" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5"></path>', 5)
             ])))
           ])
         ], 4),
-        createElementVNode("div", _hoisted_4$2, [
+        createElementVNode("div", _hoisted_4$3, [
           renderSlot(_ctx.$slots, "description", {}, () => [
             createTextVNode(toDisplayString(_ctx.description), 1)
           ])
         ]),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
           renderSlot(_ctx.$slots, "default")
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$4 = { class: "f-slider__mark-label" };
-const _hoisted_2$3 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
-const _hoisted_3$3 = {
+const _hoisted_1$5 = { class: "f-slider__mark-label" };
+const _hoisted_2$4 = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "onMousedown", "onKeydown", "onMouseenter"];
+const _hoisted_3$4 = {
   key: 0,
   class: "f-slider__tooltip"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FSlider",
   props: /* @__PURE__ */ mergeModels({
     min: { default: 0 },
@@ -3369,7 +5550,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(_ctx.vertical ? { bottom: `${mark.percent}%` } : { left: `${mark.percent}%` })
             }, [
               _cache[1] || (_cache[1] = createElementVNode("span", { class: "f-slider__mark-dot" }, null, -1)),
-              createElementVNode("span", _hoisted_1$4, toDisplayString(mark.label), 1)
+              createElementVNode("span", _hoisted_1$5, toDisplayString(mark.label), 1)
             ], 4);
           }), 128)),
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(values), (value, index) => {
@@ -3389,18 +5570,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(Transition, { name: "f-slider-tooltip-fade" }, {
                 default: withCtx(() => [
-                  tooltipVisible(index) ? (openBlock(), createElementBlock("div", _hoisted_3$3, toDisplayString(value), 1)) : createCommentVNode("", true)
+                  tooltipVisible(index) ? (openBlock(), createElementBlock("div", _hoisted_3$4, toDisplayString(value), 1)) : createCommentVNode("", true)
                 ]),
                 _: 2
               }, 1024)
-            ], 46, _hoisted_2$3);
+            ], 46, _hoisted_2$4);
           }), 128))
         ], 544)
       ], 2);
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "FScrollbar",
   props: {
     height: { default: "" },
@@ -3588,16 +5769,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["disabled"];
-const _hoisted_2$2 = ["value", "disabled", "placeholder"];
-const _hoisted_3$2 = ["disabled"];
-const _hoisted_4$1 = {
+const _hoisted_1$4 = ["disabled"];
+const _hoisted_2$3 = ["value", "disabled", "placeholder"];
+const _hoisted_3$3 = ["disabled"];
+const _hoisted_4$2 = {
   key: 2,
   class: "f-input-number__stack"
 };
-const _hoisted_5$1 = ["disabled"];
+const _hoisted_5$2 = ["disabled"];
 const _hoisted_6$1 = ["disabled"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "FInputNumber",
   props: /* @__PURE__ */ mergeModels({
     min: { default: -Infinity },
@@ -3605,7 +5786,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     step: { default: 1 },
     precision: { default: void 0 },
     disabled: { type: Boolean, default: false },
-    size: { default: "default" },
     controls: { type: Boolean, default: true },
     controlsPosition: { default: "right" },
     placeholder: { default: "" }
@@ -3620,16 +5800,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const inputRef = ref(null);
     const isFocused = ref(false);
     const displayText = ref("");
-    function format(value) {
+    const formItemContext = inject("FFormItemContext", null);
+    const hasError = computed(() => {
+      var _a;
+      return !!((_a = formItemContext == null ? void 0 : formItemContext.errorMsg) == null ? void 0 : _a.value);
+    });
+    const format = (value) => {
       return props.precision !== void 0 ? value.toFixed(props.precision) : String(value);
-    }
-    function clamp(value) {
+    };
+    const clamp = (value) => {
       let result = Math.min(Math.max(value, props.min), props.max);
       if (props.precision !== void 0) {
         result = Number(result.toFixed(props.precision));
       }
       return result;
-    }
+    };
     watch(
       modelValue,
       (val) => {
@@ -3640,7 +5825,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     );
     const canIncrease = computed(() => modelValue.value === void 0 || modelValue.value < props.max);
     const canDecrease = computed(() => modelValue.value === void 0 || modelValue.value > props.min);
-    function commit(raw) {
+    const commit = (raw) => {
       if (raw.trim() === "") {
         modelValue.value = void 0;
         displayText.value = "";
@@ -3654,48 +5839,49 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const clamped = clamp(parsed);
       modelValue.value = clamped;
       displayText.value = format(clamped);
-    }
-    function handleInput(e) {
+    };
+    const handleInput = (e) => {
       const raw = e.target.value;
       if (raw === "" || raw === "-" || /^-?\d*\.?\d*$/.test(raw)) {
         displayText.value = raw;
       }
-    }
-    function handleFocus() {
+    };
+    const handleFocus = () => {
       isFocused.value = true;
-    }
-    function handleBlur() {
+    };
+    const handleBlur = () => {
       isFocused.value = false;
       commit(displayText.value);
-    }
-    function handleEnter() {
+      formItemContext == null ? void 0 : formItemContext.validate();
+    };
+    const handleEnter = () => {
       var _a;
       (_a = inputRef.value) == null ? void 0 : _a.blur();
-    }
-    function step(direction) {
+    };
+    const step = (direction) => {
       var _a;
       if (props.disabled) return;
       const base = (_a = modelValue.value) != null ? _a : 0;
       const next = clamp(base + direction * props.step);
       modelValue.value = next;
       displayText.value = format(next);
-    }
+    };
     let repeatTimer = null;
     let repeatInterval = null;
-    function startRepeat(direction) {
+    const startRepeat = (direction) => {
       if (props.disabled) return;
       step(direction);
       repeatTimer = setTimeout(() => {
         repeatInterval = setInterval(() => step(direction), 80);
       }, 400);
-    }
-    function stopRepeat() {
+    };
+    const stopRepeat = () => {
       if (repeatTimer) clearTimeout(repeatTimer);
       if (repeatInterval) clearInterval(repeatInterval);
       repeatTimer = null;
       repeatInterval = null;
-    }
-    function handleKeydown(e) {
+    };
+    const handleKeydown = (e) => {
       if (e.key === "ArrowUp") {
         e.preventDefault();
         step(1);
@@ -3705,43 +5891,39 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       } else if (e.key === "Enter") {
         handleEnter();
       }
-    }
-    function handleWheel(e) {
+    };
+    const handleWheel = (e) => {
       if (!isFocused.value || props.disabled) return;
       e.preventDefault();
       step(e.deltaY < 0 ? 1 : -1);
-    }
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["f-input-number", [
-          `f-input-number--${_ctx.size}`,
-          `f-input-number--controls-${_ctx.controlsPosition}`,
-          { "f-input-number--disabled": _ctx.disabled, "f-input-number--without-controls": !_ctx.controls }
-        ]])
+        class: normalizeClass(["f-input-number", {
+          "is-focus": unref(isFocused),
+          "is-error": unref(hasError),
+          "is-disabled": _ctx.disabled,
+          "has-controls-both": _ctx.controls && _ctx.controlsPosition === "both",
+          "has-controls-right": _ctx.controls && _ctx.controlsPosition === "right"
+        }])
       }, [
         _ctx.controls && _ctx.controlsPosition === "both" ? (openBlock(), createElementBlock("button", {
           key: 0,
           type: "button",
-          class: "f-input-number__control f-input-number__control--minus",
+          class: "f-input-number__btn-left",
           tabindex: "-1",
           disabled: _ctx.disabled || !unref(canDecrease),
           onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => startRepeat(-1), ["prevent"])),
           onMouseup: stopRepeat,
           onMouseleave: stopRepeat
-        }, _cache[4] || (_cache[4] = [
-          createElementVNode("svg", {
-            viewBox: "0 0 12 12",
-            width: "10",
-            height: "10"
-          }, [
-            createElementVNode("path", {
-              d: "M2 6h8",
-              stroke: "currentColor",
-              "stroke-width": "1.5",
-              "stroke-linecap": "round"
-            })
-          ], -1)
-        ]), 40, _hoisted_1$3)) : createCommentVNode("", true),
+        }, [
+          createVNode(unref(FIcon$2), null, {
+            default: withCtx(() => [
+              createVNode(unref(RemoveOutline))
+            ]),
+            _: 1
+          })
+        ], 40, _hoisted_1$4)) : createCommentVNode("", true),
         createElementVNode("input", {
           ref_key: "inputRef",
           ref: inputRef,
@@ -3756,31 +5938,25 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           onBlur: handleBlur,
           onKeydown: handleKeydown,
           onWheel: handleWheel
-        }, null, 40, _hoisted_2$2),
+        }, null, 40, _hoisted_2$3),
         _ctx.controls && _ctx.controlsPosition === "both" ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
-          class: "f-input-number__control f-input-number__control--plus",
+          class: "f-input-number__btn-right",
           tabindex: "-1",
           disabled: _ctx.disabled || !unref(canIncrease),
           onMousedown: _cache[1] || (_cache[1] = withModifiers(($event) => startRepeat(1), ["prevent"])),
           onMouseup: stopRepeat,
           onMouseleave: stopRepeat
-        }, _cache[5] || (_cache[5] = [
-          createElementVNode("svg", {
-            viewBox: "0 0 12 12",
-            width: "10",
-            height: "10"
-          }, [
-            createElementVNode("path", {
-              d: "M2 6h8M6 2v8",
-              stroke: "currentColor",
-              "stroke-width": "1.5",
-              "stroke-linecap": "round"
-            })
-          ], -1)
-        ]), 40, _hoisted_3$2)) : createCommentVNode("", true),
-        _ctx.controls && _ctx.controlsPosition === "right" ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        }, [
+          createVNode(unref(FIcon$2), null, {
+            default: withCtx(() => [
+              createVNode(unref(AddOutline))
+            ]),
+            _: 1
+          })
+        ], 40, _hoisted_3$3)) : createCommentVNode("", true),
+        _ctx.controls && _ctx.controlsPosition === "right" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
           createElementVNode("button", {
             type: "button",
             class: "f-input-number__stack-btn",
@@ -3789,22 +5965,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             onMousedown: _cache[2] || (_cache[2] = withModifiers(($event) => startRepeat(1), ["prevent"])),
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
-          }, _cache[6] || (_cache[6] = [
-            createElementVNode("svg", {
-              viewBox: "0 0 12 12",
-              width: "8",
-              height: "8"
-            }, [
-              createElementVNode("path", {
-                d: "M2 7l4-4 4 4",
-                stroke: "currentColor",
-                "stroke-width": "1.5",
-                fill: "none",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round"
-              })
-            ], -1)
-          ]), 40, _hoisted_5$1),
+          }, [
+            createVNode(unref(FIcon$2), null, {
+              default: withCtx(() => [
+                createVNode(unref(ChevronUpOutline))
+              ]),
+              _: 1
+            })
+          ], 40, _hoisted_5$2),
           createElementVNode("button", {
             type: "button",
             class: "f-input-number__stack-btn",
@@ -3813,41 +5981,34 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             onMousedown: _cache[3] || (_cache[3] = withModifiers(($event) => startRepeat(-1), ["prevent"])),
             onMouseup: stopRepeat,
             onMouseleave: stopRepeat
-          }, _cache[7] || (_cache[7] = [
-            createElementVNode("svg", {
-              viewBox: "0 0 12 12",
-              width: "8",
-              height: "8"
-            }, [
-              createElementVNode("path", {
-                d: "M2 5l4 4 4-4",
-                stroke: "currentColor",
-                "stroke-width": "1.5",
-                fill: "none",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round"
-              })
-            ], -1)
-          ]), 40, _hoisted_6$1)
+          }, [
+            createVNode(unref(FIcon$2), null, {
+              default: withCtx(() => [
+                createVNode(unref(ChevronDownOutline))
+              ]),
+              _: 1
+            })
+          ], 40, _hoisted_6$1)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$2 = { class: "f-result__icon" };
-const _hoisted_2$1 = {
+const FInputNumber = /* @__PURE__ */ _export_sfc$3(_sfc_main$4, [["__scopeId", "data-v-292cd24f"]]);
+const _hoisted_1$3 = { class: "f-result__icon" };
+const _hoisted_2$2 = {
   key: 0,
   class: "f-result__code"
 };
-const _hoisted_3$1 = {
+const _hoisted_3$2 = {
   key: 0,
   class: "f-result__title"
 };
-const _hoisted_4 = {
+const _hoisted_4$1 = {
   key: 1,
   class: "f-result__subtitle"
 };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   key: 2,
   class: "f-result__extra"
 };
@@ -3855,7 +6016,7 @@ const _hoisted_6 = {
   key: 3,
   class: "f-result__content"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "FResult",
   props: {
     status: { default: "info" },
@@ -3881,9 +6042,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["f-result", `f-result--${_ctx.status}`])
       }, [
-        createElementVNode("div", _hoisted_1$2, [
+        createElementVNode("div", _hoisted_1$3, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
-            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon, {
+            unref(showCode) ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.status), 1)) : (openBlock(), createBlock(FIcon$3, {
               key: 1,
               size: 72
             }, {
@@ -3894,17 +6055,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             }))
           ], true)
         ]),
-        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.subtitle || _ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        _ctx.$slots.subtitle || _ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
           renderSlot(_ctx.$slots, "subtitle", {}, () => [
             createTextVNode(toDisplayString(_ctx.subTitle), 1)
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
           renderSlot(_ctx.$slots, "extra", {}, void 0, true)
         ])) : createCommentVNode("", true),
         _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6, [
@@ -3914,9 +6075,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FResult = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1667a865"]]);
-const _hoisted_1$1 = { class: "f-message__content" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const FResult = /* @__PURE__ */ _export_sfc$3(_sfc_main$3, [["__scopeId", "data-v-1667a865"]]);
+const _hoisted_1$2 = { class: "f-message__content" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FMessage",
   props: {
     type: { default: "info" },
@@ -3937,7 +6098,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         info: InformationCircle,
         success: CheckmarkCircle,
         warning: Warning,
-        failed: CloseCircle
+        failed: CloseCircle,
+        default: InformationCircle,
+        primary: InformationCircle
       };
       return map[props.type];
     });
@@ -3984,7 +6147,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onMouseenter: clearTimer,
             onMouseleave: startTimer
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$3, {
               key: 0,
               class: "f-message__icon"
             }, {
@@ -3993,7 +6156,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_1$1, toDisplayString(_ctx.message), 1),
+            createElementVNode("span", _hoisted_1$2, toDisplayString(_ctx.message), 1),
             _ctx.closable ? (openBlock(), createElementBlock("button", {
               key: 1,
               type: "button",
@@ -4001,7 +6164,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: close
             }, [
-              createVNode(FIcon, null, {
+              createVNode(FIcon$3, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -4015,7 +6178,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6332ba18"]]);
+const FMessageComp = /* @__PURE__ */ _export_sfc$3(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
 const GAP$1 = 16;
 const BASE_OFFSET$1 = 20;
 let seed$1 = 0;
@@ -4088,13 +6251,13 @@ FMessage.closeAll = () => {
     (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
   });
 };
-const _hoisted_1 = { class: "f-notification__body" };
-const _hoisted_2 = {
+const _hoisted_1$1 = { class: "f-notification__body" };
+const _hoisted_2$1 = {
   key: 0,
   class: "f-notification__title"
 };
-const _hoisted_3 = { class: "f-notification__content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_3$1 = { class: "f-notification__content" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "FNotification",
   props: {
     type: { default: "info" },
@@ -4117,7 +6280,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         info: InformationCircle,
         success: CheckmarkCircle,
         warning: Warning,
-        failed: CloseCircle
+        failed: CloseCircle,
+        default: InformationCircle,
+        primary: InformationCircle
       };
       return map[props.type];
     });
@@ -4169,7 +6334,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onMouseleave: startTimer,
             onClick: handleClick
           }, [
-            _ctx.showIcon ? (openBlock(), createBlock(FIcon, {
+            _ctx.showIcon ? (openBlock(), createBlock(FIcon$3, {
               key: 0,
               class: "f-notification__icon"
             }, {
@@ -4178,9 +6343,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_1, [
-              _ctx.title ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-              createElementVNode("p", _hoisted_3, toDisplayString(_ctx.message), 1)
+            createElementVNode("div", _hoisted_1$1, [
+              _ctx.title ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+              createElementVNode("p", _hoisted_3$1, toDisplayString(_ctx.message), 1)
             ]),
             _ctx.closable ? (openBlock(), createElementBlock("button", {
               key: 1,
@@ -4189,7 +6354,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "aria-label": "close",
               onClick: withModifiers(close, ["stop"])
             }, [
-              createVNode(FIcon, null, {
+              createVNode(FIcon$3, null, {
                 default: withCtx(() => [
                   createVNode(unref(Close))
                 ]),
@@ -4203,7 +6368,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7600a501"]]);
+const FNotificationComp = /* @__PURE__ */ _export_sfc$3(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
 const GAP = 16;
 const BASE_OFFSET = 20;
 let seed = 0;
@@ -4292,6 +6457,262 @@ FNotification.closeAll = (position) => {
     });
   });
 };
+const _hoisted_1 = {
+  key: 0,
+  class: "f-dialog__icon"
+};
+const _hoisted_2 = { class: "f-dialog__title" };
+const _hoisted_3 = { class: "f-dialog__body" };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = {
+  key: 2,
+  class: "f-dialog__footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FDialog",
+  props: /* @__PURE__ */ mergeModels({
+    title: { default: "提示" },
+    content: {},
+    width: { default: "500px" },
+    type: { default: "default" },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    showCancel: { type: Boolean, default: true },
+    showClose: { type: Boolean, default: true },
+    closeOnClickModal: { type: Boolean, default: true },
+    closeOnEsc: { type: Boolean, default: true },
+    center: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    destroyOnClose: { type: Boolean, default: false },
+    beforeClose: {}
+  }, {
+    "modelValue": __spreadValues({ type: Boolean }, { required: true }),
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "modelValue");
+    const handleClose = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const handleConfirm = () => {
+      emit("confirm");
+      if (props.beforeClose) {
+        props.beforeClose(() => {
+          visible.value = false;
+        });
+      } else {
+        visible.value = false;
+      }
+    };
+    const handleCancel = () => {
+      emit("cancel");
+      handleClose();
+    };
+    const handleOverlayClick = (e) => {
+      if (props.closeOnClickModal && e.target === e.currentTarget) {
+        handleClose();
+      }
+    };
+    const handleKeydown = (e) => {
+      if (props.closeOnEsc && e.key === "Escape") {
+        handleClose();
+      }
+    };
+    onMounted(() => {
+      if (props.closeOnEsc) {
+        window.addEventListener("keydown", handleKeydown);
+      }
+      emit("open");
+    });
+    onBeforeUnmount(() => {
+      if (props.closeOnEsc) {
+        window.removeEventListener("keydown", handleKeydown);
+      }
+    });
+    const iconMap = {
+      info: InformationCircleOutline,
+      success: CheckmarkCircleOutline,
+      warning: WarningOutline,
+      failed: AlertCircleOutline,
+      primary: InformationCircleOutline,
+      default: InformationCircleOutline
+    };
+    const hasIcon = computed(() => props.type && props.type !== "default");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, { name: "f-dialog-fade" }, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "f-dialog-overlay",
+              onClick: handleOverlayClick
+            }, [
+              createVNode(Transition, { name: "f-dialog-zoom" }, {
+                default: withCtx(() => [
+                  visible.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["f-dialog", [
+                      `f-dialog--${_ctx.type}`,
+                      {
+                        "is-center": _ctx.center,
+                        "is-fullscreen": _ctx.fullscreen
+                      }
+                    ]]),
+                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                  }, [
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "f-dialog__close",
+                      onClick: handleClose
+                    }, [
+                      createVNode(FIcon$3, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(CloseOutline))
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
+                    }, [
+                      renderSlot(_ctx.$slots, "header", {}, () => [
+                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                          createVNode(FIcon$3, null, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
+                            ]),
+                            _: 1
+                          })
+                        ])) : createCommentVNode("", true),
+                        createElementVNode("h3", _hoisted_2, toDisplayString(_ctx.title), 1)
+                      ], true)
+                    ], 2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3, [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ], true)
+                    ]),
+                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                      renderSlot(_ctx.$slots, "footer", {}, () => [
+                        _ctx.showCancel ? (openBlock(), createBlock(FButton, {
+                          key: 0,
+                          onClick: handleCancel
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(FButton, {
+                          type: "primary",
+                          onClick: handleConfirm
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], true)
+                    ])) : createCommentVNode("", true)
+                  ], 6)) : createCommentVNode("", true)
+                ]),
+                _: 3
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+const FDialogComp = /* @__PURE__ */ _export_sfc$3(_sfc_main, [["__scopeId", "data-v-991352de"]]);
+const showDialog = (options) => {
+  return new Promise((resolve) => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const visible = ref(true);
+    const handleConfirm = () => {
+      cleanup();
+      resolve(true);
+    };
+    const handleCancel = () => {
+      cleanup();
+      resolve(false);
+    };
+    const handleClose = () => {
+      cleanup();
+      resolve(false);
+    };
+    const cleanup = () => {
+      visible.value = false;
+      setTimeout(() => {
+        render(null, container);
+        document.body.removeChild(container);
+      }, 300);
+    };
+    const vnode = h(FDialogComp, __spreadValues({
+      modelValue: visible.value,
+      "onUpdate:modelValue": (val) => {
+        visible.value = val;
+        if (!val) {
+          cleanup();
+        }
+      },
+      onConfirm: handleConfirm,
+      onCancel: handleCancel,
+      onClose: handleClose
+    }, options));
+    render(vnode, container);
+  });
+};
+const confirm = (content, title = "确认") => {
+  return showDialog({
+    title,
+    content,
+    type: "warning",
+    showCancel: true,
+    center: true
+  });
+};
+const alert = (content, title = "提示", type = "info") => {
+  return showDialog({
+    title,
+    content,
+    type,
+    showCancel: false,
+    confirmText: "知道了",
+    center: true
+  });
+};
+const success = (content, title = "成功") => {
+  return alert(content, title, "success");
+};
+const warning = (content, title = "警告") => {
+  return alert(content, title, "warning");
+};
+const failed = (content, title = "错误") => {
+  return alert(content, title, "failed");
+};
+const info = (content, title = "提示") => {
+  return alert(content, title, "info");
+};
+const FDialog = (options) => {
+  return showDialog(options);
+};
+FDialog.showDialog = showDialog;
+FDialog.confirm = confirm;
+FDialog.alert = alert;
+FDialog.success = success;
+FDialog.warning = warning;
+FDialog.failed = failed;
+FDialog.info = info;
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FAffix,
@@ -4304,21 +6725,21 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FCard,
   FCheckbox,
   FCol,
-  FCollapse: _sfc_main$9,
-  FCollapseItem: _sfc_main$8,
-  FColorPicker: _sfc_main$7,
+  FCollapse: _sfc_main$a,
+  FCollapseItem: _sfc_main$9,
+  FColorPicker: _sfc_main$8,
   FContainer,
   FDialog,
   FDivider,
   FDropdown,
   FEditor,
-  FEmpty: _sfc_main$6,
+  FEmpty: _sfc_main$7,
   FForm,
   FFormItem,
-  FIcon,
+  FIcon: FIcon$3,
   FImage,
   FInput,
-  FInputNumber: _sfc_main$3,
+  FInputNumber,
   FLink,
   FLoading,
   FMessage,
@@ -4328,9 +6749,9 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FRate,
   FResult,
   FRow,
-  FScrollbar: _sfc_main$4,
+  FScrollbar: _sfc_main$5,
   FSelect,
-  FSlider: _sfc_main$5,
+  FSlider: _sfc_main$6,
   FSpace,
   FTable,
   FTabs,
@@ -4356,21 +6777,21 @@ export {
   FCard,
   FCheckbox,
   FCol,
-  _sfc_main$9 as FCollapse,
-  _sfc_main$8 as FCollapseItem,
-  _sfc_main$7 as FColorPicker,
+  _sfc_main$a as FCollapse,
+  _sfc_main$9 as FCollapseItem,
+  _sfc_main$8 as FColorPicker,
   FContainer,
   FDialog,
   FDivider,
   FDropdown,
   FEditor,
-  _sfc_main$6 as FEmpty,
+  _sfc_main$7 as FEmpty,
   FForm,
   FFormItem,
-  FIcon,
+  FIcon$3 as FIcon,
   FImage,
   FInput,
-  _sfc_main$3 as FInputNumber,
+  FInputNumber,
   FLink,
   FLoading,
   FMessage,
@@ -4380,9 +6801,9 @@ export {
   FRate,
   FResult,
   FRow,
-  _sfc_main$4 as FScrollbar,
+  _sfc_main$5 as FScrollbar,
   FSelect,
-  _sfc_main$5 as FSlider,
+  _sfc_main$6 as FSlider,
   FSpace,
   FTable,
   FTabs,